/*
Theme Name: Uncode Pro
Theme URI: https://accesspressthemes.com/wordpress-themes/uncode
Author: AccessPress Themes
Author URI: https://accesspressthemes.com/
Description: Uncode Pro is a stunning  premium WordPress corporate theme with a magnificent clean design.  It comes with advanced features and functionalities to let you design a complete site in no time. Its alluring responsive layout and well arranged contents makes your site stand out. The theme offers plenty of customization possibilities and multiple options – easily configure settings, design and other element with live preview. Besides, it is carefully designed focusing each and every web requirement that one is looking for creating a successful site. It features highly configurable background, unlimited color options, multiple web layouts, multiple header layouts and much more. Choose any that better fits your requirement and design a desirable website faster than ever.
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uncode-pro
Tags: one-column, two-columns, right-sidebar,front-page-post-form,full-width-template,rtl-language-support,sticky-post,theme-options, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, portfolio


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Uncode Pro is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
    margin:0;
    padding:0;
}

body {
    margin: 0;
    font-family:'Open Sans', sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 15px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #404040;
    font-family:'Open Sans', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 15px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 15px;
}

address {
    margin: 0 0 1.5px;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: transparent;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}

ul,
ol {
    margin: 0 0 15px 15px;
}

ul {
    list-style:disc;
}

ol {
    list-style:decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

img {
    vertical-align: middle;
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

table {
    margin: 0 0 15px;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color:#1c9cda;
    background-color:#1c9cda;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    padding:12px 18px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color:rgba(28,156,218,0.8);
    background-color:rgba(28,156,218,0.8);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;

}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #a8a8a8;
    border: 1px solid #eeeeee;
    padding: 10px;
    font-size: 14px;
}

select {
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus, 
select:focus{
    color: #111;
    outline: none;
    box-shadow: none;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    text-decoration: none;
    color: #000000;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
}

/*a:visited {
    color: purple;
}*/

a:hover,
a:focus,
a:active {
    color: #1c9cda;
}

a:focus {
    outline: 0;
    border:0;
    box-shadow: 0;
}

a:hover,
a:active {
    outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 20px;
    overflow: hidden;
    padding:40px 0 20px 0;
    border-top:2px solid #F0F0F0;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
    position:relative;
    padding-left:30px;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
    position:relative;
    padding-right:30px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after, 
.cat-item:before, 
.cat-item:after, 
.widget_archive ul li:before,
.widget_archive ul li:after {
    content: "";
    display: table;
    clear: both;
}
.clearfix:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    /*margin: 0 0 1.5em;*/
    margin:0;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 50px;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

.page-links {
    clear: both;
    margin: 0 0 15px;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 15px;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/*========Uncode Pro css-starts=======*/
.container {
	width:1170px;
	margin:0 auto;
}
/*============Header============*/
/*top-header*/
.topheader {
    padding:8px 0;
}
.site-header .quick-info {
    float:left;
    width:49%;
    margin-right:1%;
}
.site-header .social-icon {
    float:right;
    width:49%;
    margin-left:1%;
    text-align: right;
}
.site-header .quick-info ul,
.site-header .social-icon ul {
    list-style: none;
    margin:0;
    padding:0;
    line-height: 1;
}
.site-header .quick-info ul li {
    font-size: 12px;
    font-weight:300;
    display:inline-block;
    margin-right: 10px;
    line-height: 2;
    letter-spacing: 0.5px;
}
.site-header .quick-info ul li i {
    margin-right: 5px;
}
.site-header .social-icon ul li {
    display: inline-block;
    margin: 0 5px;
}
.site-header .social-icon ul li a {
    display: inline-block;
    font-size: 12px;
    text-align: center;
}
.site-header .social-icon ul li a i {
    line-height: 20px;
}
/*bottom-header*/
.mainheader {
	background-color:#ffffff;
}
.site-branding {
	float:left;
	width:30%;
    padding:20px 0;
}
.site-branding.logo-title {
    padding:5px 0;
    line-height: 77px;
}
.site-branding .logo, 
.site-branding .site-title-wrap  {
	width:100%;
}
.site-title {
	margin:0;
	font-weight:600;
	font-size: 36px;
	text-transform: uppercase;
	line-height: 1;
}
.site-title a {
	color:#1c9cda;
}
.site-description {
	margin:0;
	line-height: 1;
	font-size: 13px;
	color:#2b2c2c;
	letter-spacing: 1.5px;
	text-transform: lowercase;
}
.site-branding.logo-title .logo,
.site-branding.logo-title .site-title-wrap  {
    float:left;
    width:49%;
}
.site-branding.logo-title .site-title-wrap {
    margin:10px 0 10px 5px;
}
.site-branding.logo-title .site-title{
    font-size: 28px;
}
.site-branding.logo-title .site-description {
    font-size: 10px;
}
nav#site-navigation {
	float:left;
	width:67%;
    text-align: right;
    line-height: 1;
}
.uncodepro-menu.menu-toggle {
	display: none;
}
.menu-main-menu-container {
    display: inline-block;
}
#site-navigation ul  {
	margin:0;
	padding: 0;
	list-style: none;
    display: inline-block;
}
#site-navigation ul li {
	float:left;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight:500;
    line-height: 77px;
	text-transform: uppercase;
    position: relative;
}
#site-navigation ul#primary-menu > li, 
#site-navigation #primary-menu > ul > li {
    padding: 5px 0;
}
#site-navigation ul#primary-menu > li > a, 
#site-navigation #primary-menu ul > li > a {
	color:#22272c;
    padding:0 28px 0 7px;
    position:relative;
}
#site-navigation ul#primary-menu ul.sub-menu > li a, 
#site-navigation #primary-menu ul.children > li a {
    padding:15px;
    border-bottom:1px dashed #eeeeee;
}
#site-navigation ul#primary-menu ul.sub-menu > li a:last-child, 
#site-navigation #primary-menu ul.children > li a:last-child {
    border-bottom:none;
}
#site-navigation ul#primary-menu > li.menu-item-has-children > a:after, 
#site-navigation #primary-menu > ul > li.page_item_has_children > a:after  {
    content: '\f107';
    position: absolute;
    top: 50%;
    right: 0;
    font-family: 'FontAwesome';
    width: 10px;
    height: 10px;
    margin-top: -7px;
    line-height: 1;
    margin-right: 15px;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
}
.header1 #site-navigation ul#primary-menu > li:hover > a, 
.header1 #site-navigation #primary-menu ul > li:hover > a, 
.header1 #site-navigation #primary-menu ul > li.current_page_item > a,
.header1 #site-navigation ul#primary-menu > li.current-menu-item > a {
    color: #1c9cda;
}
#site-navigation ul#primary-menu > li.menu-item-has-children:hover > a:after, 
#site-navigation #primary-menu ul > li.page_item_has_children:hover > a:after {
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    margin-top: -5px;
}
#site-navigation ul ul.sub-menu, 
#site-navigation ul ul.children {
    background-color:#ffffff;
    min-width:175px;
    position: absolute;
    top:100%;
    left:0; 
    opacity: 0;
    visibility: hidden;
    display: none;
    z-index: 999;
    text-align: left;
    box-shadow: 0 0 1px #ccc;
    -webkit-box-shadow: 0 0 1px #ccc;
    -moz-box-shadow: 0 0 1px #ccc;
}
#site-navigation ul ul.sub-menu li, 
#site-navigation ul ul ul li, 
#site-navigation ul ul.children li {
    font-size: 12px;
    line-height: 1.6;
    position: relative;
    padding:0;
    display: block;
    float:none;
    font-weight:400;
}
#site-navigation ul ul ul.sub-menu, 
#site-navigation ul ul ul.children {
    position:absolute;
    top:0;
    right:-175px;
    left:auto;
    margin-top: 0;
}
#site-navigation ul#primary-menu > li:last-child > ul.sub-menu {
    right:0;
    left: auto;
}
#site-navigation ul ul.sub-menu li.menu-item-has-children, 
#site-navigation ul ul.sub-menu li.page_item_has_children, 
#site-navigation ul ul.children li.menu-item-has-children, 
#site-navigation ul ul.children li.page_item_has_children   {
    position: relative;
}
#site-navigation ul ul.sub-menu li.menu-item-has-children > a:after, 
#site-navigation ul ul.sub-menu li.page_item_has_children > a:after, 
#site-navigation ul ul.children li.menu-item-has-children > a:after, 
#site-navigation ul ul.children li.page_item_has_children > a:after {
    content: '\f105';
    position: absolute;
    top: 50%;
    right: 0;
    font-family: 'FontAwesome';
    width: 10px;
    height: 10px;
    margin-top: -7px;
    line-height: 1;
    margin-right: 15px;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
}
#site-navigation ul li:hover > ul, 
#site-navigation ul li:focus > ul  {
    opacity: 1;
    visibility: visible;
    margin-top:0;
    display: block;
}
#site-navigation ul ul li {
    display: block;
    line-height: 1.3;
}
#site-navigation ul ul li a {
    display: block;
}
#site-navigation ul ul li:hover {
    background-color:#eee;
} 
.un-head-search {
    float: right;
    width: 30px;
    line-height: 84px;
    text-align: right;
}
.sticky-wrapper.is-sticky .un-head-search {
    line-height: 55px;
}
.un-search-icon {
    position: relative;
    cursor: pointer;
}
.un-search-icon:before {
    content:'\f002';
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 16px;
    color:#000000;
    top:50%;
    right: 0;
}
.mainheader .container {
    position: relative;
}
.un-head-search .search-form {
    display: none;
    position: absolute;
    top:100%;
    right:0;
    line-height: 1;
    z-index: 999;
}
.un-head-search .search-form .search-field {
    padding:5px 30px 5px 15px;
    height: 40px;
}
.un-head-search .search-form input[type=submit] {
    position:absolute;
    top:0;
    right:0;
    opacity: 0;
    height:100%;
    z-index: 999;
}
.un-head-search .search-form label {
    position:relative;
}
.un-head-search .search-form label:before {
    content:'\f002';
    font-family: 'FontAwesome';
    font-size: 16px;
    position:absolute;
    right:10px;
    top:0;
    z-index: 1;
    line-height: 25px;
}
.un-head-search .ps-search-icon{
    position: relative;
}
/*--------header-layout-1--------*/
.header1 .topheader {
    display:none;
}
/*-------header-layout-2------*/
/*----header-2-topheader----*/
.header2 .topheader {
    background-color:#1e1e1e;
}
.site-header.header2 .quick-info ul li, 
.site-header.header2 .quick-info ul li a {
    color:#ffffff;
}
.site-header.header2 .social-icon ul li a {
    color:#ffffff;
}
.site-header.header2 .quick-info ul li a:hover,
.site-header.header2 .social-icon ul li a:hover {
    color: #1c9cda;
}
/*-----header-2-bottomheader-----*/
.header2 #site-navigation ul#primary-menu > li > a, 
.header2 #site-navigation #primary-menu ul > li > a {
    padding: 10px 14px;
    margin-right: 7px;
    line-height: 1;
}
.header2 #site-navigation ul#primary-menu > li:last-child > a, 
.header2 #site-navigation #primary-menu ul > li:last-child > a {
    margin-right:0;
}
.header2 #site-navigation ul#primary-menu > li.menu-item-has-children > a {
    padding:10px 23px 10px 14px;
}
.header2 #site-navigation ul#primary-menu > li.menu-item-has-children > a:after, 
.header2 #site-navigation #primary-menu > ul > li.page_item_has_children > a:after {
    margin-right: 8px;
}
.header2 #site-navigation ul ul.sub-menu, 
.header2 #site-navigation ul ul.children, 
.header3 #site-navigation ul ul.sub-menu, 
.header3 #site-navigation ul ul.children {
    min-width:200px;
    margin-top: 30px;
    display: block;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.header2 #site-navigation ul#primary-menu ul li,
.header2 #site-navigation #primary-menu ul ul li, 
.header3 #site-navigation ul#primary-menu ul li,
.header3 #site-navigation #primary-menu ul ul li {
    width: 100%;
    font-size: 14px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.header2 #site-navigation ul li:hover > ul, 
.header2 #site-navigation ul li:focus > ul, 
.header3 #site-navigation ul li:hover > ul, 
.header3 #site-navigation ul li:focus > ul {
    margin-top:4px;
}
.header2 #site-navigation ul#primary-menu > li:hover > a, 
.header2 #site-navigation #primary-menu > ul > li:hover > a, 
.header2 #site-navigation #primary-menu > ul > li.current_page_item > a, 
.header2 #site-navigation ul#primary-menu > li.current-menu-item > a {
    background-color:#1c9cda;
    border-radius: 3px;
    color:#ffffff;
}
.header2 #site-navigation ul ul li:hover {
    background-color:#1c9cda;
}
.header2 #site-navigation ul#primary-menu ul li:hover a, 
.header2 #site-navigation #primary-menu ul ul li:hover a {
    color: #ffffff;
}
/*-------header-layout-3------*/
/*----header-3-topheader----*/

.site-header.header3 .quick-info ul li {
    color:#777777;
}
.site-header.header3 .social-icon ul li {
    margin:0 0 0 5px;
    width: 24px;
    height: 24px;
}
.site-header.header3 .social-icon ul li a {
    color:#bbbbbb;
    width: 100%;
    height: 100%;
    font-size: 10px;
    border-radius: 100%;
    background-color:transparent;
    border:2px solid #bbbbbb;
}
.site-header.header3 .social-icon ul li a:hover {
    background-color:#1c9cda;
    border-color:#1c9cda;
    color:#ffffff;
}
/*-----header-3-bottomheader-----*/

.header3 .mainheader {
    background-color:#1c9cda;
}
.header3 .site-title a,
.header3 .site-description,
.header3 #site-navigation ul#primary-menu > li > a, 
.header3 #site-navigation #primary-menu > ul > li > a, 
.header3 #site-navigation ul#primary-menu > li:hover > a, 
.header3 #site-navigation #primary-menu > ul > li:hover > a, 
.header3 #site-navigation #primary-menu > ul > li.current_page_item > a, 
.header3 #site-navigation ul#primary-menu > li.current-menu-item > a, 
.header3 .un-search-icon:before   {
    color:#ffffff;
}
.header3 #site-navigation ul#primary-menu > li.menu-item-has-children > a:after,
.header3 #site-navigation #primary-menu > ul > li.page_item_has_children > a:after {
    content:'\f0d7';
}

/*=======================STICKY-MENU===============*/
.sticky-wrapper.is-sticky .mainheader {
    background-color: #f2f2f2;
    z-index: 99999;
}
.sticky-wrapper.is-sticky .site-branding {
    padding:10px 0;
}
.sticky-wrapper.is-sticky .site-title {
    font-size: 28px;
}
.sticky-wrapper.is-sticky .site-description {
    font-size: 12px;
}
.sticky-wrapper.is-sticky #site-navigation ul li {
    line-height: 50px;
}
.sticky-wrapper.is-sticky #site-navigation ul ul li {
    line-height: 1.6;
}
.header3 .sticky-wrapper.is-sticky .mainheader {
    background-color:#1c9cda;
}
.sticky-wrapper.is-sticky .site-branding.logo-title {
    line-height: 50px;
    padding:5px 0;
}
.sticky-wrapper.is-sticky .site-branding.logo-title .logo img {
    width: 80%;
}
/*====================
    TAB-TOGGLE-MENU
======================*/
#site-navigation .nav-toggle {
    display:none;
    width:40px;
    margin:15px 0;
    float: right;
    cursor: pointer;
}
#site-navigation .nav-toggle div {
    width:100%;
    height:5px;
    background-color:#1c9cda;
    margin:3px 0;
    transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
}
.header3 #site-navigation .nav-toggle div {
    background-color: #ffffff;  
}
#site-navigation .nav-toggle.on div.one {
    transform:rotate(45deg) translate(5px, 5px);
}
#site-navigation .nav-toggle.on div.two {
    opacity: 0;
}
#site-navigation .nav-toggle.on div.three {
    transform:rotate(-45deg) translate(6px, -7px)
}
/*============
banner-section
===============*/
.main-banner {
    position: relative;
    min-height: 570px;
}
.main-banner:before{
    content:'';
    position:absolute;
    background-color:rgba(0,0,0,0.4);
    width:100%;
    height:100%;
}
.main-banner .container {
    position:absolute;
    top:50%;
    left:0;
    right:0;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    z-index: 99;
    text-align:center;
}
.mainbanner-wrap, 
.uncode-pro-slider {
    color:#ffffff;
}
.mainbanner-wrap h1,
.uncode-pro-slider .uncode-title {
    font-size: 62px;
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 40px;
    line-height: 1;
}
.mainbanner-wrap > p,
.uncode-pro-slider .uncode-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    font-style: italic;
    max-width: 70%;
    margin: 0 auto;
}
.mainbanner-button-wrap, 
.uncode-pro-slider .uncode-button {
    margin:40px 0 0 ;
}
.mainbanner-button-wrap .first-button, 
.mainbanner-button-wrap .second-button {
    display: inline-block;
}
.mainbanner-button-wrap .first-button a, 
.mainbanner-button-wrap .second-button a, 
.uncode-pro-slider a.uncode-button  {
    display: inline-block;
    padding:15px 30px;
    color:#ffffff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
}
.mainbanner-button-wrap .first-button a, 
.uncode-pro-slider a.uncode-button {
    background-color:#1c9cda;
    border:1px solid #1c9cda;
    margin-right: 5px;
}
.mainbanner-button-wrap .second-button a {
    background-color:transparent;
    border:1px solid #ffffff;
    margin-left:5px;
}
.mainbanner-button-wrap .first-button a:hover{
    background-color:transparent;
    border-color:#ffffff;
}
.mainbanner-button-wrap .second-button a:hover, 
.uncode-pro-slider a.uncode-button:hover  {
    background-color:#ffffff;
    color:#1c9cda;
    border-color:#ffffff;
}

/*=======================
      NORMAL-SLIDER
=========================*/
 
.home-slider-overlay{
    position:absolute;
    background-color:rgba(0,0,0,0.4);
    width:100%;
    height:100%;
}
.uncode-pro-slider ul.slides li {
    position: relative;
}
.uncode-caption {
    position:absolute;
    top:50%;
    left:0;
    right:0;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    z-index: 99;
    text-align:center;
}
.banner-height{
    height: 520px;
}
.flex-direction-nav a,
.flex-control-nav > li > a {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.flex-direction-nav a {
    position: absolute;
    display: block;
    height: 100%;
    width: 50%;
    top: 0;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    margin:0;
}

.flex-direction-nav .flex-prev {
    opacity: 0;
    left: 0;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: url(assets/images/prev-light.png), url(assets/images/prev-light.cur), e-resize; /* standard: note the different path for the .cur file */
    cursor: url(assets/images/prev-light.cur), n-resize\9; /* IE 8 and below */
    *cursor: url(assets/images/prev-light.cur), n-resize; /* IE 7 and below */
    _cursor: url(assets/images/prev-light.cur), n-resize; /* IE 6 */
}

.flex-direction-nav .flex-next {
    opacity: 0;
    right: 0;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: url(assets/images/next-light.png), url(assets/images/next-light.cur), e-resize; /* standard: note the different path for the .cur file */
    cursor: url(assets/images/next-light.cur), n-resize\9; /* IE 8 and below */
    *cursor: url(assets/images/next-light.cur), n-resize; /* IE 7 and below */
    _cursor: url(assets/images/next-light.cur), n-resize; /* IE 6 */
}

.flex-control-nav {
    position: absolute;
    width: auto;
    left: 50%;
    bottom: 20px;
    z-index: 11;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.flex-control-nav > li {
    display: inline-block;
    margin: 5px 3px;
}

.flex-control-nav > li > a {
    background: #dddddd;
    border: 2px solid #dddddd;
    display: block;
    height: 12px;
    width: 12px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.flex-control-nav > li > a:before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color:#dddddd;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.flex-control-nav > li > a:hover,
.flex-control-nav > li > a.flex-active {
    background: transparent;
    border-color:#1c9cda;
}
.flex-control-nav > li > a:hover:before,
.flex-control-nav > li > a.flex-active:before {
    transform:scale(0.4);
    background-color:#1c9cda;
} 
#home .uncode-pro-slider {
    width: 100%;
    height: 100%;
    position: relative;
}
.uncode-pro-slider {
    margin: 0!important;
}
.uncode-pro-slider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.uncode-pro-slider,
.uncode-pro-slider .flex-viewport {
    height: 100% !important;
    width: 100%;
    padding: 0;
    margin: 0;
}
.uncode-pro-slider .slides {
    height: 100% !important;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s;
}
.uncode-pro-slider .flex-direction-nav a {
    width: 15%;
}
.uncode-pro-slider .slides li {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100% !important;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

/*=================
    SECTIONS
===================*/
.section-title h2, 
.about-content h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 42px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 40px;
    color:#000000;
    line-height: 1;
}
.about-content h2 a{
    color: #000000;
}
.section-title h2 span,
.about-content h2 span {
    color:#1c9cda;
}
.section-title p {
    font-family: 'Poppins',sans-serif;
    font-weight:300;
    font-size: 18px;
    color:#595959;
    max-width: 80%;
    margin:0 auto 50px;
}

/*===========
   ABOUT-US
=============*/
.about-section {
    padding:70px 0 40px 0;
    overflow: hidden;
}
.about-section .about-content-wrapper {
    padding:0 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-section .about-features-image figure{
    margin:0;
}
.about-section .about-features-image {
    float: left;
    width: 40%;
}
.about-section .about-content {
    float:left;
    width:53%;
    margin-left:7%;
    font-size: 14px;
    color: #555555;
    line-height: 1.4;
}
.about-section .about-content h2{
    margin:10px 0 25px 0;
}
.about-section .about-content .readmore a{
    position: relative;
    color:#1c9cda;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    margin-top: 30px;
    padding-left:40px;
    display: inline-block;
}
.about-section .about-content .readmore a:before {
    content:'';
    background:url('assets/images/about-arrow.png') no-repeat;
    width:19px;
    height: 16px;
    position: absolute;
    left:5px;
    top: 50%;
    margin-top: -8px;
} 
/*--------------------progress-bar-----------------*/
.progress-bar-sec{
    width: 100%;
    margin-top: 45px;
}
.progress-bar{
    background: #daecfb;
    height: 30px;
    padding:7px 0;
    width: 100%;
    max-width: 600px;
    position: relative;
    line-height: 20px;
    color: #FFF;
    font-size: 13px;
    margin-bottom: 35px;
}
.progress-count3 .progress-bar {
    margin-bottom: 0;
}
.progress-bar-length{
    background: #1c9cda;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: right;
    padding-right: 20px;
    width: 0;
    visibility: hidden;
    -moz-transition: width 1s ease-out;
    -webkit-transition: width 1s ease-out;
    transition: width 1s ease-out;
}
.progress-bar h6 {
    color:#ffffff;
    font-size: 14px;
    font-weight:400;
    margin:0 15px;
    position: relative;
    z-index: 99;
    line-height: 1;
}
.bar-count {
    color:#666666;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    right: 0;
    top:-20px;
}
/*===============
SERIVICES-SECTION
=================*/
.uncodepro-services-section .row-items {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
}
.uncodepro-services-section .serviceswrap{
    float:left;
    width:33.33%;
    padding:60px 40px;
    color: #ffffff;
    line-height: 1;
    font-size: 16px;
}
.uncodepro-services-section  .row-items.serviceslide {
    display: block;
}
.uncodepro-services-section  .serviceslide .serviceswrap{
    width: 100%;
    max-height: 375px;
}
.uncodepro-services-section .servicesone {
    background-color:rgba(28, 156, 218,0.75);
    clear: left;
}
.uncodepro-services-section .servicestwo {
    background-color:rgba(28, 156, 218,0.85);
}
.uncodepro-services-section .servicesthree {
    background-color:rgba(28, 156, 218,1);
}
.uncodepro-services-section .serviceswrap .item-id {
    font-size: 60px;
    font-weight:900;
    margin-bottom: 40px;
}
.uncodepro-services-section .serviceswrap h3 {
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.uncodepro-services-section .serviceswrap p {
    line-height: 1.4;
}
.uncodepro-services-section .services-readme a{
    display: inline-block;
    border:1px solid #ffffff;
    position: relative;
    padding:8px 14px;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
}
.uncodepro-services-section .services-readme a:hover {
    background-color: #ffffff;
    color:#1c9cda;
}
.uncodepro-services-section .serviceslide.owl-theme .owl-controls {
    margin:0;
}
.uncodepro-services-section .serviceslide.owl-theme .owl-controls .owl-dots{
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.uncodepro-services-section .owl-theme .owl-dots .owl-dot {
    display: inline-block;
}
.uncodepro-services-section .owl-theme .owl-dots .owl-dot span {
    width: 25px;
    height:3px;
    background-color:#999999;
    display: inline-block;
    margin:0 3px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.uncodepro-services-section .owl-theme .owl-dots .owl-dot.active span,
.uncodepro-services-section .owl-theme .owl-dots .owl-dot span:hover {
    background-color:#ffffff;
    -webkit-transform:rotate(-35deg);
    -moz-transform:rotate(-35deg);
    transform:rotate(-35deg);
}
/*==============
FEATURES-SECTION
================*/

.uncodepro-features-section {
    padding:60px 0;
    text-align: center;
    overflow: hidden;
}
.uncodepro-features-section .featuresrow .featureswrap {
    float: left;
    width:25%;
    padding: 0 20px;
    margin-bottom: 20px;
}
.uncodepro-features-section .layout1 .featuresrow .featureswrap:nth-of-type(4n+1) {
    clear: left;
}
.uncodepro-features-section .featureswrap .item-icon {
   width:90px;
   height:90px;
   line-height: 84px;
   background-color:#ffffff;
   border:3px solid #1c9cda;
   position: relative;
   border-radius:100%;
   -webkit-border-radius:100%;
   -moz-border-radius:100%;
   overflow: hidden;
   transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   color:#1c9cda;
   font-size: 36px;
   margin: 0 auto 25px;
}
.uncodepro-features-section .featureswrap .item-icon:hover {
    background: #1c9cda;
    box-shadow: 0 0 0 8px rgba(0, 195, 237, 0.3);
    color:#ffffff;
}
.uncodepro-features-section .featureswrap h4 {
    font-weight:600;    
    font-size:18px;
    margin-bottom: 18px;
    text-transform: capitalize;
}
.uncodepro-features-section .featureswrap h4 a{
    color:#666; 
}
.uncodepro-features-section .featureswrap p{
    color:#8b8b8b;
    font-size: 14px;
    line-height: 2;
}
.uncodepro-features-section .readmore a{
    color:#1c9cda;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 15px;
    display:inline-block;
    line-height: 1;
    letter-spacing: 1px;
    position: relative;
    transition:all 0.4s ease-in-out 0s;
    -webkit-transition:all 0.4s ease-in-out 0s;
    -moz-transition:all 0.4s ease-in-out 0s;
}
.uncodepro-features-section .readmore a:before {
    content:'';
    position:absolute;
    background-color:#000000;
    width:0;
    height:2px;
    top:50%;
    left:0;
    transition:all 0.4s ease-in-out 0s;
    -webkit-transition:all 0.4s ease-in-out 0s;
    -moz-transition:all 0.4s ease-in-out 0s;
}
.uncodepro-features-section .readmore a:hover {
    color:#000000;
    margin-left:40px;
}
.uncodepro-features-section .readmore a:hover:before {
    width:25px;
    margin-left:-35px;
}
/*features-layout-2*/
.uncodepro-features-section .layout2 .row-items {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    align-items: stretch;
    overflow: hidden;
}
.uncodepro-features-section .layout2 .featuresrow .featureswrap {
    width:33.33%;
    border-right:1px solid #eeeeee;
    margin-bottom: 0;
    padding:35px;
    position: relative;
}
.uncodepro-features-section .layout2 .featuresrow .featureswrap:nth-of-type(3n), 
.uncodepro-features-section .layout2 .featuresrow .featureswrap:last-child {
    border-right:0;
}
.uncodepro-features-section .layout2 .featuresrow .featureswrap:nth-of-type(3n+1) {
    clear: left;
}
.uncodepro-features-section .layout2 .row-items .featureswrap:after{
    content:'';
    position: absolute;
    bottom: -1px;
    left:0;
    background-color:#eeeeee;
    width: 100%;
    height: 1px;
}

/*=====================
    COUNTER-SECTION
========================*/
.counter-wrap {
    height: 450px;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
}
.counter-wrap:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:rgba(0,0,0,0.5);
    z-index: 1;
}
.counter-wrap ul.counterdetails {
    list-style: none;
    padding:0;
    margin:0;
    position: relative;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    z-index: 2;
}
.counter-wrap ul.counterdetails li {
    width:25%;
    height: 100%;
    float:left;
    color:#ffffff;
    text-align: center;
    padding:20px;
    font-size: 14px;
    line-height: 2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items:center;
    background-color:transparent;
}
.counter-wrap ul.counterdetails li:hover{
    background-color:rgba(28,156,218,0.76);
}
.counter-wrap .counter {
    font-size: 50px;
    font-weight:700;
    display: inline-block;
    line-height: 1;
}
.counter-wrap ul.counterdetails span {
    font-size: 50px;
    font-weight:700;
    margin-left:4px; 
    line-height: 1;
}
.counter-wrap ul.counterdetails h5 {
    font-size: 18px;
    font-weight:600;
    text-transform: uppercase;
    letter-spacing: 1px; 
    line-height: 1;
    margin:15px 0;
    display: inline-block;
    width:100%;
}
.counter-wrap ul.counterdetails li p {
    margin:0;
}
/*===========
BLOG-SECTION
=============*/

.blog-section {
    text-align: center;
    padding:60px 0;
    background-color:#fafafa;
}
.blog-section .blogwrap .blogsinfo {
    float:left;
    width:29.33%;
    margin-left:4%;
    background-color: #ffffff;
    box-shadow: 0 0 25px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.2);
    line-height: 1;
}
.blog-section .blogwrap {
    margin-left: -4%;
}
.blog-section .blog-image figure,
.main-blog-left .wp-img{
    margin:0;
    overflow: hidden;
}
.blog-section .blog-image figure img, 
.main-blog-left .wp-img img {
    display: block;
    width:100%;
    -webkit-transform:scale(1.02);
    -moz-transform:scale(1.02);
    transform:scale(1.02);
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.blog-section .blog-image figure:hover img, 
.main-blog-left .wp-img:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    transform:scale(1.2);
}
.blog-section .blogwrap .blog-image {
    position:relative;
}
.blog-section .blog-image .blogauthor {
    padding:10px 0;
    margin:0 10px;
    border-bottom: 1px solid #eeeeee;
}
.blog-section .blog-image .blogauthor img {
    position:absolute;
    bottom: 1px;
    left:30px;
    border-radius: 100%;
}
.blog-section .blog-image .blogauthor span {
    text-align: left;
    width: 100%;
    padding-left:100px;
    display: inline-block;
    font-size: 13px;
    text-transform: capitalize;
    color:#aaaaaa;
}
.blog-section .blogsinfo .blog-info {
    padding:20px 0;
    margin:0 30px;
    border-bottom: 1px solid #eeeeee;
    font-size: 16px;
    color:#8b8b8b;
    line-height: 1.5;
}
.blog-section .blogsinfo .blog-info h4 {
    margin: 0 0 20px;
    line-height: 1.4;
    font-size: 18px;
    font-weight:600;
}
.blog-section .blogsinfo .blog-info a {
    color: #666666;
}
.blog-section .blogsinfo .metainfo {
    padding:20px 30px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.blog-section .blogsinfo .blog-readmore {
    float: left;
    display: inline-block;
    position: relative;
    padding-left:27px;
}
.blog-section .blogsinfo .blog-readmore:before {
    content:'';
    position: absolute;
    background:url('assets/images/blog-arrow.png');
    top: 50%;
    left: 0;
    margin-top:-8px;
    width: 16px;
    height: 16px;
} 
.blog-section .blogsinfo .blog-readmore a{
    color:#1c9cda;
}
.blog-section .blogsinfo .blog-date {
    float: right;
    display:inline-block;
    color:#666666;
}
.blog-section .blogsinfo a:hover, 
.blog-section .blog-image .blogauthor span:hover {
     color: #1c9cda;
}
.blog-section .blog-view {
    margin-top:50px;
}
.blog-section .blog-view a {
    background-color:#1c9cda;
    color:#ffffff;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    padding:10px 18px;
    position: relative;
}
.blog-section .blog-view a:hover {
    background-color:rgba(28, 156, 218, 0.8);
}
/*-------------blog-section-layout2-----------*/
.blog-section.layout2 {
    background-color:#ffffff;
}
.blog-section.layout2 .blogwrap .blogsinfo {
    box-shadow: none;
    width:31%;
    margin-left: 2.33%
}
.blog-section.layout2 .blogwrap {
    margin-left: -2.33%;
}
.blog-section.layout2 .blog-info {
    float:left;
    width:78%;
    margin:40px 2% 0 0;
    border:none;
    padding: 0;
    text-align: left;
}
.blog-section.layout2 .blogsinfo .blog-info h4 {
    font-size: 14px;
    font-weight:700;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.blog-section.layout2 .blogsinfo .blog-info a {
    color:#333333;
}
.blog-section.layout2 .blog-info ul {
    padding:0;
    margin:0;
    list-style: none;
    line-height: 1;
}
.blog-section.layout2 .blog-info ul li {
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 15px;
    color: #333333;
}
.blog-section.layout2 .blog-info ul li a {
    color: #333333;
}
.blog-section.layout2 .blog-info ul li a span {
    color: #777777;
}
.blog-section.layout2 .blog-time {
    float:right;
    width:20%;
    margin-top:40px;
    border:1px solid #e7e7e7;
    padding:15px 0;
    color:#888888;
}
.blog-section.layout2 .blog-day {
    font-size: 24px;
    font-weight:700;
    display: block;
    margin-bottom: 5px;
}
.blog-section.layout2 .blog-month {
    font-size: 10px;
    text-transform: uppercase;
    display: block;
}
.blog-section.layout2 .blogsinfo .blog-info a:hover,
.blog-section.layout2 .blog-info ul li a:hover span {
    color:#1c9cda;
}
/*==============
RECENT-PORTFOLIO
==============*/

.portfolio-section {
    padding:60px 0;
    text-align: center;
}
.portfolio-section .portfoliowrap .portfolioinfo {
    float:left;
    width:24%;
    margin-left:1%;
    margin-bottom: 1%;
    position: relative;
}
.portfolio-section .portfoliowrap {
    margin-left:-1%;
}
.portfolio-section .portfolioinfo figure {
    margin:0;
}
.portfolio-section .portfolioinfo figure img {
    display: block;
    width:100%;
}
.portfolio-section .portfolioinfo .portfolio-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(28,156,218,0.9);
    color:#ffffff;
    padding: 10px;
    overflow: hidden;
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
}
.portfolio-section .portfolio-infowrap {
    position: absolute;
    top:50%;
    left:0;
    right:0;
    font-size: 14px;
    color: #ffffff;
    font-weight:400;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    padding: 20px;
}
.portfolio-section .portfolio-info .portfolio-infowrap a {
    color:#ffffff;
    position: relative;
    text-transform: uppercase;
    font-weight:600;
    display: inline-block;
}
.portfolio-section .portfolio-info .portfolio-infowrap a:after {
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: -10px;
    background-color:#ffffff;
    width:100%;
    height:2px;
}
.portfolio-section .portfolioinfo:hover .portfolio-info  {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}

/*---------------Portfolio-layout-2-------------------*/
#uncode_portfolio_wrap {
    margin:0 auto;
}
.portfolio-section.layout2 .portfolio-cat-name-list {
    margin:0;
    padding: 0;
    list-style: none;
    margin-bottom: 50px;
}
.portfolio-section.layout2 .portfolio-cat-name-list li {
    display: inline-block;
    color:#898989;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin:0 10px;
    cursor: pointer;
}
.portfolio-section.layout2 .portfolio-cat-name-list li:hover, 
.portfolio-section.layout2 .portfolio-cat-name-list li.active {
    color:#1c9cda;
}
.portfolio-section.layout2 .item {
    position: relative;
}
.portfolio-section.layout2 .item .portfolio-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    transform:none;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    overflow: hidden;
}
.portfolio-section.layout2 .item:hover .portfolio-info {
    opacity: 1;
    visibility: visible;
    height: 100%;
}
.portfolio-section .portfolio-info .portfolio-infowrap a:after {
    display: none;
}
.uncode-masonary-featimg {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   background-size: cover;
   background-position: center;
}
/*====================
CALL-TO-ACTION-SECTION
======================*/

.call-action-section {
    background-color:#1c9cda;
    background-size:cover;
    padding:80px 0;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    background-attachment: fixed;
    position: relative;
    color:#ffffff;
}
.call-action-section:before {
    content:'';
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.4);
    z-index:1;
}
.call-action-section .call-title h2 {
    font-size: 36px;
    font-weight:700;
    line-height: 1.38;
    margin:0;
    text-transform: uppercase;
}
.call-action-section .call-content-wrapper {
    position: relative;
    z-index: 2;
}
.call-action-section .call-title {
    max-width: 70%;
}
.call-action-section .call-title, 
.call-action-section .call-desc, 
.call-action-section .mainbanner-button-wrap {
    margin:0 auto;
}
.call-action-section .call-desc {
    font-size: 15px;
    line-height: 24px;
    max-width: 50%;
    line-height: 1.5;
}
.call-action-section .call-desc p {
    margin:25px 0 40px 0;
}
.call-action-section .mainbanner-button-wrap a{
    border-radius:5px;
    background-color:#1c9cda;
    font-weight:600;
    margin:0;
    letter-spacing: 1px;
    line-height: 1;
    padding: 18px 22px;
}
.call-action-section .mainbanner-button-wrap a:hover {
    background-color:#ffffff;
    color:#1c9cda;
}

.map-section iframe {
    margin: 0;
    border: 0;
}
/*===================
  QUICKINFO-SECTION
===================*/

.quickinfo-section {
    text-align: center;
    padding:60px 0;
    overflow: hidden;
}
.quickinfo-section .quickinfo-wrapper{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}
.quickinfo-section .quickwrap {
    width:31.33%;
    padding:10px 30px;
    border-right:1px solid #eee;
    float:left;
}
.quickinfo-section .quickwrap span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color:#999898;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.quickinfo-section span i {
    color:#1c9cda;
    font-size:40px;
    margin-bottom: 30px;
}
.quickinfo-section span.quickinfo-label {
    color: #666666;
    font-weight:700;
    margin-bottom: 20px;
    font-size: 18px;
}
.quickinfo-section .quickwrap:last-child{
   border-right: 0;  
}
.quickinfo-section .quickwrap a:hover span {
    color:#1c9cda;
}
/*========================
    TESTIMONIAL-SECTION
==========================*/
.testimonial {
    padding: 60px 0;
    background-color:#f6f6f6;
}
.testimonial .section-title h2 {
    text-align: center;
    margin-bottom:65px;
} 
.testimonial-image {
    float:left;
    width:28%;
    border-radius: 5px;
}
.testimonial-image img {
    border-radius: 5px;
}
.testimonial-image figure {
    margin:0;
}
.testimonialdetails {
    float:left;
    width:67%;
    padding-right:20px;
    margin-left: 5%;
    font-size: 14px;
    font-weight: 600;
    color:#656565;
    line-height: 2;
}
.testimonialdetails h5{
    font-size: 18px;
    color:#1c9cda;
    font-weight: 600;
    line-height: 1.1;
    margin:20px 0 10px 0;
    text-transform: capitalize;
}
.testimonialdetails ul {
    padding: 0;
    margin:0;
    list-style: none;
}
.testimonialdetails ul li{
    font-size: 11px;
    font-weight: 600;
    margin:0 0 8px;
    line-height: 1;
    color: #333333;
}
.testimonialdetails ul li:first-child {
    font-size: 13px;
    
}
.testimonial .owl-controls {
    text-align: center;
    margin-top: 30px;
}
.testimonial .owl-theme .owl-dots .owl-dot {
    display: inline-block;
}
.testimonial .owl-theme .owl-dots .owl-dot span {
    width:12px;
    height: 12px;
    border:2px solid #bbbbbb; 
    background-color: transparent;
    border-radius: 50%;
    display: inline-block;
    margin:0 2px;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
}

.testimonial .owl-theme .owl-dots .owl-dot:hover span,
.testimonial .owl-theme .owl-dots .owl-dot.active span {
    border-color:#000000;
    background-color: transparent;
}

/*====================
    TEAM-SECTION
======================*/

.team-member {
    padding:60px 0;
    text-align: center;
}
.team-member .team-image {
    width: 100%;
}
.teamdetails h5 {
    font-size: 18px;
    font-weight:600;
    text-transform:uppercase;
    margin:28px 0 10px;
    line-height: 1;
    letter-spacing: 1px;
}
.teamdetails h5 a {
    color:#1c9cda;
}
.teamdetails h6 {
    color:#656565;
    font-size: 14px;
    font-weight:600;
    margin:0 0 20px;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.teamdetails{
    display: none;
}
.center .teamdetails{
    display: inline-block;
}
.teamdetails ul.social-icons {
    padding:0;
    margin:0;
    list-style:none;
}
.teamdetails ul.social-icons li {
    float: left;
    width:67px;
    height: 38px;
    background-color:#1c9cda;
    font-size: 14px;
    margin-bottom: 5px;
    border-right:1px solid #65c2f1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.teamdetails ul.social-icons li:last-child {
    border-right:none;
}
.teamdetails ul.social-icons li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color:#ffffff;
}
.teamdetails ul.social-icons li a i{
    line-height: 38px;
}
.teamdetails ul.social-icons li:hover {
    background-color: rgba(28, 156, 218, 0.79);
}
.team-member .owl-theme .owl-controls .owl-nav div {
    position: absolute;
    background:#bcbcbc;
    color:#ffffff;
    width:40px;
    height:40px;
    top:50%;
    padding: 0;
    border-radius: 0;
    margin:-20px 0 0;
    font-size: 26px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.team-member .owl-theme .owl-controls .owl-nav div i{
    line-height: 39px;
}
.team-member .owl-theme .owl-controls .owl-nav div.owl-prev {
    left:10px;
    margin-left:-20px;
}
.team-member .owl-theme .owl-controls .owl-nav div.owl-next {
    right: 10px;
    margin-right:-20px;
}
.team-member .owl-theme:hover .owl-nav div {
    opacity:1;
    visibility:visible;
}
.team-member .owl-theme .owl-controls .owl-nav div:hover {
    background-color:#1c9cda;
}
.team-member .owl-theme .owl-dots .owl-dot {
    display: none;
}

/*==========================
        video section
===============================*/
.uncode-full-wrap {
    overflow: hidden;
}
.uncode-video-wrap {
    width: 50%;
    float:left;
    position: relative;
}
.uncode-video-wrap:before {
    content:'';
    position:absolute;
    background-color:rgba(0,0,0,0.7);
    top:0;
    left:0;
    z-index: 99;
    width:100%;
    height:100%;
}
.video-section .videoinfo{
    top: 80px;
    left: 0;
    right: 0;
    text-align: center;
    position:absolute;
    z-index: 999;
    display: block;
    color: #fff;
}
.video-section .videoinfo h3{
    font-family: 'Open Sans',sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 20px;
    margin: 0 0 10px;
    line-height: 1.3;
}
.video-section .videoinfo p{
    margin: 0;
}
.video-section .videoinfo{
    font-family: 'Lora',serif;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    display: inline-block;
}
.video-section .play-pause-video {
    position: absolute;
    width: 82px;
    height: 82px;
    z-index: 9999;
    background: transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-align: center;
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    outline: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    left: 0;
    right: 0;
    top: 60%;
    -moz-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
    margin: 0 auto;
    padding-left: 20px;
    background: url(assets/images/play-white.png) no-repeat;
}
.video-section .videoinfo.play, 
.video-section .play-pause-video.play, 
.video-section .video-wrapper.play:after {
    display: none;
}
.video-section .mbYTP_wrapper{
    z-index: 999 !important;
}
.video-promowrap {
    width:50%;
    height: 400px;
    float: left;
    background-color:#1c9cda;
    position: relative;
    text-align: center;
}
.uncode-promo-wrapper {
    position: absolute;
    top:50%;
    left: 0;
    right: 0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
    padding: 20px;
}
.video-promowrap .video-title h2{
    font-size: 36px;
    font-weight: 700;
    color:#ffffff;
    line-height: 1.3;
    text-transform: uppercase;
    max-width: 75%;
    margin:0 auto 20px;
}
.video-promowrap .vidoe-desc {
    font-size: 14px;
    color:#ffffff;
    max-width:60%;
    margin: 0 auto;
}
.video-promowrap .first-button a {
    background-color:#ffffff;
    color:#141414;
    font-size: 14px;
    font-weight:600;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    display: inline-block;
    padding:15px 30px;
    border-radius: 5px;
    margin-top: 15px;
}
.video-promowrap .first-button a:hover {
    background-color:#141414;
    color: #ffffff;
}

/*=========================
        PRICING-TABLE
==========================*/

.pricing-table-member {
    padding:60px 0;
    text-align:center;
}
.pricing-table-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items:center;
    max-width: 1000px;
    margin:0 auto;
}
.pricing-table-wrap .pricingarea {
    width:33.33%;
    float: left;
    background-color:#f4f4f4;
    -webkit-box-shadow: 0px 0px 15px rgba(177,175,175,0.75);
    -moz-box-shadow: 0px 0px 15px rgba(177,175,175,0.75);
    box-shadow: 0px 0px 15px rgba(177,175,175,0.75);
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pricingarea .pricing-title {
    background-color:rgba(28, 156, 218, 0.85);
    color:#ffffff;
    padding:25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pricingarea .pricing-title h3 {
    margin:0 0 10px;
    font-size: 40px;
    text-transform: uppercase;
    font-weight:600;
    line-height: 1;
}
.pricingarea .pricing-title h5 {
    margin:0;
    line-height: 1;
    font-size: 20px;
    font-weight:600;
}
.pricingarea .pricing-price {
    background-color:#ffffff;
    padding:28px 0;
    color: #7b7b7b;
    line-height: 1;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pricing-price .table-features {
    position:absolute;
    right:-15px;
    bottom: 20px;
    background-color:#ffffff;
    padding:20px 25px 20px 20px;
    color:#1c9cda;
    text-transform: uppercase;
    font-size: 16px;
    font-weight:600;
    letter-spacing: 1px;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 15px rgba(177,175,175,0.75);
    -moz-box-shadow: 0px 0px 15px rgba(177,175,175,0.75);
    box-shadow: 0px 0px 15px rgba(177,175,175,0.75);
}
.pricing-price .table-features:before {
    content:'';
    position: absolute;
    top:0;
    left:-10px;
    background:none;
    width:0;
    border-style: solid;
    border-width:28px 10px;
    border-color:#ffffff #ffffff #ffffff transparent;
    z-index: -1;
}
.pricing-price .table-features:after {
    content:'';
    position: absolute;
    bottom:-14px;
    right:1px;
    background:none;
    width:0;
    border-style: solid;
    border-width:7px;
    border-color:#1c9cda transparent transparent #1c9cda ;
}
.pricingarea .pricing-price h3 {
    margin:0 0 10px;
    font-size: 90px;
    font-weight:600;
}
.pricingarea .pricing-price h5 {
    margin:0;
    font-size: 24px;
    font-weight:600;
}
.pricingarea .pricing-table-feature {
    padding:20px 0;
}
.pricing-table-feature .signle-feature {
    padding:12px 20px;
    border-bottom: 2px solid #ededed;
    font-size: 18px;
    color:#7b7b7b;
    line-height: 1;
    font-weight:600;
}
.pricing-table-feature .signle-feature:last-child {
    border-bottom: none;
}
.pricingarea .pricing-details {
    padding:10px 20px 30px;
    font-size: 14px;
    color:#707070;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pricingarea .pricing-details p {
    margin:0;
}
.pricing-table-wrap .pricingarea.features .pricing-details{
    padding:55px 20px;
    background-color:rgba(28, 156, 218,1);
    color: #ffffff;
}
.pricing-table-wrap .pricingarea.features {
    background-color:#ffffff;
    z-index: 10;
}
.pricing-table-wrap .pricingarea.features .pricing-title {
    background-color:rgba(28, 156, 218,1);
}
.pricing-table-wrap .pricingarea.features .pricing-price {
    background-color:rgba(28, 156, 218, 0.85);
    color: #ffffff;
}
.pricing-table-wrap .pricingarea.features .signle-feature, 
.pricing-table-wrap .pricingarea .signle-feature {
    color:#000000;
}
.pricing-buy a {
    background-color:#1c9cda;
    color:#ffffff;
    display: inline-block;
    padding:8px 17px;
    border-radius: 3px;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.pricing-buy a:hover {
    background-color:rgba(28, 156, 218, 0.8);
}
.pricing-table-wrap .pricingarea.features .pricing-buy a{
    background-color:#555555;
}
.pricing-table-wrap .pricingarea.features .pricing-buy a:hover {
    background-color:#1c9cda;
}
/*==========================
    BRAND-LOGO-SECTION
============================*/

.brand-logo-wrap {
    padding:60px 0;
}
.brand-logo-wrap ul.brands-logo {
    list-style:none;
    padding:0;
    margin:0;
}
.brand-logo-wrap ul.brands-logo .owl-stage-outer {
    border-top:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
}
.brand-logo-wrap ul.brands-logo li {
    border-left:1px solid #efefef;
    min-height: 120px;
    max-height: 160px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.brand-logo-wrap .owl-carousel .owl-item img {
    width: auto;
    margin:0 auto;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.brand-logo-wrap .owl-carousel .owl-item:hover img {
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    transform:scale(1.05);
}
.brand-logo-wrap ul.brands-logo.owl-theme .owl-controls {
    margin-top:0;
}
.brand-logo-wrap ul.brands-logo.owl-theme .owl-controls .owl-nav div {
    position: absolute;
    top:50%;
    width:30px;
    height: 30px;
    line-height: 28px;
    background:rgba(0,0,0,0.4);
    font-size: 21px;
    color:#ffffff;
    border-radius: 0;
    margin:-15px 0 0;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.brand-logo-wrap ul.brands-logo.owl-theme .owl-controls .owl-nav .owl-prev {
    left:0;
}
.brand-logo-wrap ul.brands-logo.owl-theme .owl-controls .owl-nav .owl-next {
    right: 0;
}
.brand-logo-wrap ul.brands-logo.owl-theme:hover .owl-nav div {
    opacity: 1;
    visibility: visible;
}
.brand-logo-wrap ul.brands-logo.owl-theme .owl-controls .owl-nav div:hover {
    background-color:#1c9cda;
}
.brand-logo-wrap ul.brands-logo.owl-theme .owl-controls .owl-dots {
    display: none !important;
}
/*=========
 INDEX-PAGE
===========*/
.uncodepro-blog {
    margin-bottom:60px;
}

#primary {
    width:100%;
    color: #898989;
}
.leftsidebar #primary {
    float:right;
    width:70%;
}
.leftsidebar #secondaryleft {
    float:left;
    width:27%;
}
.rightsidebar #primary {
    float:left;
    width:70%;
}
.rightsidebar #secondaryright{
    float:right;
    width:27%;
}
.bothsidebar #primary {
    width:80%;
    margin:0 auto;
}
.bothsidebar #secondaryleft, 
.bothsidebar #secondaryright {
    display: none;
}
.main-blog-left {
    float:left;
    width:42%;
    margin-right: 4%;
}
.main-blog-right {
    width:54%;
    float:left;
}
.main-blog-right .title {
    line-height:1;
    font-size: 12px;
    font-weight:700;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.main-blog-right .number-text {
    padding-top: 12px;
    color: #1c9cda;
    margin-right: 22px;
    position: relative;
} 
.main-blog-right .number-text:before {
    content:'';
    position: absolute;
    top:0;
    right: 0;
    background-color:#1c9cda;
    height:2px;
    width:40px;
}
.main-blog-right .number {
    font-size: 36px;
    color: #1c9cda;
}
.main-blog-right .title-text {
    font-size: 20px;
    color: #555555;
    font-weight: 600;
    margin-bottom: 25px;
    display: block;
    line-height: 1.2;
}
.content-text {
    color: #a8a8a8;
    margin-bottom: 12px;
    font-size: 12px;
    text-transform: capitalize;
}
.content-blog .author{
    float: left;
}
.single-blog-post .author{
    float: left;
}
.content-blog .comment{
    text-align:right;
}
.single-blog-post .comment{
    float: right;
}
.comment a{
    color:#a8a8a8;
    margin-left: 5px;
}
.main-blog-right .text {
    font-size: 15px;
    margin:0 0 15px;
}
.main-blog-right .btn-readmore a{ 
    color: #555555;
    text-transform: uppercase;
    position: relative;
    line-height: 16px;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
}
.main-blog-right .btn-readmore a:after {
    content:'';
    background:url('assets/images/blog-arrow.png') no-repeat;
    width:16px;
    height:16px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0;
    margin-right: -23px;
}
.pagination {
    text-align: center;
    font-size: 14px;
    clear: left;
}
.pagination span,
.pagination a {
    border:1px solid #cccccc;
    padding: 10px;
    min-width: 45px;
    display: inline-block;
    margin-right: 5px;
}
.pagination span.current, 
.pagination a:hover {
    background-color:#1c9cda;
    border-color:#1c9cda;
    color:#ffffff;
}
.main-blog-right a:hover, 
.comment a:hover {
    color:#1c9cda;
}

/*---------------blog-layout-variation------------------*/
.main-blog-right .time-info, 
.alternateview-layout .time-info {
    width: 17%;
    line-height: 1;
    border: 1px solid #e7e7e7;
    padding: 15px 0;
    color: #333333;
    text-align: center;
}
.main-blog-right .grid-blog-day, 
.alternateview-layout .grid-blog-day{
    font-size: 24px;
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
}
.main-blog-right .grid-blog-month, 
.alternateview-layout .grid-blog-month{
    font-size: 10px;
    text-transform: uppercase;
    display: block;
}
.main-blog-right .meta-info {
    line-height: 1;
}
.main-blog-right .meta-info span {
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 10px;
    color: #333333;
}
.main-blog-right .meta-info span a {
    color:#777777;
}
.main-blog-right .meta-info span.category a {
    color:#333333;
}
/*------------blog-page-grid-layout---------*/
.gridview-layout {
    margin-left: -4%;
}
.gridview-layout article.post {
    float:left;
    width:46%;
    margin-left:4%;
}
.gridview-layout article.post:nth-of-type(2n+1) {
    clear:left;
}
.gridview-layout .main-blog-left, 
.gridview-layout .main-blog-right, 
.largelistview-layout .main-blog-left, 
.largelistview-layout .main-blog-right {
    float: none;
    width:100%;
    color:#8b8b8b;
    font-size: 14px;
}
.gridview-layout .main-blog-left,
.largelistview-layout .main-blog-left {
    margin:0 0 30px;
}
#primary .gridview-layout .large-title-info h2 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    margin:0 0 12px;
}
.gridview-layout .large-title-info {
    float:left;
    width: 80%;
}
.gridview-layout .meta-info {
    line-height: 1;
}
.gridview-layout .meta-info span {
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 10px;
    color: #333333;
}
.gridview-layout .meta-info span a {
    color:#777777;
}
.gridview-layout .meta-info span.category a {
    color:#333333;
    line-height: 1.5;
}
.gridview-layout .time-info {
    float:right;    
    margin-left: 3%;
}
.gridview-layout .main-blog-right p {
    margin:30px 0;
}
.gridview-layout .main-blog-right .btn-readmore a:after, 
.largelistview-layout .main-blog-right .btn-readmore a:after, 
.alternateview-layout .main-blog-right .btn-readmore a:after{
    display: none;
}
.gridview-layout .main-blog-right .btn-readmore a, 
.largelistview-layout .main-blog-right .btn-readmore a,
.alternateview-layout .main-blog-right .btn-readmore a{
    display: inline-block;
    padding:15px 25px;
    border:1px solid #e3e3e3;
    font-size: 12px;
    font-weight: 400;
    background-color:transparent;
}
.gridview-layout .main-blog-right .btn-readmore a:hover, 
.largelistview-layout .main-blog-right .btn-readmore a:hover,
.alternateview-layout .main-blog-right .btn-readmore a:hover {
    background-color:#1c9cda;
    color: #ffffff;
    border-color: #1c9cda;
}
/*------------blog-page-list-layout---------*/

.largelistview-layout .time-info {
    float: left;
    width: 9%;
    background-color:#1c9cda;
    color:#ffffff;
    border-color:#1c9cda;
}
.largelistview-layout .large-title-info {
    float:left;
    width: 88%;
    margin-left: 3%;
}
#primary .largelistview-layout .large-title-info h2 {
    font-size: 22px;
    font-weight: 700;
    margin:10px 0 15px 0;
    text-transform: uppercase;
    line-height: 1;
}
.largelistview-layout .main-blog-right p {
    margin:25px 0;
}

/*------------blog-page-alternate-layout---------*/

.alternateview-layout .main-blog-left {
    position: relative;
}
.alternateview-layout .time-info {
    position: absolute;
    top:10px;
    right:10px;
    background-color:#ffffff;
    color:#333333;
    border-color: #ffffff;
}
.alternateview-layout article .content-blog {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    align-items: center;
}
.alternateview-layout article:nth-of-type(even) .content-blog {
    -webkit-flex-direction:row-reverse;
    -moz-flex-direction:row-reverse;
    flex-direction:row-reverse;
} 
.alternateview-layout article:nth-of-type(even) .main-blog-left {
    margin-right:0;
    margin-left:4%;
}
#primary .alternateview-layout .main-blog-right h2 {
    font-size: 22px;
    font-weight: 700;
    margin:0 0 15px;
    text-transform: uppercase;
    line-height: 1.35;
}
.alternateview-layout .main-blog-right {
    color:#8b8b8b;
    font-size: 14px;
}
.alternateview-layout .main-blog-right p {
    margin:20px 0;
}
.main-blog-right .meta-info span a:hover {
    color:#1c9cda;
}
/*====================================
        WOOCOMMERCE-PAGE
=====================================*/
/*WOOCOMMERCE-WIDGET*/
.woocommerce.widget_shopping_cart ul.cart_list li {
    border-bottom:1px solid #d2d2d2;
    padding:15px 0;
    line-height: 1;
    color:#555555;
    font-size: 14px;
}
.woocommerce.widget_shopping_cart ul.cart_list li:last-child{
    border-bottom: 0;
}
.woocommerce.widget_shopping_cart ul.cart_list li a {
    color:#555555;
    font-weight:400;
    width:90%;
    line-height: 1.3;
}
.woocommerce a.remove,
.woocommerce.widget_shopping_cart ul.cart_list li a.remove {
    right:0;
    top:15px;
    left:auto;
    width:20px;
    height:20px;
    line-height: 20px;
    color:#1c9cda!important;
}
.woocommerce a.remove:hover, 
.woocommerce.widget_shopping_cart ul.cart_list li a.remove:hover {
    color:#ffffff!important;
    background-color:#1c9cda;
}
.woocommerce.widget_shopping_cart ul.cart_list li img {
    float:left;
    margin-left:0;
    margin-right:10px;
    width:80px;
}
.woocommerce.widget_shopping_cart ul.cart_list li .quantity {
    margin-top:10px;
    display: block;
    font-weight:700;
}
.woocommerce.widget_shopping_cart .total {
    font-weight:700;
    font-family: 'Merriweather Sans', sans-serif;
    color:#333333;
    font-size: 13px;
    text-transform: uppercase;
    padding:15px 0;
    margin-bottom: 20px;
    border-top:1px solid #d2d2d2;
    border-bottom:1px solid #d2d2d2;
}
.woocommerce.widget_shopping_cart .total .woocommerce-Price-amount.amount {
    float:right;
    color:#777777;
}
.woocommerce a.button,
.woocommerce a.added_to_cart, 
.woocommerce .widget_price_filter .price_slider_amount .button{
    background-color:#1c9cda;
    color:#ffffff;
    border-radius: 0;
    padding:15px;
    font-size: 14px;
}
.woocommerce a.button.checkout {
    float:right;
}
.archive.woocommerce a.button:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce .widget_price_filter .price_slider_amount .button:hover, 
.woocommerce a.button:hover{
    background-color:#454545;
    color:#ffffff;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    background-color: #1c9cda;
}
.woocommerce.widget_shopping_cart ul.cart_list li a:hover{
    color:#1c9cda;
}

/*woocommerce-pagination*/
.woocommerce nav.woocommerce-pagination ul {
    border:none;
}
.woocommerce nav.woocommerce-pagination ul li {
    margin-left:5px;
    border:0;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
    background-color:#f8f8f8;
    padding:0;
    min-width: auto;
    padding:15px;
    border:1px solid #d1d1d1;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background-color:#1c9cda;
    color:#ffffff;
    border-color:#1c9cda;
}
/*-----woocommerce-product-content-----*/
.woocommerce h2 {
    font-family: 'Merriweather', sans-serif;
}
.page-title {
    margin:0 0 30px;
    font-size: 36px;
    font-family: 'Merriweather',sans-serif;
    font-weight:700;
    text-transform: uppercase;
    line-height: 1;
    color:#454545;
}
.woocommerce .woocommerce-result-count {
    font-size: 18px;
    color:#111111;
    text-transform: uppercase;
    line-height: 1;
}
.woocommerce .woocommerce-ordering select {
    padding:7px;
}
.woocommerce .woocommerce-ordering, 
.woocommerce .woocommerce-result-count{
    margin-bottom:40px;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
    margin-left:-2%;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    margin:0;
    margin-left:2%;
    margin-bottom:30px;
    padding:20px;
    border:1px solid #e9e9e9;
    text-align: center;
    overflow: hidden;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale{
    right:auto;
    left:0;
    top:0;
    margin:0;
    border-radius: 0;
    background-color: #3bc33c;
    color: #ffffff;
    font-size: 12px;
    font-weight:400;
    text-transform: uppercase;
    width: 45px;
    height:45px;
}
.woocommerce ul.products li.product h3 {
    margin:0 0 10px;
    font-size: 18px;
    color:#555555;
    line-height: 1;
    text-transform: uppercase;
}
.woocommerce ul.products li.product .price {
    font-weight:700;
}
.woocommerce ul.products li.product .price {
    color: #1c9cda;
    font-size: 16px;
/*    text-align: left;*/
}
.woocommerce ul.products li.product .price del {
    color:#555555;
    font-size: 14px;
    display: inline-block;
    font-weight: 400;
}
.woocommerce .product-rating, 
.woocommerce ul.products li.product .star-rating {
    float:right;
    color:#FFDF00;
    font-size: 14px;
    margin-top: 4px;
}
.woocommerce .star-rating,
.woocommerce .star-rating:before {
    color:#FFDF00;
}
.woocommerce ul.products li.product .button {
    margin-top: 10px;
    width:80%;
    text-transform: uppercase;
}
.woocommerce ul.products li.product .button.added {
    display: none;
}
.woocommerce a.added_to_cart {
    margin:0;
    line-height: 1;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    width: 80%;
    text-transform: uppercase;
}
.woocommerce .item-wrap a.added_to_cart  {
    font-weight: 400;
    width: 100%;
}
.woocommerce #respond input#submit.loading:after, 
.woocommerce a.button.loading:after, 
.woocommerce button.button.loading:after, 
.woocommerce input.button.loading:after {
    top:50%;
    margin-top: -8px;
}
/*--------------SINGLE-PRODUCT-PAGE-------------*/

.woocommerce div.product .images {
    border:1px solid #e9e9e9;
}
.woocommerce div.product {
    overflow: hidden;
}
.woocommerce div.product .summary {
    margin-top: 0;
}
.woocommerce div.product .product_title {
    font-size: 21px;
}
.woocommerce div.product .star-rating {
    font-size: 14px;
    margin-top: 0;
}
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 20px;
    line-height: 1;
}
.woocommerce-product-rating .woocommerce-review-link {
    font-size: 12px;
    text-transform: uppercase;
    color:#777777;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
    color:#1c9cda;
    font-size: 18px;
    line-height: 1;
    margin:10px 0;
    font-weight: 700;
}
.woocommerce div.product p.price del, 
.woocommerce div.product span.price del{
    color:#555555;
    font-size: 16px;
    font-weight: 400;
}
.woocommerce div.product form.cart .button, 
.woocommerce #review_form #respond .form-submit input {
    background-color:#1c9cda;
    color:#ffffff;
    border-radius: 0;
    padding:12px 16px;
    font-size: 14px;
    -webkit-transition:all 350ms ease-in-out;
    -moz-transition:all 350ms ease-in-out;
    transition:all 350ms ease-in-out;
}
.woocommerce div.product form.cart .button:hover, 
.woocommerce #review_form #respond .form-submit input:hover {
    background-color:#454545;
    color:#ffffff;
}
.product_meta .posted_in {
    text-transform: uppercase;
    color: #454545;
    font-size: 14px;
    font-weight: 600;
}
.product_meta .posted_in a {
    font-size: 13px;
    text-transform: lowercase;
    color: #444444;
    font-weight:400;
}
.woocommerce div.product form.cart div.quantity input{
    height: 38px;
}
.woocommerce .woocommerce-tabs.wc-tabs-wrapper {
    border:1px solid #e9e9e9;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding-left: 0;
    background-color:#e9e9e9;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-top:0;
    border-color:#e9e9e9;
    border-radius: 0;
    background-color:#e9e9e9;
    padding: 10px 20px;
    line-height: 1;
    font-size: 18px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    display: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
    padding:0 20px;
}
.woocommerce .panel h2, 
.woocommerce #reviews h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 1;
}
.woocommerce #reviews #comments ol.commentlist{
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 40px;
    padding-bottom: 20px;
} 
.woocommerce #reviews .comment-form-rating p.stars a, 
.product_meta .posted_in a:hover {
    color:#1c9cda;
}
.woocommerce #reviews p label {
    font-weight: 700;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 14px;
    color:#777777;
}
.woocommerce #review_form #respond textarea {
    height:180px;
}
.woocommerce #review_form #respond .comment-form-author, 
.woocommerce #review_form #respond .comment-form-email {
    width: 49.7%
}
.woocommerce-variation-price {
    margin-bottom: 20px;
}
/*--------------------------------
            CART-PAGE
--------------------------------*/
.woocommerce table.shop_table {
    border-radius: 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
    height: 40px;
}
.woocommerce .cart .button, 
.woocommerce .cart input.button, 
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order, 
.woocommerce input.button {
    background-color:#1c9cda;
    color:#ffffff;
    padding:12px 17px;
    border-radius: 0;
    -webkit-transition:all 350ms ease-in-out;
    -moz-transition:all 350ms ease-in-out;
    transition:all 350ms ease-in-out;
}
.woocommerce .cart .button:hover, 
.woocommerce .cart input.button:hover, 
.woocommerce #payment #place_order:hover, 
.woocommerce-page #payment #place_order:hover, 
.woocommerce input.button:hover{
    background-color:#414141;
    box-shadow: none;
    color:#ffffff;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    border:2px solid #414141;
    background-color:#414141;
    color:#ffffff;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color:#1c9cda;
    border-color:#1c9cda;
}
.woocommerce-info {
    border-top-color:#1c9cda;
} 
.woocommerce-info:before {
    color:#1c9cda;
}
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled] {
    color: #ffffff;
}
.woocommerce table.cart td.actions .input-text, 
.woocommerce-page #content table.cart td.actions .input-text, 
.woocommerce-page table.cart td.actions .input-text  {
    width: 53%;
}
.select2-container .select2-choice {
    border-radius: 0;
    border: 1px solid #eeeeee;
    color:#a8a8a8;
}
/*----My-account-page----*/
.woocommerce-MyAccount-navigation ul{
    list-style: none;
    padding:0;
    margin:0 0 10px;
}
.woocommerce-MyAccount-navigation ul li {
    background-color:#f1f1f1;
    margin-bottom: 10px;
    border-left:3px solid #1c9cda;
    position: relative;
}
.woocommerce-MyAccount-navigation ul li:before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:0;
    height: 100%;
    background-color:#1c9cda;
    transition:all 350ms ease-in-out;
}
.woocommerce-MyAccount-navigation ul li a {
    padding:10px 15px;
    display: inline-block;
    color:#555555;
    width: 100%;
    position: relative;
    z-index: 10;
}
.woocommerce-MyAccount-navigation ul li:hover:before, 
.woocommerce-MyAccount-navigation ul li.is-active:before{
    width:100%;
}
.woocommerce-MyAccount-navigation ul li:hover a, 
.woocommerce-MyAccount-navigation ul li.is-active a {
    color:#ffffff;
}
.woocommerce .woocommerce-MyAccount-content input.button {
    margin-top: 15px;
}
/*=============
WIDGETS-SECTION
===============*/
.widget-area .widget-title {
    margin:0 0 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight:700;
    width: 100%;
    line-height: 1;
    text-align: left;
    text-transform: uppercase;
}
.widget-area .widget {
    margin-bottom: 40px;
    color:#555555;
    padding:30px;
    border:1px solid #eeeeee;
}
.widget-area .widget:last-child {
    margin-bottom: 0;
}
.widget-area .widget ul{
    list-style: none;
    padding:0;
    margin:0;
    font-size: 14px;
    font-weight:400;
}
.widget-area .widget ul li, 
.widget-area .widget_archive ul li, 
.widget-area .widget_categories ul li, 
.widget-area .widget_nav_menu ul li, 
.widget-area .widget_meta ul li, 
.widget-area .widget_pages ul li, 
.widget-area .widget_recent_comments ul li, 
.widget-area .widget_recent_entries ul li, 
.woocommerce.widget_product_categories ul li{
    padding:18px 5px;
    text-transform: uppercase;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    line-height: 1.5;
}
.widget-area .widget_archive ul li a, 
.widget-area .widget_categories ul li a, 
.widget-area .widget_nav_menu ul li a, 
.widget-area .widget_meta ul li a, 
.widget-area .widget_pages ul li a, 
.widget-area .widget_recent_entries ul li a, 
.woocommerce.widget_product_categories ul li a{
    position: relative;
    padding-left: 25px;
    display: inline-block;
}
.widget-area .widget_recent_comments ul li {
    color: #1c9cda;
    position: relative;
    padding-left: 25px;
}
.widget-area .widget_recent_comments ul li > a {
    text-transform: capitalize;
    color: #555555;
} 
.widget-area .widget_archive ul li a:before, 
.widget-area .widget_categories ul li a:before, 
.widget-area .widget_nav_menu ul li a:before, 
.widget-area .widget_meta ul li a:before, 
.widget-area .widget_pages ul li a:before, 
.widget-area .widget_recent_entries ul li a:before,
.widget-area .widget_recent_comments ul li:before, 
.woocommerce.widget_product_categories ul li a:before {
    content:'\f105';
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 15px;
    font-weight: 700;
    color:#1c9cda;
    top:0;
    left:0;
}
.widget-area .widget_recent_comments ul li:before {
    top: 20px;
    line-height: 1;
}
.widget-area .widget ul li:last-child, 
.widget-area .widget_archive ul li:last-child, 
.widget-area .widget_categories ul li:last-child, 
.widget-area .widget_nav_menu ul li:last-child, 
.widget-area .widget_meta ul li:last-child, 
.widget-area .widget_pages ul li:last-child,
.widget-area .widget_recent_comments ul li:last-child, 
.widget-area .widget_recent_entries ul li:last-child, 
.woocommerce.widget_product_categories ul li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}
.widget-area .widget ul ul, 
.widget-area .widget_archive ul ul, 
.widget-area .widget_categories ul ul, 
.widget-area .widget_nav_menu ul ul, 
.widget-area .widget_meta ul ul, 
.widget-area .widget_pages ul ul, 
.widget-area .widget_recent_comments ul ul, 
.widget-area .widget_recent_entries ul ul, 
.woocommerce.widget_product_categories ul ul {
    margin-left: 15px;
}
.widget-area .widget ul ul li:last-child, 
.widget-area .widget_archive ul ul li:last-child, 
.widget-area .widget_categories ul ul li:last-child, 
.widget-area .widget_nav_menu ul ul li:last-child, 
.widget-area .widget_meta ul ul li:last-child, 
.widget-area .widget_pages ul ul li:last-child, 
.widget-area .widget_recent_comments ul ul li:last-child, 
.widget-area .widget_recent_entries ul ul li:last-child, 
.woocommerce.widget_product_categories ul li:last-child{
   padding-bottom: 0;
}
.widget-area .widget_recent_comments ul li a:before,
.woocommerce.widget_shopping_cart ul.cart_list li a:before, 
.woocommerce.widget_rating_filter ul li a:before, 
.woocommerce.widget_products ul li a:before,
.woocommerce.widget_recently_viewed_products ul li a:before{
    display: none;
}
.widget-area .widget_recent_entries ul li span {
    display: block;
    margin:6px 0 0 25px;
    font-size: 12px;
    text-transform: capitalize;
}
.widget-area .widget_archive select,
.widget-area .widget_categories select {
    width: 100%;
    padding: 8px;
    height: 40px;
    margin-top:10px;
}
.widget-area .widget_calendar {
    text-align: center;
}
.woocommerce .widget_rating_filter ul li a, 
.woocommerce.widget_shopping_cart ul.cart_list li a,
.woocommerce.widget_products ul li a,
.woocommerce.widget_recently_viewed_products ul li a {
    padding:0;
    display: block;
}
.widget_archive ul li, 
.widget_categories ul li, 
.woocommerce .widget_rating_filter ul li a{
    text-align: right;
    clear: both;
}
.widget_archive ul li a, 
.widget_categories ul li a, 
.woocommerce .widget_rating_filter ul li a span.star-rating {
    float: left;
}
.widget_product_categories ul li span.count {
    float: right;
}
.woocommerce.widget_price_filter form, 
.woocommerce.widget_product_categories .dropdown_product_cat {
    margin-top: 20px;
    width: 100%;
}
.widget.widget_search h2.widget-title {
    display: none;
}
.widget-area .widget.widget_search, 
.woocommerce.widget_product_search {
    border:none;
    padding: 0;
}
.widget_search .search-form,
.widget_product_search .woocommerce-product-search {
    position: relative;
    border:1px solid #eeeeee;
}
.widget_search .search-field, 
.widget_product_search .search-field {
    width:100%;
    color:#afafaf;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    padding:15px 45px 15px 20px;
    border:none;
    border-radius:0;
    -webkit-appearance:textfield;
}
.widget_search .search-submit, 
.widget_product_search  input[type=submit]{
    position: absolute;
    top:50%;
    right:15px;
    background:url('assets/images/search.png') no-repeat;
    width:20px;
    height:20px;
    margin-top:-10px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    font-size: 0;
    padding: 0;
}
.widget_search .search-submit:hover, 
.widget_product_search  input[type=submit]:hover {
    border-color: transparent;
    background-color:transparent;
}
.woocommerce ul.product_list_widget li img {
    width: 60px;
}
.product_list_widget li a,
.product_list_widget li .star-rating {
    margin-bottom: 7px;
}
.widget.widget_text .textwidget {
    font-size: 14px;
    line-height: 1.3;
}
/*-------calender----------*/
.widget-area .widget_calendar tbody td {
    text-align: center;
    color: #a8a7a7;
}
.widget-area .widget_calendar caption {
     font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins',sans-serif;
}
.widget-area .calendar_wrap caption {
  background: none repeat scroll 0 0 #1c9cda;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
}
.widget-area .calendar_wrap table {
  border-collapse: collapse;
  width: auto;
}
.widget-area .calendar_wrap table th {
  border: 1px solid #ccc;
  font-weight: bold;
  padding: 8px 0px;
  text-align: center;
  width: 5%
}
.widget-area .calendar_wrap table td {
  border: 1px solid #ccc;
  padding: 8px 0px;
  color: #000;
  width: 5%;
  text-align: center;
}
.widget-area .calendar_wrap table td #prev, 
.widget-area .calendar_wrap table td#next {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
.widget-area .calendar_wrap table td #next {
  text-align: right;
}

/*
=======================
tags cloud css
=======================
*/
.widget-area .widget_tag_cloud .tagcloud {
    margin-top:20px;
}
.widget-area .widget_tag_cloud .tagcloud a,
.widget-area .widget_product_tag_cloud .tagcloud a {
   display: inline-block;
   color: #666666;
   padding: 10px 15px; 
   font-size: 10px !important;
   font-weight:600;
   border:1px solid #eeeeee;
   margin-bottom: 7px;
   margin-right: 2px;
   text-transform: uppercase;
   letter-spacing: 0.5px;
}
.widget-area .widget_tag_cloud .tagcloud a:hover,
.widget-area .widget_product_tag_cloud .tagcloud a:hover {
   background: #1c9cda;
   transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   color: #fff;
   border:1px solid #1c9cda;
}
.widget .instagram-widget li:before{
    content: '' !important;
    padding: 0 !important;
}
.widget .instagram-widget li{
    padding: 0 !important;
}
/*==========
 INNER-PAGES
===========*/
.page_header_wrap.page-banner {
    padding:60px 0 70px 0;
    position: relative;
    color: #ffffff;
}
.page_header_wrap.page-banner:before {
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
}
.no-breadcrumbs #content {
    margin-top:60px;
}
.no-breadcrumbs header.site-header {
    box-shadow:0px 1px 11px -1px #ccc;
    -webkit-box-shadow:0px 1px 11px -1px #ccc;
    -moz-box-shadow:0px 1px 11px -1px #ccc;
}
.page_header_wrap.page-banner .container {
    position: relative;
}
.page_header_wrap.page-banner .entry-title {
    font-family: 'Raleway', sans-serif;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #ffffff;
    line-height: 1;
    margin:70px 0 60px 0;
}
#uncodepro-breadcrumb {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}
#uncodepro-breadcrumb a {
    color:#ffffff;
    padding-bottom: 10px;
    position: relative;
}
#uncodepro-breadcrumb .current {
    color:#cccccc;
}
#uncodepro-breadcrumb a:after {
    content:'';
    background-color:#1c9cda;
    width:20px;
    height:2px;
    position:absolute;
    bottom: 0;
    left:0;
    transition:all 0.3s ease-in-out 0s;
    -webkit-transition:all 0.3s ease-in-out 0s;
    -moz-transition:all 0.3s ease-in-out 0s;
}
#uncodepro-breadcrumb a:hover:after {
    background-color:#00c4ee;
    width: 30px;
}

/*------breadcrumb-layout-2--------*/

.page_header_wrap.bre_layout2 {
    text-align: center;
    padding:100px;
}
.page_header_wrap.page-banner.bre_layout2  .entry-title {
    font-size: 34px;
    font-weight:600;
    padding-bottom: 15px;
    margin:0 0 15px;
    letter-spacing: 1px;
    position: relative;
}
.page_header_wrap.page-banner.bre_layout2  .entry-title:after {
    content: '';
    background-color: #1c9cda;
    width: 150px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right:0;
    margin:0 auto;
}
.bre_layout2 #uncodepro-breadcrumb {
    font-size: 16px;
    font-weight:400;
    text-transform: capitalize;
}
.bre_layout2 #uncodepro-breadcrumb a:after, 
.bre_layout3 #uncodepro-breadcrumb a:after {
    display: none;
}

/*--------------breadcrumb-layout-3---------*/

.page_header_wrap.page-banner.bre_layout3 {
    padding:100px 0 0;
}
.page_header_wrap.page-banner.bre_layout3 .entry-title {
    font-size: 34px;
    font-weight:600;
    padding-bottom: 20px;
    margin:0 0 100px;
    letter-spacing: 1px;
    position: relative;
    text-align: center;
}
.page_header_wrap.page-banner.bre_layout3 .entry-title:after {
    content: '';
    background-color: #1c9cda;
    width: 150px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right:0;
    margin:0 auto;
}
.bre_layout3 .breadcrumbs-three {
    background-color:#ffffff;
    position: relative;
    z-index: 9;
    border:1px solid #e0e0e0;
    padding: 25px 0;
    line-height: 1;
}
.bre_layout3 #uncodepro-breadcrumb a, 
.bre_layout3 #uncodepro-breadcrumb .current{
    color: #9e9e9e;
}
.bre_layout3 #uncodepro-breadcrumb a:hover {
    color:#1c9cda;
}
.bre_layout3 .breadcrumb-left {
    float: left;
    color:#333333;
    font-size: 16px;
    font-weight:600;
}
.bre_layout3 .breadcrumb-right {
    float: right;
}
.bre_layout3 .breadcrumb-right #uncodepro-breadcrumb {
    color:#9e9e9e;
    font-size: 16px;
    font-weight:600;
    text-transform: capitalize;
}
.bre_layout3 .breadcrumb-right i {
    color:#1c9cda;
    font-size:17px ;
    margin:0 5px;
}
.inner-container{
    padding:60px 0;
}
/*================
    DETAIL-PAGE
================*/
.single-blog-post .blog-image {
    margin-bottom: 25px;
}
.blog-detail-content .wrapper-infomation {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    align-items: center;
}
.blog-detail-content .time-info {
    width:9%;
    background-color:#1c9cda;
    padding:20px;
    text-align: center;
}
.blog-detail-content .large-title-info {
    width:88%;
    margin-left:3%;
}
.blog-detail-content .time-info span {
    display: block;
    font-size: 10px;
    font-weight:400;
    color:#ffffff;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
}
.blog-detail-content .time-info span:first-child {
    font-size: 24px;
    font-weight:700;
    margin-bottom: 5px;
}
.blog-detail-content .large-title-info h2 {
    margin:0 0 15px;
    font-size: 22px;
    font-weight:700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:#333333;
    line-height: 1;
}
.blog-detail-content .large-title-info .meta-info {
    font-size: 10px;
    font-weight:400;
    text-transform: uppercase;
    color:#777777;
}
.blog-detail-content .large-title-info .meta-info span {
    margin-right:10px;
}
.blog-detail-content .large-title-info .category a {
    color:#1c9cda;
}
.single-blog-post .content-text { 
    float: right;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}
.single-blog-post .content-text div {
    padding:0 30px 0 90px;
    font-size: 14px;
}
.single-blog-post .content {
    margin-top:20px;
}
.single-blog-post .title, 
#primary .page-title, 
#primary .entry-title,
#primary .entry-content h2 {
    font-size: 26px;
    font-weight:600;
    margin-bottom: 30px;
    line-height: 1;
    margin-top:0;
    color: #333333;
}
.description {
    color:#8b8b8b;
    font-size: 14px;
}
.blog-footer-info {
    padding: 15px 0;
    border-top: 1px solid #dddddd;
}
.blog-footer-info .socialshare ul {
    list-style: none;
    padding:0;
    margin:0;
}
.blog-footer-info .socialshare ul li {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right:5px;
}
.blog-footer-info .socialshare ul li a{
    width:100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    border:1px solid #dddddd;
    border-radius:50%;
    line-height: 28px;
    font-size: 14px;
    color:#999999;
    background-color:transparent;
}
.blog-footer-info .socialshare ul li a:hover {
    background-color:#1c9cda;
    color:#ffffff;
    border-color:#1c9cda;
}
.blog-footer-info .socialshare {
    float:left;
    width: 50%;
}
.blog-footer-info .blog-posts-nav {
    float: right;
    width: 50%;
    text-align: right;
}
.blog-posts-nav div {
    display: inline-block;
}
.blog-posts-nav div a {
    position:relative;
    color:#999999;
    font-size: 16px;
    font-weight: 600;
}
.blog-posts-nav .blog-prev a{
    margin-right:15px;
    padding-left:15px;
}
.blog-posts-nav .blog-next a{
    margin-left:15px;
    padding-right:15px;
}
.blog-posts-nav div a:before {
    font-family: 'FontAwesome';
    color:#999999;
    position: absolute;
    top:0;
    line-height: 22px;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
}
.blog-posts-nav .blog-prev a:before {
    content:'\f104';
    left:0;
}
.blog-posts-nav .blog-next a:before {
    content:'\f105';
    right:0;
}
.blog-posts-nav div a:hover, 
.blog-posts-nav div a:hover:before {
    color:#1c9cda;
}
.blog-detail-content .tags ul {
    padding:0;
    margin:0;
    list-style: none;
    margin-top:30px;
}
.blog-detail-content .tags ul li {
    display: inline-block;
    margin-right:10px;
}
.blog-detail-content .tags ul li .fa-tag {
    font-size: 18px;
    margin-right:5px;
}
.blog-detail-content .tags a {
    background-color:#1c9cda;
    color:#ffffff;
    font-size: 14px;
    font-weight:600;
    display: inline-block;
    text-transform: capitalize;
    padding:6px 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.single .site-content {
    margin-bottom: 90px;
}
/*================
  comment-section
=================*/
#comments {
    margin-top: 50px;
}
.comment-respond #reply-title, 
.comments-wrapper h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 0;
}
#comments .cmm-box-left .control-group{
    display: inline-block;
    width: 49.7%;
}
#comments .cmm-box-left .control-group input {
    width: 100%;
    margin-top: 10px;
}
.comments-wrapper ul {
    list-style: none;
    margin:0;
    padding:0;
}
.comment-wrapper a.pull-left {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    float: left;
    margin-top: 4px;
    padding: 4px;
    width: 90px;
    height: 90px;
}
.comment-wrapper a.pull-left img {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius:100%;
    width: 100%;
}
.comment-wrapper {
    border:1px solid #eeeeee;
    margin-bottom:40px;
    padding:15px 30px;
}
.comments-wrapper ul ul.children {
    margin-left:30px;
}
.comment-wrapper .media-body {
    padding-left: 120px;
    color:#aaa;
    font-size: 16px;
} 
.comment-wrapper .media-body a {
    display: block;
    margin:3px 0 8px 0;
    line-height: 1;
    font-size: 12px;
    font-style: italic;
    color: #aaaaaa;
}
.comment-wrapper .media-heading {
    display: inline-block;
    margin:0;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Open Sans',sans-serif;
    text-transform: uppercase;
    color: #000;
}
.comment-wrapper em {
    font-size: 14px;
    font-style: italic;
    color: #aaaaaa;
    padding-left:16px;
}
.comment-wrapper .media-body p {
    margin:15px 0;
    padding:5px 0;
    font-size: 14px;
}
.comment-left {
    text-align:right;
}
.comments-wrapper .fsprorow {
    line-height: 1;
}
.comment-wrapper .media-body .comment-left a {
    display: inline-block;
    padding:10px 18px;
    background-color:#1c9cda;
    color:#ffffff;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    border-radius: 5px; 
}
.comment-wrapper .media-body a:hover {
    color: #1c9cda;
}
.comment-wrapper .media-body .comment-left a:hover {
    background-color:#00b9eb;
    color: #ffffff;
}

/*===========
    PAGE
===========*/
.search .page-content input[type=search] {
    height:40px;
    width:50%;
}

/*=======================
    TEAM-DETAIL-PAGE
========================*/
.single-team-container {
    padding-top:60px;
}
.single-team-wrap {
    margin-bottom: 50px;
}
.single-team-image {
    float: left;
    width: 40%;
}
.single-team-desc {
    float:left;
    width: 58%;
    margin-left: 2%;
}
.single-team-image .team-image img, 
.related-team-image img {
    margin:0 auto;
    display: block;
}
.single-team-image .team-details {
    text-align: center;
}
.single-team-container .team-details h2{
    font-size: 18px;
    font-weight: 700;
    color: #1c9cda;
    text-transform: uppercase;
    margin:10px 0;
    line-height: 1;
    letter-spacing: 1px;
}
.single-team-container .team-details h3 {
    color: #656565;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 5px;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.single-team-container .team-details > a {
    color: #656565;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px;
    display: inline-block;
}
.single-team-container .social-icons {
    margin:0;
    padding:0;
    list-style: none;
}
.single-team-container .social-icons li {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin:0 3px;
}
.single-team-container .social-icons li a {
    display: inline-block;
    width:100%;
    height:100%;
    text-align: center;
    line-height: 30px;
    border:1px solid #1c9cda;
    background-color:#1c9cda;
    color:#ffffff;
}
.single-team-container .social-icons li a:hover {
    background-color:transparent;
    color: #1c9cda;
}
.single-team-desc .description {
    font-size: 16px;
}
.single-team-desc .description h5 {
    font-size: 18px;
    color:#333333;
    margin:15px 0;
}
/*Related-team*/
.single-team-related ul {
    margin:0;
    padding:0;
    list-style: none;
    margin-left:-2.33%;
}
.single-team-related ul li {
    float:left;
    width:31%;
    margin-left:2.33%;
    text-align: center;
}
.single-team-related .team-details h2 a {
    color: #1c9cda;
}
.single-team-related ul.social-icons li {
    float: none;
}
/*====================================
        SHORTCODES
====================================*/
.uc_column {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    margin-left: 2%;
    padding: 0 0%;
    font-size: 14px;
}
.uc-row .uc_column:first-child {
    margin-left: 0;
}
.uc-span1 {
    width: 15.0%;
}
.uc-span2 {
    width: 32.0%;
}
.uc-span3 {
    width: 49.0%;
}
.uc-span4 {
    width: 66.0%;
}
.uc-span5 {
    width: 83.0%;
}
.uc-span6 {
    margin-left: 0;
    width: 100%;
}
.divider {
    margin:50px auto;
}
/*-------call-to-action------*/
.entry-content h3,
.entry-content h1 {
    color: #333333;
    font-size: 21px;
    font-weight: 600; 
}
.uc_call_to_action {
    background-color:#f5f5f5;
    color:#555555;
    font-size: 16px;
    font-weight:400;
    padding:20px 10px;
    text-align: left;
}
.uc_call_to_action.center  {
    text-align: center;
}
.uc_call_to_action.right .uc_call_to_action_button{
    float:right;
}
#primary .uc_call_to_action_content h2, 
#primary .uc_call_to_action_content h4 {
    margin: 0;
    line-height: 1.2;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 20px;
}
.uc_call_to_action.right .uc_call_to_action_content {
    display: inline-block;
    margin:10px 0;
}
.uc_call_to_action_button {
    margin:10px 0;
    border-radius: 3px;
    background-color:#1c9cda;
    color:#ffffff;
    font-size: 14px;
    padding:10px 12px;
    line-height: 1;
}
.uc_column .uc_call_to_action_content h2, 
.uc_column .uc_call_to_action_content h4 {
    font-size: 20px;
}
.uc_column .uc_call_to_action_button {
    font-size: 12px;
}
.uc_call_to_action_button:hover {
    background-color:#454545;
    color: #ffffff;
}
/*-----Grid------*/
.uc_column strong {
    color:#555555;
}

/*-----list-----*/
.uc_column ul, 
.uc_column ol {
    padding-left:20px;
    margin:0 0 0 10px; 
    font-size: 14px;  
}
.uc_column ul.uc-list {
    list-style: none;
    padding:0;
}
.uc_column ul.uc-list li {
    position:relative;
    padding-left:25px;
    margin-bottom: 5px;
    line-height: 1.3;
}
.uc_column ul.uc-list li:before {
    color: #1c9cda;
    position: absolute;
    left: 0;
    top: 0;
    font-family: "FontAwesome";
}
ul.fp-list1 li:before {
    content: "\f105";
} 
ul.fp-list2 li:before {
    content: "\f00c";
}
ul.fp-list3 li:before {
    content: "\f1d8";
    top:6%;
    font-size: 14px;
}
ul.fp-list4 li:before {
    content: "\f0e7";
    top: 0;
}
ul.fp-list5 li:before {
    content: "\f006";
}
ul.fp-list6 li:before {
    content:"\f0a4";
}
/*----------my-team-------*/
.uc-team {
    text-align: center;
}
.uc-member-image img {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    display: block;
    width:100%;
}
.uc-member-name {
    font-size: 18px;
    font-family: 'Open sans', sans-serif;
    font-weight:400;
    margin:10px 0 0;
    line-height: 1;
    text-transform: uppercase;
    color:#1c9cda;
}
.uc-member-image {
    position:relative;
}
.uc-member-position {
    font-size: 14px;
    margin:10px;
    color:#555555;
    font-weight:600;
}
.social-shortcode {
    margin:10px 0 ;
}
.social-shortcode a {
    width:40px;
    height:30px;
    line-height: 26px;
    display: inline-block;
    margin-right:1px;
    margin-bottom:5px;
    text-align:center;
    border:1px solid #1c9cda;
    background-color: #1c9cda;
    color:#ffffff;
}
.social-shortcode a:hover {
    background-color:transparent;
    color:#1c9cda;
}
/*---------shortcode-testimonials-------*/
.uc-testimonial {
    border:1px solid #dcdcdc;
    padding:50px 15px 15px;
    text-align:center;
    margin-bottom:10px;
    position: relative;
    margin-top: 50px;
}
.uc_column.uc-span3 .uc-testimonial {
    padding-top: 80px;
    margin-top: 80px;
}
.uc-testimonial .uc-client-image {
    width: 35%;
    border: 4px solid #e5e5e5;
    border-radius: 100%;
    margin:0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top:-50px;
}
.uc_column.uc-span3 .uc-client-image {
    top:-75px;
}
.uc-testimonial .uc-client-image img {
    border-radius:100%;
    display: block;
}
.uc-testimonial .uc-client-name {
    font-size: 20px;
    font-family: 'Open sans', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    color:#1c9cda;
    margin: 10px 0 0;
}
.uc-testimonial .uc-client-position {
    font-size: 14px;
    font-weight:600;
    color:#555555;
    margin: 7px 0 10px 0;
}
/*-------toggle and tabs-------*/
.uc_toggle.close .uc_toggle_content {
    display: none;
}
.uc_toggle_title {
    background-color:#1c9cda;
    color: #ffffff;
    position: relative;
    padding:5px 10px;
    margin-bottom:10px;
    cursor: pointer;
}
.uc_toggle.open .uc_toggle_title:after {
    position: absolute;
    content: "\f146";
    color: #fff;
    font-size: 15px;
    font-family: 'FontAwesome';
    z-index: 99;
    right: 8px;
}
.uc_toggle.open .uc_toggle_title.active:after {
    position: absolute;
    content: "\f0fe";
    color: #fff;
    font-size: 15px;
    font-family: 'FontAwesome';
    z-index: 99;
    right: 8px;
}
.uc_toggle.close .uc_toggle_title:after{
    position: absolute;
    content: "\f0fe";
    color: #fff;
    font-size: 15px;
    font-family: 'FontAwesome';
    z-index: 99;
    right: 8px;
}
.uc_toggle.close .uc_toggle_title.active:after{
    position: absolute;
    content: "\f146";
    color: #fff;
    font-size: 15px;
    font-family: 'FontAwesome';
    z-index: 99;
    right: 8px;
}
.uc_toggle_content {
    margin-bottom:10px;
}
/*=====tabs=====*/

.tab-title {
    cursor: pointer;
    background-color:#1c9cda;
    color:#ffffff;
    border:2px solid #1c9cda;
    text-align:center;
}
.horizontal .uc_tab_group .tab-title {
    display: inline-block;
    width:23%;  
    padding:10px 5px;
    margin-right:5px; 
}
.horizontal .uc_tab_group .tab-title:last-child {
    margin-right:0;
}
.horizontal .uc_tab_group .tab-title:hover, 
.horizontal .uc_tab_group .tab-title.active {
    background-color:transparent;
    color:#1c9cda;
}
.horizontal .uc_tab_content {
    margin:10px 0;
}
.vertical .uc_tab_group {
    float: left;
    width:18%;
}
.vertical .uc_tab_group .tab-title { 
    display: block;
    padding:5px;
    margin-bottom:5px;
}
.vertical .uc_tab_content {
    float:right;
    width:79%;
}
.vertical .uc_tab_group .tab-title:hover, 
.vertical .uc_tab_group .tab-title.active {
    background-color:transparent;
    color:#1c9cda;
}
/*--------buttons-shortcode------*/
a.uc-outline-bttn, 
a.uc-black-bttn {
    border:2px solid #c5c5c5;
    display:inline-block;
    background-color:transparent;
    color:#000000;
    padding:10px;
}
a.uc-small-bttn {
    padding:5px 10px;
    font-size: 12px;
}
a.uc-medium-bttn {
    padding:8px;
    font-size: 14px;
}
a.uc-large-bttn {
    padding:12px;
    font-size: 16px;
}
a.uc-align-right {
    text-align:right;
}
a.uc-align-left {
    text-align:left;
}
a.uc-outline-bttn:hover, 
a.uc-black-bttn:hover {
    background-color:#d4054f;
    color:#ffffff;
    border-color:#d4054f;
}
/*------tagline------*/
.uc_tagline_box {
    background-color:#f7f7f7;
    padding: 20px;
    color:#444444;
    font-size: 14px;
    font-family: 'Open sans', sans-serif;
}
.uc-all-border-box {
    border:3px solid #1c9cda;
}
.uc-top-border-box {
    border-top:3px solid #1c9cda;
}
.uc-left-border-box {
    border-left: 3px solid #1c9cda;
}
.uc-bg-box {
    background-color:#1c9cda;
    color: #ffffff;
}
/*--------drop-caps------*/
.uc-dropcaps {
    float: left;
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 8px;
    text-align: center;
    color: #1c9cda;
} 
.uc-dropcaps.fp-square {
    background: #1c9cda;
    color: #FFF;
    padding: 10px;
    margin-right: 8px;
    margin-top: 4px;
}
/*---------shortcode-ends--------*/

/*================
    ERROR-PAGE
===================*/
.error404 .mainheader {
    border-bottom: 1px solid #eeeeee;
}
.error-404 {
    text-align:center;
    padding:100px 0 160px 0;
}
.error-404 .page-title {
    font-size: 52px;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-top: 0;
}
.error-404 .page-content {
    font-size: 20px;
    color:#aaaaaa;
    line-height: 1.2;
}
.error-404 .backtohome a {
    border: 1px solid;
    border-color: #1c9cda;
    background-color: #1c9cda;
    color: #ffffff;
    font-size: 16px;
    line-height: 1;
    padding:15px 20px 15px 40px;
    display: inline-block;
    margin-top:40px;
    text-transform: uppercase;
    position: relative;
}
.error-404 .backtohome a:before {
    content: '';
    position: absolute;
    background: url('assets/images/back-to-home.png') no-repeat;
    width: 18px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    left: 15px;
}
.error-404 .backtohome a:hover {
    background-color:rgba(28,156,218,0.8);
    border-color:rgba(28,156,218,0.8);
}

/*====================
        FOOTER
=====================*/ 
/*-----------------TOP-FOOTER-----------------*/
.footer-widgetswrap {
    background-color:#1b1b1b;
    padding: 70px 0;
    color:#ffffff;
    line-height: 1;
}
.footer-widgetswrap .block.footer-widget {
    float:left;
    width:23%;
    margin-left:2%;
}
.inner-footer-widgetswrap {
    margin-left:-2%;
}
.footer-widgetswrap .block.footer-widget ul {
    list-style: none;
    padding:0;
    margin:0;
}
.footer-widgetswrap .block.footer-widget ul a {
    color:rgba(255,255,255,0.6);
}
.block.footer-widget .widget-title {
    font-size: 18px;
    font-weight:400;
    text-transform: uppercase;
    margin: 0 0 20px;
    padding-bottom: 20px;
    position:relative;
}
.block.footer-widget .widget-title:after {
    content:'';
    position:absolute;
    background-color:rgba(255,255,255,0.6);
    height:1px;
    width:40px;
    bottom:0;
    left:0;
}
.footer-widgetswrap .block.footer-widget ul li {
    padding:10px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}
.block.footer-widget .widget_text .textwidget {
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    line-height: 22px;
}
.block.footer-widget .widget_text li i {
    margin-right: 20px;
    color: #ffffff;
}
.footer-widget.widget_aptf_slider_widget .aptf-tweet-content{
    font-size: 14px;
    line-height: 1.7;
    color: rgba(255,255,255,0.6);
}
.footer-widgetswrap .block.footer-widget ul a:hover {
    color:#1c9cda;
}
/*----------------BOTTOM-FOOTER--------------------*/
.bottom-footer {
    padding:10px 0;
    background-color:#1e1e1e ;
}
.bottom-footer .footer-left {
    float:left;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.9;
    color:#797979;
} 
.bottom-footer .footer-left .site-info a {
    color:#797979;
} 
.bottom-footer .footer-left .site-info a:hover {
    color:#1c9cda;   
}
.bottom-footer .footer-right {
    float:right;
} 
.bottom-footer .footer-right ul {
    margin:0;
    padding: 0;
    list-style: none;
} 
.bottom-footer .footer-right ul li {
    display: inline-block;
    margin: 0 7px;
    font-size: 16px;
} 
.bottom-footer .footer-right ul a {
    color:#969696;
}
.bottom-footer .footer-right ul a:hover {
    color:#1c9cda;
}
.scrollup {
    display: none;
    position: fixed;
    bottom: 8px;
    right:20px;
    color:#ffffff;
    background-color: rgba(28, 156, 218, 0.82);
    padding: 10px 15px;
    line-height: 1;
    font-size: 23px;
    z-index: 9999;
}
.scrollup:hover {
    background-color: rgba(28, 156, 218, 1);
    color: #ffffff;
}

/*-------------BOX-LAYOUT-------*/
.boxlayout {
    background-color:#eeeeee;
}
.boxlayout #page{
    width: 1200px;
    margin: 0 auto;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}
.boxlayout .page-banner .container {
    width: 100%;
    padding:0 15px;
}
.logged-in.admin-bar .sticky-wrapper.is-sticky .mainheader{
    margin-top: 32px;
}
/*=============
  ARROW-HOVER
==============*/
.about-section .about-content .readmore a:hover:before,
.blog-section .blogsinfo .blog-readmore:hover:before, 
.main-blog-right .btn-readmore a:hover:after,
.nav-next a:hover:after   {
    -webkit-animation-name: float-bob, horizontal-bob;
    animation-name: float-bob, horizontal-bob;
    -moz-animation-name: float-bob, horizontal-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -moz-animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -moz-animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    -moz-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -moz-animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
    -moz-animation-direction: normal, alternate;
}
.nav-previous a:hover:before, 
.error-404 .backtohome a:hover:before  {
    -webkit-animation-name: left-float-bob, left-horizontal-bob;
    animation-name: left-float-bob, left-horizontal-bob;
    -moz-animation-name: left-float-bob, left-horizontal-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -moz-animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -moz-animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    -moz-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -moz-animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
    -moz-animation-direction: normal, alternate;
}
/*===========================================
            RESPONSIVE-CSS-STARTS
=============================================*/
@media (min-width: 1400px) {
    .counter-wrap ul.counterdetails li {
        padding: 60px 30px;
    }
}
@media (max-width:1200px){
    .container {
        width:100%;
        padding:0 10px;
    }
    .boxlayout #page {
        width: 100%;
    }
}
@media (max-width:1024px){
    .site-branding.logo-title .site-title-wrap {
        margin-left:0;
    }
    .about-section .about-content h2 {
        margin:10px 0 20px 0;
    }
    .about-section .about-content .readmore a {
        margin-top: 5px;
    }
    .call-action-section .mainbanner-button-wrap a{
        padding:15px 20px;
    }
}
@media (max-width: 840px) {
    .portfolio-section .portfoliowrap .portfolioinfo {
        width:32.33%;
    }
}
@media (max-width:768px) {
    .site-branding, 
    nav#site-navigation {
        float: none;
        width: 100%;
        text-align: center;
    }
    nav#site-navigation {
        line-height: 0;
    }
    .site-branding {
        border-bottom: 1px solid #eeeeee;
    }
    .site-branding.logo-title .logo, 
    .site-branding.logo-title .site-title-wrap {
        float: none;
        width: auto;
    }
    .site-branding.logo-title .site-title {
        font-size: 36px;
    }
    .site-branding.logo-title .site-description {
        font-size: 14px;
    }
    #site-navigation ul#primary-menu,
    #site-navigation #primary-menu > ul, 
    #site-navigation ul#primary-menu > li.menu-item-has-children > a:after, 
    #site-navigation #primary-menu ul > li.page_item_has_children > a:after, 
    #site-navigation ul ul.sub-menu li.menu-item-has-children > a:after, 
    #site-navigation ul ul.sub-menu li.page_item_has_children > a:after, 
    #site-navigation ul ul.children li.menu-item-has-children > a:after, 
    #site-navigation ul ul.children li.page_item_has_children > a:after  {
        display: none;
    }
    #site-navigation ul#primary-menu > li.menu-item-has-children:before, 
    #site-navigation #primary-menu ul > li.page_item_has_children:before {
        content: '\f107';
        position: absolute;
        font-size: 16px;
        font-family: 'FontAwesome';
        top:10px;
        right: 0;
        color: #22272c;
    }
    #site-navigation .nav-toggle {
        display: inline-block;
    }
    #site-navigation ul#primary-menu li, 
    #site-navigation #primary-menu ul li {
        display: block;
        line-height: 1.5;
        text-align: left;
        font-size: 14px;
        float: none;
        padding: 15px 0;
    }
    .mainheader {
        position: relative;
    }
    #site-navigation ul#primary-menu, 
    #site-navigation #primary-menu > ul {
        position: absolute;
        top:100%;
        left:0;
        width: 100%;
        z-index: 99;
        background-color:#ffffff;
        padding: 0 15px;
    }
    #site-navigation ul ul.sub-menu, 
    #site-navigation ul ul.children, 
    #site-navigation ul ul ul.sub-menu, 
    #site-navigation ul ul ul.children {
        display: block;
        opacity: 1;
        visibility: visible;
        position: static;
        margin-left: 20px;
    }
    #site-navigation ul#primary-menu ul li, 
    #site-navigation #primary-menu ul ul li{
        padding: 0;
    }
    #site-navigation ul#primary-menu ul.sub-menu li:last-child, 
    #site-navigation #primary-menu ul.sub-menu li:last-child,
    #site-navigation ul#primary-menu ul.children li:last-child, 
    #site-navigation #primary-menu ul.children li:last-child, 
    #site-navigation ul#primary-menu ul.sub-menu li:last-child a, 
    #site-navigation #primary-menu ul.sub-menu li:last-child a,
    #site-navigation ul#primary-menu ul.children li:last-child a, 
    #site-navigation #primary-menu ul.children li:last-child a{
        padding-bottom: 0;
    }
    #site-navigation ul#primary-menu ul.sub-menu > li > a, 
    #site-navigation #primary-menu ul.children > li > a{
        border-bottom: 0;
    }
    #site-navigation ul ul li:hover {
        background-color:transparent !important;
    }
    #site-navigation ul#primary-menu > li > a, 
    #site-navigation #primary-menu ul > li > a {
        padding: 0;
    }
    .mainbanner-wrap h1 {
        font-size: 52px;
    }
    .mainbanner-wrap > p {
        font-size: 16px;
        line-height:1.5;
    }
    .mainbanner-button-wrap .first-button a, 
    .mainbanner-button-wrap .second-button a {
        padding:10px 24px;
    }
    .un-head-search {
        position: absolute;
        bottom: 76px;
        float: none;
        right: 70px;
    }
    .sticky-wrapper.is-sticky .un-head-search {
        line-height: 84px;
    }
    .un-head-search .search-form {
        top:39px;
    }
    .logged-in.admin-bar .sticky-wrapper.is-sticky .mainheader {
        margin-top: 46px;
    }
    .about-section .about-content-wrapper {
        padding: 0 10px;
    }
    .progress-bar {
        margin:0 auto 35px;
    }
    .uncodepro-services-section .serviceswrap {
        float: none;
        width: 100%;
        text-align: center;
    }
    .uncodepro-features-section .featuresrow .featureswrap {
        width:48%;
        margin-bottom: 40px;
    }
    .uncodepro-features-section, 
    .blog-section {
        padding-bottom: 40px;
    }
    .blog-section .blogwrap .blogsinfo {
        float: none;
        width:100%;
        max-width: 420px;
        margin:0 auto;
        margin-bottom: 40px;
    }
    .blog-section .blogwrap,
    .blog-section.layout2 .blogwrap {
        margin-left: 0;
    }
    .portfolio-section .portfoliowrap .portfolioinfo {
        width:49%;
    }
    .call-action-section .call-title, 
    .call-action-section .call-desc, 
    .call-action-section .mainbanner-button-wrap {
        width:100%;
        text-align: center;
        display: block;
        max-width: 90%;
    }
    .call-action-section .mainbanner-button-wrap a {
        padding: 15px 20px;
    }
    .call-action-section .call-title h2 {
        line-height: 1;
    }
    .bottom-footer .footer-left,
    .bottom-footer .footer-right {
        float: none;
        text-align: center;
    }
    .bottom-footer .footer-left {
        margin-bottom: 5px;
    }
    .leftsidebar #primary, 
    .leftsidebar #secondaryleft, 
    .rightsidebar #primary, 
    .rightsidebar #secondaryright  {
        float:none;
        width:100%;
        margin-right: 0;
        margin-left: 0;
    }
    .leftsidebar #primary,
    .rightsidebar #primary {
        margin-bottom: 60px;
    }
    .single-blog-post .content-text div {
        padding:0 20px;
    }
    /*-----uncode-pro-responsive---*/
    .uncode-caption {
        padding: 0 20px;
    }
    #site-navigation ul ul.sub-menu, 
    #site-navigation ul ul.children {
        background-color: transparent;
        border:none;
        box-shadow: none;
    }
    .header2 #site-navigation ul#primary-menu > li:hover > a, 
    .header2 #site-navigation #primary-menu ul > li:hover > a, 
    .header2 #site-navigation #primary-menu ul > li.current_page_item > a, 
    .header2 #site-navigation ul#primary-menu > li.current-menu-item > a, 
    .header2 #site-navigation ul ul li:hover {
        color: #1c9cda !important;
        background-color:transparent !important;
        border-radius:0;
    }
    .header2 #site-navigation ul ul.sub-menu, 
    .header2 #site-navigation ul ul.children, 
    .header3 #site-navigation ul ul.sub-menu, 
    .header3 #site-navigation ul ul.children,
    .header2 #site-navigation ul li:hover > ul, 
    .header2 #site-navigation ul li:focus > ul, 
    .header3 #site-navigation ul li:hover > ul, 
    .header3 #site-navigation ul li:focus > ul {
        margin-top: 0;
    }
    .header3 #site-navigation ul#primary-menu > li > a, 
    .header3 #site-navigation #primary-menu > ul > li > a{
        color: #22272c;
    }
    .header3 #site-navigation ul#primary-menu > li:hover > a, 
    .header3 #site-navigation #primary-menu > ul > li:hover > a, 
    .header3 #site-navigation #primary-menu > ul > li.current_page_item > a, 
    .header3 #site-navigation ul#primary-menu > li.current-menu-item > a {
        color: #1c9cda;
    }
    .uncodepro-features-section .layout2 .featuresrow .featureswrap {
        width: 50%;
        border-bottom: 1px solid #eeeeee;
    }
    .uncodepro-features-section .layout2 .row-items:before{
        display: none;
    }
    .uncodepro-features-section .layout2 .featuresrow .featureswrap:nth-of-type(3n+1) {
        clear:none;
    }
    .uncodepro-features-section .layout2 .featuresrow .featureswrap:nth-of-type(2n) {
        border-right:0;
    }
    .uncodepro-features-section .layout2 .featuresrow .featureswrap:nth-of-type(5),
    .uncodepro-features-section .layout2 .featuresrow .featureswrap:last-child {
        border-bottom: 0;
    }
    .uncodepro-features-section .layout2 .featuresrow .featureswrap:nth-of-type(2n+1) {
        clear:left;
        border-right:1px solid #eeeeee;
    } 
    .team-member .owl-theme .owl-controls .owl-nav div.owl-next {
        margin-right: 0;
    }
    .team-member .owl-theme .owl-controls .owl-nav div.owl-prev {
        margin-left: 0;
    }
    .counter-wrap ul.counterdetails {
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap:wrap;
        flex-wrap:wrap;
    }
    .counter-wrap ul.counterdetails li{
        width: 50%;
        height: 50%;
    }
    .counter-wrap .counter, 
    .counter-wrap ul.counterdetails span{
        font-size: 40px;
    }
    .blog-section.layout2 .blogwrap .blogsinfo {
        width: 100%;
        max-width: 400px;
        margin:0 auto 30px;
    }
     .video-section .videoinfo h3{
        font-size: 28px;
     }
    .video-promowrap .video-title h2{
        font-size: 28px;
        max-width: 90%;
    }
    .video-promowrap .vidoe-desc {
        max-width: 90%;
    }
    .pricing-table-wrap .pricingarea {
        width: 100%;
        max-width: 380px;
        float: none;
        margin:0 auto 30px;
    }
    .footer-widgetswrap .block.footer-widget {
        width: 48%;
        margin-bottom: 30px;
    }
    .footer-widgetswrap .block.footer-widget:nth-of-type(2n+1){
        clear: left;
    }
    /*** arrows (for all except IE7) **/
    .sf-arrows .sf-with-ul {
        padding-right: 2.5em;
        *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
    }
    /* styling for both css and generated arrows */
    .sf-arrows .sf-with-ul:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 1em;
        margin-top: -3px;
        height: 0;
        width: 0;
        /* order of following 3 rules important for fallbacks to work */
        border: 5px solid transparent;
        border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
        border-top-color: rgba(0,0,0,0.9);
    }
    .sf-arrows > li > .sf-with-ul:focus:after,
    .sf-arrows > li:hover > .sf-with-ul:after,
    .sf-arrows > .sfHover > .sf-with-ul:after {
        border-top-color: #000; /* IE8 fallback colour */
    }
    /* styling for right-facing arrows */
    .sf-arrows ul .sf-with-ul:after {
        margin-top: -5px;
        margin-right: -3px;
        border-color: transparent;
        border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
        border-left-color: rgba(255,255,255,.5);
    }
    .sf-arrows ul li > .sf-with-ul:focus:after,
    .sf-arrows ul li:hover > .sf-with-ul:after,
    .sf-arrows ul .sfHover > .sf-with-ul:after {
        border-left-color: #000;
    }
}

@media (max-width: 570px) {
    .mainbanner-wrap h1 {
        font-size: 48px;
    }
    .uncodepro-services-section .serviceswrap {
        padding: 40px;
    }
    .quickinfo-section .quickinfo-wrapper {
        display: block;
    }
    .quickinfo-section .quickwrap {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #eee;
        max-width: 400px;
        margin: 0 auto;
        padding: 20px;
        float:none;
    }
    .quickinfo-section .quickwrap:last-child {
        border-bottom: 0;
    }
    .quickinfo-section {
        padding-bottom: 60px;
    }
    .about-section .about-content-wrapper {
        display: block;
    }
    .about-section .about-features-image{
        float:none;
        width:100%;
        max-width: 350px;
        margin:0 auto;
        text-align: center;
    }
    .about-section .about-content {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
        text-align: center;
    }
    .footer-widgetswrap .block.footer-widget {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px;
    }
    .inner-footer-widgetswrap {
        margin-left: 0;
    }
}
@media (max-width: 480px) {
    .sticky-wrapper.is-sticky .mainheader {
        position: relative !important;
    }
    .mainbanner-wrap > p {
        display: none;
    }
    .mainbanner-wrap h1 {
        font-size: 40px;
        margin:0 0 20px;
    }
    .mainbanner-button-wrap .first-button a, 
    .mainbanner-button-wrap .second-button a {
        font-size: 12px;
    }
    .mainbanner-button-wrap {
        margin-top:20px;
    }
    .mainbanner-button-wrap .second-button a {
        margin-top: 10px;
    }
    .uncodepro-features-section .featuresrow .featureswrap, 
    .portfolio-section .portfoliowrap .portfolioinfo  {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .uncodepro-features-section .featuresrow, 
    .portfolio-section .portfoliowrap {
        margin-left: 0;
    }
    .portfolio-section .portfoliowrap .portfolioinfo {
        margin-bottom: 10px;
    }
    .portfolio-section .portfoliowrap, 
    .portfolio-section {
        padding: 0 10px;
    }
    .call-action-section .call-title h2 {
        font-size: 28px;
    }
    .call-action-section .call-desc, 
    footer .footer-right ul li, 
    .error-404 .page-content {
        font-size: 16px;
        line-height: 1.2;
    }
    .main-blog-left, 
    .main-blog-right {
        float: none;
        width:100%;
        margin-left: 0;
        margin-right: 0;
    }
    .main-blog-left {
        margin-bottom: 20px;
    }
    .main-blog-left img {
        display: block;
        width: 100%;
    }
    .single-blog-post .content-text div {
        padding-left:0;
    }
    .error-404 .page-title {
        font-size: 42px;
    }
    /*----uncode-pro-responsive------*/
    .site-header .social-icon {
        display: none;
    }
    .site-header .quick-info,
    .uncode-video-wrap, 
    .video-promowrap {
        width: 100%;
        margin-right: 0;
        float: none;
        text-align: center;
    }
    .mainbanner-wrap h1, 
    .uncode-pro-slider .uncode-title {
        font-size: 50px;
    }
    .mainbanner-wrap > p, 
    .uncode-pro-slider .uncode-desc {
        max-width: 90%;
    }
    .uncodepro-features-section .layout2 .featuresrow .featureswrap {
        padding:25px 10px;
        float:left;
    }
    .uncodepro-services-section .serviceswrap .item-id {
        margin-bottom: 30px;
    }
    .uncodepro-services-section .serviceswrap {
        padding-bottom: 55px;
    }
    .counter-wrap {
        height: 300px;
    }
    .counter-wrap .counter, 
    .counter-wrap ul.counterdetails span {
        font-size: 32px;
    }
    .counter-wrap ul.counterdetails h5 {
        font-size: 15px;
    }
    .counter-wrap ul.counterdetails li p {
        display: none;
    }
    .testimonial-image {
        float: none;
        text-align: center;
        margin:0 auto 20px;
    }
    .testimonialdetails {
        float: none;
        width:100%;
        text-align: center;
        margin-left:0;
    }
    .pricing-table-wrap .pricingarea {
        max-width: 340px;
    }
    .uncodepro-features-section .layout2 .featuresrow .featureswrap {
        width:100%;
        float: none;
        border-right: 0;
        border-bottom: 1px solid #eeeeee;
    }
    .uncodepro-features-section .layout2 .featuresrow .featureswrap:nth-of-type(2n+1) {
        border-right:0;
    }
    .uncodepro-features-section .layout2 .featuresrow .featureswrap:nth-of-type(5) {
        border-bottom: 1px solid #eeeeee;
    }

    /*inner-pages*/

    .gridview-layout article.post {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .gridview-layout,
    .alternateview-layout article:nth-of-type(even) .main-blog-left {
        margin-left: 0;
    }
    .gridview-layout .main-blog-right p {
        margin: 15px 0;
    }
    .largelistview-layout .time-info {
        width: 15%;
    }
    .largelistview-layout .large-title-info {
        width: 80%;
        margin-left: 5%;
    }
    #primary .largelistview-layout .large-title-info h2 {
        margin-top: 5px;
    }
    .woocommerce #primary ul.products li.product, 
    .woocommerce-page #primary ul.products li.product {
        float: none;
        width: 100%;
    }
}
@media (max-width: 400px){
    .mainbanner-wrap h1, .uncode-pro-slider .uncode-title {
        font-size: 42px;
    }
    .uncode-pro-slider .uncode-desc {
        display: none;
    }
    .pricing-table-member .container {
        padding:0 20px ;
    }
    .pricing-table-wrap .pricingarea {
        max-width: 300px;
    }
    .pricing-price .table-features {
        padding: 15px 20px;
    }
    .pricing-price .table-features:before {
        left:-8px;
        border-width: 23px 8px;
    }
}
/*====================
  KEYFRAME-ANIMATION
======================*/
@webkit-keyframes horizontal-bob {
    0% {
        transform:translateX(8px);
        -webkit-transform:translateX(8px);
        -moz-transform:translateX(8px);
    }
    50% {
        transform:translateX(4px);
        -webkit-transform:translateX(4px);
        -moz-transform:translateX(4px);
    }
    100% {
        transform:translateX(8px);
        -webkit-transform:translateX(8px);
        -moz-transform:translateX(8px);
    }
}
@keyframes horizontal-bob {
    0% {
        transform:translateX(8px);
        -webkit-transform:translateX(8px);
        -moz-transform:translateX(8px);
    }
    50% {
        transform:translateX(4px);
        -webkit-transform:translateX(4px);
        -moz-transform:translateX(4px);
    }
    100% {
        transform:translateX(8px);
        -webkit-transform:translateX(8px);
        -moz-transform:translateX(8px);
    }
}
@-webkit-keyframes float-bob {
    100%{
        transform:translateX(8px);
        -webkit-transform:translateX(8px);
        -moz-transform:translateX(8px);
    }
}
@keyframes float-bob {
    100%{
        transform:translateX(8px);
        -webkit-transform:translateX(8px);
        -moz-transform:translateX(8px);
    }
}

@webkit-keyframes left-horizontal-bob {
    0% {
        transform:translateX(8px);
        -webkit-transform:translateX(8px);
        -moz-transform:translateX(8px);
    }
    50% {
        transform:translateX(4px);
        -webkit-transform:translateX(4px);
        -moz-transform:translateX(4px);
    }
    100% {
        transform:translateX(8px);
        -webkit-transform:translateX(8px);
        -moz-transform:translateX(8px);
    }
}
@keyframes left-horizontal-bob {
    0% {
        transform:translateX(-8px);
        -webkit-transform:translateX(-8px);
        -moz-transform:translateX(-8px);
    }
    50% {
        transform:translateX(-4px);
        -webkit-transform:translateX(-4px);
        -moz-transform:translateX(-4px);
    }
    100% {
        transform:translateX(-8px);
        -webkit-transform:translateX(-8px);
        -moz-transform:translateX(-8px);
    }
}
@-webkit-keyframes left-float-bob {
    100%{
        transform:translateX(-8px);
        -webkit-transform:translateX(-8px);
        -moz-transform:translateX(-8px);
    }
}
@keyframes left-float-bob {
    100%{
        transform:translateX(-8px);
        -webkit-transform:translateX(-8px);
        -moz-transform:translateX(-8px);
    }
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    1% {
        opacity: 1;
    }
}
@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

/**
 * Hide Slider Value on load time
*/
/* .cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
} */

/* -------------------------------------------------------------------
 General Styles - HomePage Banner FlexSlider
------------------------------------------------------------------- */


/* @media screen and (min-width: 768px) {
    #home .uncode-pro-slider {
        position: fixed;
    }
    .home-slider-overlay {
        display: block;
        position: absolute;
        background: rgba(0,0,0,1);
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        opacity: 0.3;
    }
} */