/*
Theme Name: AccessPress Root Pro
Theme URI: http://accesspressthemes.com/wordpress-themes/accesspress-root/
Author: AccessPress Themes
Author URI: http://accesspressthemes.com/
Description: AccessPress Root is a clean and beautiful WordPress theme perfect for personal or business website. The theme is translation-ready, cross-browser compatible, search engine optimized. The theme fetures with a compact theme option panel that let you set up your website in no time. The theme offers sortable home page section. You can change the order of the homepage section with just simple drag and drop in the theme option panel.
Version: 1.10
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: accesspress-root
Tags: blue, white, light, custom-menu, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, custom-background, featured-image-header, theme-options, threaded-comments, featured-images, custom-header, translation-ready
This theme, like WordPress, is licensed under the GPL.

AccessPress Root is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    
    box-sizing: border-box;
    /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*: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. */
    
    min-width: 1200px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
ol,
ul {
    list-style: none;
}
table {
    /* tables still need 'cellspacing="0"' in the markup */
    
    border-collapse: separate;
    border-spacing: 0;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
a img {
    border: 0;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #141414;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #141414;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 15px;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 26px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
p {
    margin-bottom: 15px;
}
b,
strong {
    font-weight: 600;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 15px;
}
address {
    margin: 0 0 15px;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    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: 1.5rem;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}
ul,
ol {
    margin: 0 0 15px 3em;
}
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. */
}
figure {
    margin: 0;
}
table {
    margin: 0 0 15px;
    width: 100%;
}
th {
    font-weight: bold;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    
    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {} button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {} 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 {} input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px;
}
textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    
    padding-left: 3px;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    
    width: 100%;
}
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a {
    text-decoration: none;
    color: #1eb0bc;
    outline: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
a:hover {
    color: #109BA5;
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation li {
    position: relative;
}
.main-navigation a {
    display: block;
    text-decoration: none;
}
.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 220%;
    left: 50%;
    z-index: 99999;
    background: #1eb0bc;
    margin-left: -100px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#site-navigation li ul a {
    color: #ffffff;
}
.main-navigation li:hover ul {
    opacity: 1;
    visibility: visible;
    top: 160%;
}
.main-navigation ul ul:before {
    position: absolute;
    border-bottom: 10px solid #1eb0bc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    top: -10px;
    left: 50%;
    margin-left: -10px;
}
#site-navigation.main-navigation ul ul a {
    width: 200px;
    margin-left: 0;
    padding: 10px 8px;
    position: relative;
    text-align: center;
    line-height: 1.4;
    text-transform: none;
    font-size: 14px;
}
#site-navigation ul li ul.sub-menu > li:hover > a,
#site-navigation ul li ul.sub-menu > li.current-menu-item > a,
#site-navigation ul li ul.sub-menu > li.current-menu-ancestor > a {
    color: #1eb0bc;
    background: #ffffff;
}
.main-navigation ul ul ul {
    left: 108%;
    top: 0 !important;
    margin: 0;
    visibility: hidden !important;
    opacity: 0;
}
.main-navigation ul ul li:hover ul {
    visibility: visible !important;
    left: 100%;
    opacity: 1;
}
.main-navigation ul ul ul:before {
    position: absolute;
    border-right: 10px solid #1eb0bc;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    content: "";
    top: 12px;
    left: -10px;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {}
/* Small menu */

.main-navigation .menu-toggle {
    display: none;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 15px;
    overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
/*--------------------------------------------------------------
6.0 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;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
/*--------------------------------------------------------------
8.0 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 {
    content: "";
    display: table;
}
.clearfix:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 15px;
}
/* Make sure select elements fit in widgets */

.widget select {
    max-width: 100%;
}
/* Search widget */

.widget_search .search-submit {
    display: none;
}
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

#main {
    margin: 0 auto 30px;
    width: 1140px;
}
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}
.hentry {
    margin: 0 0 25px;
}
.byline,
.updated:not(.published) {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.entry-header {
    margin-bottom: 20px;
}
.page-content,
.entry-content,
.entry-summary {} .page-links {
    clear: both;
    margin: 0 0 15px;
}
.post-thumbnail {
    margin-bottom: 10px;
}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/

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

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
/*--------------------------------------------------------------
11.0 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;
}
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.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%;
}
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 15px;
}
.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;
}
/*--------------------------------------------------------------
	Sidebar CSS
--------------------------------------------------------------*/

#primary-wrap {
    width: 75%;
    float: left;
}
.left-sidebar #primary {
    float: right;
}
.both-sidebar #primary {
    float: right;
}
.no-sidebar #primary {
    width: 100%;
    float: none;
}
#secondary.secondary-left {
    float: left;
}
#secondary.secondary-right {
    float: right;
}
.both-sidebar #secondary.secondary-left {
    float: left;
}
.both-sidebar #secondary.secondary-right {
    float: right;
    width: 23%
}
body.boxed #page {
    width: 1170px;
    margin: 15px auto;
    background: #FFF;
}
#main.blog-post {
    margin-top: 25px;
}
/*--------------------------------------------------------------
COMMON CSS
--------------------------------------------------------------*/

body {
    font-weight: 400;
    position: relative;
}
.ak-container {
    width: 1140px;
    margin: 0 auto;
}
.hide {
    display: none;
}
/*--------------------------------------------------------------
	Header css
--------------------------------------------------------------*/

#masthead {
    border-bottom: 1px dotted #cdcdcd;
}
.masthead-inner-wrap {
    padding: 18px 0;
}
.masthead-inner-wrap.menu-fix {
    position: fixed;
    top: 0;
    z-index: 999999;
    background: #FFF;
    padding: 10px 0;
    width: 100%;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3);
    -moz-transition: padding 0.2s ease-in-out;
    -webkit-transition: padding 0.3s ease-in-out;
    transition: padding 0.3s ease-in-out;
}
.boxed .masthead-inner-wrap.menu-fix {
    width: 1170px;
}
#site-branding {
    float: left;
}
#site-branding .site-logo {
    float: left;
    margin-right: 15px;
    margin-top: 8px;
}
#site-branding .site-text {
    float: left;
}
#site-branding h1.site-title {
    font-family: "Oswald", sans-serif;
    font-size: 28px;
    margin: 0;
    line-height: 1.2;
}
#site-branding h2.site-description {
    font-size: 14px;
    color: #888;
    margin: 0;
}
#site-branding h1 a {
    text-transform: uppercase;
    color: #1eb0bc;
    text-decoration: none;
}
.right-header {
    float: right;
    margin-top: 15px;
}
#site-navigation,
.search-icon {
    display: inline-block;
    vertical-align: middle;
}
.search-icon {
    font-family: Arial;
}
#site-navigation .menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
#site-navigation > ul > li {
    float: left;
}
#site-navigation li a {
    color: #4b4b4b;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
    font-weight: 400;
    position: relative;
    display: block;
    margin-left: 21px;
    padding-right: 21px;
}
#site-navigation > ul > li > a:hover,
#site-navigation > ul > li.current-menu-item > a,
#site-navigation > ul > li.current-menu-ancestor > a,
.search-icon a {
    color: #1eb0bc;
}
#site-navigation > ul > li > a:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "/";
    color: #AAA;
}
.header-layout2 #site-navigation > ul > li > a {
    margin: 0 15px;
    padding: 5px 0;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: inherit;
}
.header-layout2 #site-navigation > ul > li > a:after {
    display: none;
}
/*--------------------------------------------------------------
	Search Home css
--------------------------------------------------------------*/

.search-icon {
    margin-left: 21px;
    font-size: 14px;
}
.search-icon a {
    color: #4b4b4b;
}
.search-icon a:hover {
    color: #1eb0bc;
}
.search-box {
    left: 50%;
    position: fixed;
    width: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width 0.3s ease 0.3s, visibility 0s ease 0.8s;
    -moz-transition: width 0.3s ease 0.3s, visibility 0s ease 0.8s;
    transition: width 0.3s ease 0.3s, visibility 0s ease 0.8s;
    background: rgba(30, 176, 188, 0.7);
    height: 100%;
    visibility: hidden;
    top: 0;
    z-index: 999999;
}
.search-box.active {
    width: 100%;
    visibility: visible;
    -webkit-transition: width 0.3s ease 0s;
    -o-transition: width 0.3s ease 0s;
    transition: width 0.3s ease 0s;
}
.search-box .search-submit {
    display: none;
}
.search-box .searchsubmit {
    display: none;
}
.search-box .search-field {
    position: absolute;
    top: 50%;
    height: 80px;
    border: none;
    border-bottom: 1px solid #ffffff;
    width: 80%;
    margin-left: -40%;
    left: 50%;
    margin-top: -40px;
    background: none;
    color: #ffffff !important;
    font-size: 46px;
    font-style: italic;
    font-weight: 300;
}
.search-box .search-field:focus {
    border: none;
    box-shadow: none;
    outline: none;
    border-bottom: 1px solid #ffffff;
}
.search-box .search-field::-webkit-input-placeholder {
    color: #ffffff !important;
}
.search-box .search-field::-moz-placeholder {
    color: #ffffff !important;
    opacity: 1;
}
.search-box .search-field:-ms-input-placeholder {
    color: #ffffff !important;
}
.search-box .close {
    color: #ffffff;
    font-size: 180px;
    font-weight: 300;
    margin-top: -90px;
    position: absolute;
    right: 30px;
    top: 0;
    cursor: pointer;
    display: none;
}
.search-box.active .close {
    display: block;
}
/*--------------------------------------------------------------
	Home category slider css
--------------------------------------------------------------*/

#main-slider {
    position: relative;
    margin-bottom: 40px;
}
.slider-caption {
    left: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 100%;
    z-index: 9999;
}
.slider-caption .caption-title {
    color: #ffffff;
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    text-shadow: 0 0 4px #7e8997;
    margin-bottom: 10px;
}
.caption-content-wrapper {
    background: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    padding: 15px 20px;
    width: 557px;
}
.caption-read-more {
    color: #FFF;
    display: inline-block;
    margin-top: 10px;
    background: rgba(0, 0, 0, 0.4);
    padding: 8px 15px;
}
.caption-read-more:hover {
    background: #1EB0BC;
    color: #FFF;
}
.boxed .caption-content-wrapper,
.boxed .caption-read-more {
    margin-left: 100px;
}
#main-slider .bx-controls .bx-pager {
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0;
    text-align: center;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: middle;
}
#main-slider .bx-pager-item a,
#message-slider .bx-controls .bx-pager-item a,
.project-block-wrap .bx-controls .bx-pager-item a {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 100%;
    color: transparent;
    display: block;
    height: 12px;
    width: 12px;
}
#main-slider .bx-pager-item a:hover,
#main-slider .bx-pager-item a.active,
#message-slider .bx-controls .bx-pager-item a:hover,
#message-slider .bx-controls .bx-pager-item a.active,
.project-block-wrap .bx-controls .bx-pager-item a:hover,
.project-block-wrap .bx-controls .bx-pager-item a.active {
    background: #1eb0bc;
}
#main-slider .bx-controls .bx-controls-direction {
    left: 0;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
}
#main-slider .bx-controls .bx-controls-direction a {
    float: left;
    color: transparent;
    background: url("images/slider-prev-next.png") no-repeat scroll 0 0;
    display: block;
    height: 78px;
    width: 40px;
    position: relative;
    z-index: 99999;
}
#main-slider .bx-controls .bx-controls-direction a.bx-next {
    float: right;
    background-position: -50px 0;
}
/*--------------------------------------------------------------
	Message slider css
--------------------------------------------------------------*/

#message-slider {
    margin-bottom: 50px;
    text-align: center;
}
.color-bold,
.message-title span {
    color: #1eb0bc;
}
.message-content {
    margin-bottom: 50px;
}
#message-slider .bx-wrapper {
    position: relative;
    border-bottom: 1px solid #eee;
}
#message-slider .bx-controls .bx-pager {
    background: none repeat scroll 0 0 #ffffff;
    display: inline-block;
    left: 50%;
    padding: 0 20px;
    position: absolute;
    top: 100%;
    width: auto;
    height: 30px;
    margin-top: -15px;
    line-height: 30px;
}
#message-slider .bx-controls .bx-pager-item a,
.project-block-wrap .bx-controls .bx-pager-item a {
    background: #f2f2f2;
}
/*--------------------------------------------------------------
	Service section css
--------------------------------------------------------------*/

#service-section {
    margin-bottom: 60px;
}
.section-title-wrap {
    margin-bottom: 40px;
    text-align: center;
}
.sub-desc {
    line-height: 24px;
}
.service-block,
.feature-block {
    float: left;
    margin-left: 3%;
    width: 22%;
}
.service-block-wrap,
.feature-block-wrap {
    margin-left: -3%;
}
.service-title,
.feature-title {
    line-height: 24px;
    margin: 15px 0 10px;
}
.service-title a {
    color: #222;
}
.service-title a:hover {
    color: #109ba5;
}
.service-image {
    position: relative;
    overflow: hidden;
}
.service-image .image-wrap {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    display: block;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.service-image:hover .image-wrap {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}
.service-overlay {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.service-image:hover .service-overlay {
    opacity: 1;
    visibility: visible;
    cursor: pointer;
}
.service-overlay a {
    width: 35px;
    height: 35px;
    background: #1eb0bc;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;
    top: 50%;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
}
.service-overlay a:hover {
    background: #109ba5;
}
.service-desc,
.feature-desc {
    line-height: 22px;
}
/*--------------------------------------------------------------
	Call to action Banner section css
--------------------------------------------------------------*/

#main-slider + #cta-banner {
    margin-top: -50px;
}
#cta-banner {
    background: none repeat scroll 0 0 #f2f2f2;
    padding: 35px 0;
    margin-bottom: 50px;
}
.cta-banner-text {
    float: left;
    width: 80%;
}
.cta-banner-text.full-width {
    width: 100%;
    float: none;
}
.cta-banner-btn {
    float: right;
    width: 17%;
}
.cta-banner-title {
    line-height: 1.5;
    margin-bottom: 0;
}
.cta-banner-desc {
    font-weight: 300;
    line-height: 22px;
    font-size: 110%;
}
.cta-banner-btn a {
    border: 1px solid #1eb0bc;
    color: #1eb0bc;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 21px;
    padding: 0 15px;
}
.cta-banner-btn a:hover {
    background: #1eb0bc;
    color: #ffffff;
}
.cta-banner-btn a i {
    margin-right: 10px;
}
/*--------------------------------------------------------------
	Feature section css
--------------------------------------------------------------*/

#features {
    margin-bottom: 50px;
}
.feature-block {
    text-align: center;
}
.feature-block-wrapper {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 65px;
}
.feature-block .feature-icon {
    border: 1px solid #1eb0bc;
    border-radius: 100%;
    color: #1eb0bc;
    font-size: 36px;
    height: 89px;
    line-height: 89px;
    margin: 20px auto 30px;
    text-align: center;
    width: 89px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    overflow: hidden;
    display: block;
    padding: 20px;
}
.feature-icon:hover {
    padding: 22px;
}
.feature-icon img {
    border-radius: 50%;
    display: block;
}
.feature-title a {
    color: #222;
}
.feature-title a:hover {
    color: #1eb0bc;
}
.feature-read-more,
.info-read-more {
    border-bottom: 1px dashed #1eb0bc;
    display: inline-block;
    margin-top: 18px;
}
.feature-read-more:hover,
.info-read-more:hover {
    border-bottom: 1px dashed #0C8D96;
    padding-left: 5px;
    padding-right: 5px;
}
/*--------------------------------------------------------------
	Blog section css
--------------------------------------------------------------*/

#blog {
    margin-bottom: 50px;
}
.blog-block-wrapper {
    background: none repeat scroll 0 0 #f1f1f1;
    padding: 45px 0 20px;
}
.blog-block {
    float: left;
    margin: 0 0 2% 2%;
    width: 48%;
}
.block-block-wrap {
    margin-left: -2%;
}
.blog-image {
    position: relative;
    overflow: hidden;
}
.blog-overlay {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    text-align: center;
}
.blog-image:hover .blog-overlay {
    opacity: 1;
    visibility: visible;
}
.blog-overlay a {
    width: 28px;
    height: 28px;
    display: inline-block;
    border-radius: 100%;
    background: #1eb0bc;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    font-family: Arial;
}
.blog-overlay a:hover {
    background: #109ba5;
}
.blog-anchor-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
}
.blog-date {
    background: none repeat scroll 0 0 #1eb0bc;
    border-radius: 100%;
    color: #ffffff;
    font-size: 18px;
    height: 80px;
    line-height: 20px;
    padding-top: 20px;
    text-align: center;
    width: 80px;
    position: relative;
    cursor: pointer;
}
.blog-date:after {
    border-radius: 50%;
    box-shadow: 0 0 0 1px #1eb0bc;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: -7px;
    opacity: 0;
    padding: 7px;
    pointer-events: none;
    position: absolute;
    top: -7px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
    -moz-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
    transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
    width: 100%;
}
.blog-date:hover:after {
    box-shadow: 0 0 0 1px #27a4c8;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
    -moz-transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
    transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
}
.blog-date-wrap {
    float: left;
    width: 22%;
}
.blog-content {
    float: left;
    width: 78%;
}
#blog .blog-title {
    font-weight: 400;
    line-height: 26px;
    margin: 0;
}
#blog .blog-title a {
    color: #222;
}
#blog .blog-title a:hover {
    color: #1eb0bc;
}
.blog-content-wrapper {
    padding: 16px 20px 0;
    background: #ffffff;
}
.blog-desc {
    line-height: 26px;
    margin-top: 5px;
}
.blog-comments > span {
    margin-right: 23px;
    display: inline-block;
}
.blog-comments a {
    color: #4b4b4b;
    font-size: 12px;
}
.blog-comments a:hover {
    color: #1eb0bc;
}
.blog-comments .fa {
    margin-right: 5px;
}
.blog-comments-wrap {
    border-top: 1px solid #f1f1f1;
    margin-top: 15px;
    padding: 5px 0;
    text-align: left;
}
.blog-comments {
    width: 78%;
    float: right;
}
.blog-comments .tags {
    margin-right: 0;
}
/*--------------------------------------------------------------
	Blog section css
--------------------------------------------------------------*/

#widgets {
    margin-bottom: 50px;
}
.widget-block {
    width: 47%;
    float: left;
    margin-left: 3%;
}
#widgets .widget-container {
    padding-bottom: 45px;
    border-bottom: 1px solid #f2f2f2;
}
.widget-container-wrap {
    margin-left: -3%;
}
.info-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 15px;
}
.info-img img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
.info-content {
    margin-top: 10px;
    line-height: 22px;
}
.info-read-more {
    margin-top: 0;
}
.project-block-wrap {
    position: relative;
}
.project-block-wrap .slides {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.project-block-wrap .slides .project-img-wrap {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkittransform 1s ease 0s;
    -moz-transition: -moz-transform 1s ease 0s;
    transition: transform 1s ease 0s;
}
.project-block-wrap .slides:hover .project-img-wrap {
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    transform: translateY(-60px);
}
.project-block-wrap .bx-slider {
    margin-left: -3%;
}
.project-title {
    background: #f9f8f8;
    padding: 10px;
    line-height: 1.5;
    padding: 10px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.project-content-wrap {
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 1.5s ease 0s;
    -moz-transition: -moz-transform 1.5s ease 0s;
    transition: transform 1.5s ease 0s;
    background: #1eb0bc;
    text-align: center;
    color: #ffffff;
}
.project-block-wrap .slides:hover .project-content-wrap {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 1s ease 0s;
    -moz-transition: -moz-transform 1s ease 0s;
    transition: transform 1s ease 0s;
}
.project-content-wrap .project-title {
    color: #ffffff;
    line-height: 22px;
    text-align: center;
    background: none;
    padding-top: 60px;
}
.project-content {
    font-size: 12px;
    line-height: 17px;
    margin: 10px 0;
    padding: 0 10px;
}
.project-link-wrap a {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    margin-right: 2px;
    width: 24px;
    font-family: Arial;
}
.project-block-wrap .bx-controls.bx-has-pager {
    line-height: 5px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 5px;
    width: 50%;
}
.project-block-wrap .bx-wrapper .bx-pager {
    text-align: right;
}
/*--------------------------------------------------------------
	Client section css
--------------------------------------------------------------*/

#testimonial {
    margin-bottom: 50px;
}
.testimonial-thumb {
    margin-left: 37px;
    border: 4px solid #ffffff;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 0 5px #ccc;
    width: 100px;
    height: 100px;
}
.testimonial-thumb:first-child {
    margin-left: 0;
}
.testimonial-thumb-wrap {
    margin-bottom: 20px;
    text-align: center;
}
.testimonail-content-wrap {
    border-top: 1px solid #1eb0bc;
}
#testimonial .testimonial-quote,
#testimonial .speaker-name {
    line-height: 30px;
    padding: 0 110px;
    text-align: center;
}
#testimonial .speaker-name {
    margin-top: 26px;
}
.testimonail-content {
    padding-top: 30px;
    display: none;
}
.testimonial-thumb img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
.testimonial-thumb.active img,
.testimonial-thumb img:hover {
    filter: none;
    -webkit-filter: none;
}
.testimonial-thumb.active {
    position: relative;
}
.testimonial-thumb.active:after {
    background: #FFF;
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left: 50%;
    bottom: -30px;
    margin-left: -6px;
    border-top: 1px solid #1eb0bc;
    border-left: 1px solid #1eb0bc;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    
    transform: rotate(45deg);
}
/*--------------------------------------------------------------
	Footer section css
--------------------------------------------------------------*/

#colophon {}
/*--------------------------------------------------------------
	Top-footer css
--------------------------------------------------------------*/

#top-footer {
    background: #f2f2f2;
    padding: 60px 0;
    color: #3d3d3d;
}
#top-footer.columns-0 {
    padding: 0;
}
.top-footer-wrap {
    margin-left: -2%;
}
.top-footer-block {
    float: left;
    margin-left: 2%;
}
.columns-1 .top-footer-block {
    width: 100%;
}
.columns-2 .top-footer-block {
    width: 48%;
}
.columns-3 .top-footer-block {
    width: 31.33%;
}
.columns-4 .top-footer-block {
    width: 23%;
}
.footer-title {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.top-footer-block {
    line-height: 1.5;
}
.top-footer-block .widget {
    margin: 0;
    box-shadow: none;
}
.top-footer-block ul {
    margin-left: 15px !important;
    padding-left: 0 !important;
    list-style: square outside;
}
.contact-info {
    margin: 0;
    list-style: none;
}
.contact-info li:first-child {
    margin-bottom: 20px;
}
.contact-info li {
    line-height: 20px;
}
/*--------------------------------------------------------------
	News-letter css
--------------------------------------------------------------*/

.newsletter-block .footer-title {
    margin-top: 20px;
}
.newsletter-block input[type="text"] {
    border: medium none;
    color: #3d3d3d;
    float: left;
    font-size: 14px;
    font-weight: 300;
    padding: 0 10px;
    width: 65%;
}
.newsletter-block input[type="submit"] {
    background: none repeat scroll 0 0 #1eb0bc;
    border: medium none;
    color: #ffffff;
    font-size: 16px;
    height: 37px;
    width: 35%;
}
/*--------------------------------------------------------------
	Middle-footer css
--------------------------------------------------------------*/

#middle-footer {
    background: #c1c1c1;
    text-align: center;
    padding: 10px 0;
}
.footer-menu ul {
    list-style: none;
    margin: 0;
}
.footer-menu li {
    display: inline-block;
}
.footer-menu li .children {
    display: none;
}
.footer-menu li a {
    border-left: 1px solid #FFF;
    color: #FFF;
    padding: 0 15px;
    font-size: 13px;
    line-height: 12px;
    display: block;
}
.footer-menu li a:hover,
.footer-menu li.current-menu-item a,
.footer-menu li.current-menu-ancestor a {
    color: #F6F6F6;
}
.footer-menu li:first-child a {
    border-left: none;
}
/*--------------------------------------------------------------
	Bottom footer css
--------------------------------------------------------------*/

#bottom-footer {
    background: #252525;
    padding: 10px 0;
    color: #fff;
}
.copyright {
    float: left;
    font-size: 12px;
    line-height: 26px;
}
.copyright a {
    color: #FFF;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.3);
}
.copyright a:hover {
    color: #109BA5;
}
.social-icon {
    margin: 0;
    float: right;
    list-style: none;
}
.social-icon a {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    margin-left: 15px;
}
.social-icon a:hover {
    color: #1EB0BC;
}
/*--------------------------------------------------------------
	Page header/Breadcrums css
--------------------------------------------------------------*/

.page_header_wrap {
    background: none repeat scroll 0 0 #1eb0bc;
    margin: 25px 0;
    padding: 25px 0;
}
.home .page_header_wrap {
    margin-top: 0;
}
.page_header_wrap .entry-header {
    float: left;
    margin-bottom: 0;
}
.page_header_wrap .entry-title {
    color: #ffffff;
    line-height: 1.3;
    margin: 0;
}
.page_header_wrap .entry-meta {
    color: #ffffff;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 18px;
}
.page_header_wrap .entry-meta a {
    color: #FFF;
}
.title-comments-wrap .title-comment {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #fff;
}
#accesspress-breadcrumb {
    float: right;
    color: #ffffff;
    font-size: 13px;
    margin-top: 6px;
    text-transform: lowercase;
}
#accesspress-breadcrumb a {
    color: rgba(255,255,255,0.6);
    font-size: 13px;
    text-transform: capitalize;
}
#accesspress-breadcrumb a:hover {
    color: #fff;
}
/*--------------------------------------------------------------
	Inner page css
--------------------------------------------------------------*/

#primary {
    float: left;
    width: 66.66%;
}
.inner-images {
    float: left;
    margin: 0 15px 15px 0;
}
/*--------------------------------------------------------------
	sidebar css
--------------------------------------------------------------*/

#secondary {
    width: 31%;
    float: right;
}
/*--------------------------------------------------------------
	Tab-widget css
--------------------------------------------------------------*/

.tab-header {
    border-bottom: 1px solid #1eb0bc;
    list-style: outside none none;
    margin: 0 0 10px;
    padding: 10px;
    text-align: center;
}
.tab-header li {
    display: inline-block;
    margin-left: 44px;
}
.tab-header li:first-child {
    margin-left: 0;
}
.tab-header li a {
    line-height: 18px;
    color: #818181;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}
.tab-header li a.current,
.tab-header li a:hover {
    color: #141414;
    position: relative;
}
.tab-header li a.current:after {
    background: url("images/tab-arrow.jpg") no-repeat scroll center center;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    width: 6px;
    height: 4px;
    bottom: -14px;
    content: "";
}
.tab-pic {
    float: left;
    width: 26%;
}
.tab-content {
    float: right;
    width: 72%;
}
.popular,
.recent {
    padding: 10px;
}
.tab-title {
    font-size: 14px;
    line-height: 16px;
}
.tab-date {
    color: #9a9a9a;
    font-size: 12px;
    font-style: italic;
}
.tab-desc {
    color: #818181;
    font-size: 12px;
    line-height: 18px;
}
.tab-link {
    font-size: 12px;
    line-height: 16px;
}
.tags a {
    background: none repeat scroll 0 0 #1eb0bc;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 0;
    padding: 0 10px;
}
.tags a:hover {
    background: #0C8D96;
}
/*--------------------------------------------------------------
widget css
--------------------------------------------------------------*/

.widget {
    box-shadow: 0 0 4px #eeeeee;
    margin: 0 0 25px;
    padding-bottom: 10px;
}
.secondary-right .widget,
.secondary-left .widget {
    padding: 10px 25px;
}
.widget-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding: 10px 0 0 10px;
}
.secondary-right .widget-title,
.secondary-left .widget-title {
    margin-left: 0;
    padding: 10px 0 0;
}
.widget ul {
    list-style: none;
    margin: 0;
}
.widget_archive a,
.widget_categories a,
.widget_recent_entries a,
.widget_meta a,
.widget_recent_comments a,
.widget_recent_comments li {
    color: #3d3d3d;
    font-size: 14px;
    line-height: 32px;
    position: relative;
    padding-left: 22px;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}
.widget a:hover,
.widget a:hover:before {
    color: #1eb0bc;
}
.widget_archive a:before,
.widget_categories a:before,
.widget_recent_entries a:before,
.widget_meta a:before,
.widget_recent_comments li:before {
    content: "\f187";
    position: absolute;
    top: -6px;
    left: 0;
    font-size: 14px;
    color: inherit;
    font-family: "FontAwesome";
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}
.widget_categories a:before {
    content: "\f07b";
}
.widget_recent_entries a:before {
    content: "\f101";
}
.widget_meta a:before {
    content: "\f105";
}
.widget_recent_comments li:before {
    content: "\f086";
    top: 0;
}
.widget_search {
    padding: 15px;
}
.newsletter-block.widget input[type="text"] {
    background: none repeat scroll 0 0 #f2f2f2;
}
#suscribe form {
    padding: 0 10px;
}
.widget-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 0 20px 0 10px;
}
.tagcloud {
    padding-left: 30px;
}
.top-footer-block .tagcloud {
    padding-left: 0;
}
.tagcloud a {
    background: none repeat scroll 0 0 #1eb0bc;
    color: #ffffff;
    display: inline-block;
    padding: 0px 10px;
    -webkit-transition: background 0.3s ease 0s;
    -moz-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}
.tagcloud a:hover {
    background: #109ba5;
    color: #ffffff;
}
.widget_search input {
    width: 100%;
    padding: 0 32px 0 10px;
}
.widget_search button {
    background: none;
    border: none;
}
.widget_search .searchform {
    position: relative;
}
.widget_search button {
    background: none repeat scroll 0 0;
    border: medium none;
    color: #1eb0bc;
    margin-top: -14px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 50%;
}
.widget-social-icons {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-social-icons li {
    font-size: 38px;
    display: inline-block;
    margin-right: 5px;
    line-height: 38px;
    font-family: Arial;
}
.widget-social-icons li a {
    color: #1eb0bc
}
.widget-social-icons li a:hover {
    color: #109ba5
}
/*--------------------------------------------------------------
	Leave a comment css
--------------------------------------------------------------*/

#comments {
    margin-top: 50px;
}
.comments-title {
    font-weight: 600;
    font-size: 24px;
    position: relative;
    background: #ffffff;
    margin-bottom: 30px;
}
.comments-title:after {
    border: 1px solid #2090b0;
    content: "";
    position: absolute;
    bottom: 6px;
    width: 100%;
    left: 0;
}
.comment-title-wrap {
    background: #fff;
    position: relative;
    z-index: 9;
    padding-right: 10px;
    padding-left: 35px;
}
.comment-title-wrap:before {
    content: "\f0e6";
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    font-family: "FontAwesome";
}
.comment-list {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.comment-list .comment-author img {
    height: 100px;
    width: 100px;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -50px;
}
.comment-list .comment-meta {
    margin-top: 0;
}
.comment-list .comment-body {
    padding-left: 130px;
    position: relative;
}
.comment-awaiting-moderation {
    display: none;
}
.comment-metadata a {
    color: #3d3d3d;
    display: block;
    font-size: 13px;
    font-style: italic;
    text-align: left;
}
.comment-list .url {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}
.comment-content {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: -15px;
}
.reply a {
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    display: block;
    padding-left: 18px;
}
.reply a:before {
    position: absolute;
    content: "\f112";
    left: 0;
    top: 0;
    font-family: "FontAwesome";
}
ol.comment-list li.comment .comment-body {
    box-shadow: 0 0 3px #cccccc;
    padding-bottom: 15px;
    padding-top: 15px;
}
ol.comment-list li.comment ol.children {
    list-style: outside none none;
    margin: 1em 0 0 80px;
    text-indent: 0;
}
.comments-area .comment {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
#respond {
    background: #f2f2f2;
    padding: 15px;
    position: relative;
    margin-top: 40px;
}
.comment-form-author,
.comment-form-email {
    width: 47%;
    float: left;
    margin-left: 3%;
}
.name-email-row {
    margin-left: -3%;
}
#respond input,
#respond textarea {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border-radius: none;
}
#respond textarea {
    height: 135px;
    resize: none;
    padding: 10px;
}
#respond .comment-form-author input,
#respond .comment-form-email input {
    width: 100%;
}
#respond input#submit {
    padding: 0 20px;
    width: auto;
    background: #1eb0bc;
    font-weight: 300;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: background 0.3s ease 0s;
    -moz-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}
#respond input#submit:hover {
    background: #109ba5;
}
#reply-title {
    font-weight: 600;
    font-size: 18px;
    margin-top: 10px;
}
/*--------------------------------------------------------------
	Search css
--------------------------------------------------------------*/

.entry-title {
    font-weight: 400;
    margin-bottom: 5px;
}
.entry-title a {
    color: #141414;
    font-weight: 300;
}
.entry-meta {
    color: #141414;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 18px;
    margin: 10px 0 0;
    text-transform: uppercase;
}
.entry-thumbanil {
    margin: 0 0 20px;
}
.entry-thumbanil img {
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.entry-thumbanil:hover img {
    opacity: 0.8;
}
.entry-footer {
    font-weight: 300;
    margin-top: 10px;
}
.search article,
.hentry {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 25px;
}
.hentry:last-child {
    border-bottom: 0;
}
.cat-links,
.tags-links {
    display: inline-block;
    margin: 0 20px 10px 0;
    position: relative;
    color: #141414;
    padding-left: 20px;
}
.cat-links:before,
.tags-links:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f07b";
    font-family: "FontAwesome";
}
.tags-links:before {
    content: "\f02c";
}
.cat-links a,
.tags-links a {
    color: #141414;
}
.cat-links a:hover,
.tags-links a:hover {
    color: #109BA5;
}
.edit-link a {
    background: none repeat scroll 0 0 #1eb0bc;
    color: #ffffff;
    display: inline-block;
    padding: 0 10px 0 30px;
    position: relative;
    border-radius: 3px;
    font-size: 13px;
    margin-right: 10px;
    -webkit-transition: background 0.3s ease 0s;
    -moz-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}
.page_header_wrap .entry-date {
    color: #FFF;
}
.page_header_wrap .entry-date:before {
    color: #FFF;
}
.comments-link a,
.entry-date {
    color: #808080;
    font-style: normal;
    padding: 0 10px 0 20px;
    position: relative;
    margin-right: 10px;
}
.comments-link a:before,
.edit-link a:before,
.entry-date:before {
    position: absolute;
    content: "\f0e5";
    left: 0;
    top: 0;
    font-family: "FontAwesome";
    color: #808080;
}
.edit-link a:before {
    content: "\f044";
    color: #ffffff;
    left: 10px;
}
.entry-date:before {
    content: "\f017";
    top: 2px;
}
.edit-link a:hover {
    background: #109ba5;
}
/*--------------------------------------------------------------
	404 page css
--------------------------------------------------------------*/

.oops {
    color: #1eb0bc;
    display: block;
    float: left;
    font-size: 170px;
    padding: 70px 0;
    text-align: right;
    width: 50%;
}
.error404 .error-num {
    float: right;
    font-weight: 400;
    padding-bottom: 100px;
    width: 455px;
}
.error404 .error-num .num {
    background: none repeat scroll 0 0 #1eb0bc;
    border-radius: 100%;
    color: #ffffff;
    display: block;
    font-size: 151px;
    font-weight: 400;
    height: 300px;
    line-height: 300px;
    margin-top: 70px;
    text-align: center;
    width: 300px;
}
.error404 .not_found {
    color: #1eb0bc;
    display: block;
    font-size: 34.9px;
    font-weight: 400;
    padding-left: 30px;
}
.error404 #primary {
    width: 100%;
}
/*--------------------------------------------------------------
	Single page nav css
--------------------------------------------------------------*/

.nav-previous a,
.nav-next a {
    height: 48px;
    line-height: 48px;
    background: #109ba5;
    color: #ffffff;
    position: relative;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 98%;
}
.nav-next a {
    padding-right: 40px;
    float: right;
}
.nav-previous a {
    padding-left: 40px;
    float: left;
}
.nav-previous a:before,
.nav-next a:before {
    position: absolute;
    font-family: "FontAwesome";
    color: #ffffff;
    top: 0;
}
.nav-previous a:before {
    left: 10px;
    content: "\f060";
}
.nav-next a:before {
    right: 10px;
    content: "\f061";
}
.nav-previous a:after,
.nav-next a:after {
    background: rgba(255, 255, 255, 0.1);
    height: 96px;
    width: 80px;
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    content: "";
    top: 0;
}
.nav-previous a:after {
    left: 15px;
    top: -25px;
    -webkit-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    transform: rotate(70deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
}
.nav-next a:after {
    right: 15px;
    top: -25px;
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    transform: rotate(-70deg);
    -webkit-transform-origin: 100% 0 0;
    -moz-transform-origin: 100% 0 0;
    transform-origin: 100% 0 0;
}
/*--------------------------------------------------------------
	Newsletter css
--------------------------------------------------------------*/

.newsletter-widget .newsletter-email,
.newsletter-widget .newsletter-email:focus {
    margin-top: 20px;
    width: 100%;
    padding: 5px 5px !important;
    border-radius: 0 !important;
    border-right: none;
    box-shadow: none;
}
.newsletter-widget p {
    float: left;
}
.newsletter-submit {
    background: #1eb0bc;
    border: 1px solid #1eb0bc;
    color: #ffffff;
    margin-top: 20px;
    padding: 5px 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.newsletter-submit:hover {
    background: #109BA5;
}
/*--------------------------------------------------------------
	Blog css
--------------------------------------------------------------*/

.more-link {
    display: block;
    margin-top: 5px;
}
.blog .entry-title {
    font-size: 32px;
    margin-bottom: 20px;
}
.blog_layout2 .entry-thumbanil {
    float: left;
    margin: 10px 20px 0 0;
}
.blog_layout3 .entry-thumbanil {
    float: left;
    margin: 10px 20px 0px 0;
}
.blog_layout3.even-post .entry-thumbanil {
    float: right;
    margin: 10px 0 0 20px;
}
.blog_layout2 .entry-meta,
.blog_layout3 .entry-meta {
    margin-bottom: 5px;
}
.pace-running {
    overflow: hidden;
}
#page-overlay {
    background: url('images/preloader/loader1.gif') no-repeat center #FFF;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.pace-done #page-overlay {
    display: none;
}
.fa {
    vertical-align: middle;
}
/*--------------------------------------------------------------
Google Map
--------------------------------------------------------------*/

#googlemap-section {
    margin-bottom: 50px;
    position: relative;
}
#content #googlemap-section:last-child {
    margin-bottom: 0;
}
#ap-map-canvas {
    height: 400px;
}
#ap-map-canvas img {
    max-width: none;
}
.googlemap-contact {
    background: rgba(255, 255, 255, 0.65);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.googlemap-contact ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.googlemap-contact ul li {
    width: 25%;
    float: left;
    padding: 10px 10px 10px 50px;
    word-break: break-all;
}
.googlemap-contact ul li i {
    margin-left: -50px;
    width: 50px;
    text-align: center;
    font-size: 120%;
}
#go-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
    height: 40px;
    width: 40px;
    background: #1eb0bc;
    text-align: center;
    line-height: 40px;
    z-index: 9999;
    font-family: arial;
}
#go-top a {
    display: block;
    color: #FFF;
}
/*Preview Post*/

.ap-widget-preview .widget-preview-thumbnail {
    margin-bottom: 10px;
    text-align: center;
}
.ap-widget-preview h3 {
    margin-bottom: 10px;
}
.widget-preview-excerpt {
    margin-bottom: 20px;
}
/*Contact Info*/

.ap-contact-info-wrapper {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ap-contact-info-wrapper li {
    padding-left: 30px !important;
    margin-bottom: 8px !important;
}
.ap-contact-info-wrapper li .fa {
    float: left;
    margin-left: -30px;
    margin-top: 5px;
}
/*Facebook box*/

.ap-facebook-like-box iframe {
    max-width: 100%;
}
.ap-light.ap-facebook-like-box iframe {
    background: #FFF;
}
.ap-dark.ap-facebook-like-box iframe {
    background: #000;
    background: rgba(0, 0, 0, 0.4);
}
/*Image widget*/

.ap-align-none {
    text-align: none;
}
.ap-align-left {
    text-align: left;
}
.ap-align-right {
    text-align: right;
}
.ap-align-center {
    text-align: center;
}
.flickr_badge_image {
    float: left;
    margin: 2px;
    border: 1px solid #CCC;
}
/*--------------------------------------------------------------
Responsive grid for pages
--------------------------------------------------------------*/

.ap_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;
}
.ap_column {
    margin-left: 2%;
    padding: 0 0%;
}
.ap-row .ap_column:first-child {
    margin-left: 0;
}
.ap-span1 {
    width: 15.0%;
}
.ap-span2 {
    width: 32.0%;
}
.ap-span3 {
    width: 49.0%;
}
.ap-span4 {
    width: 66.0%;
}
.ap-span5 {
    width: 83.0%;
}
.ap-span6 {
    margin-left: 0;
    width: 100%;
}
/*--------------------------------------------------------------
Shortcodes Css
--------------------------------------------------------------*/

.testimonial-block {
    background: #EEE;
    padding: 15px;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 70px;
    position: relative;
}
.testimonial-block:after {
    content: "";
    position: absolute;
    left: 80px;
    bottom: -16px;
    border-width: 8px;
    border-style: solid;
    border-color: #EEE transparent transparent #EEE;
}
.testimonial-block .testimonial-image {
    width: 50px;
    height: 50px;
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 100%;
    margin-top: 10px;
}
.testimonial-block .testimonial-image img {
    width: 100%;
    height: auto;
}
.testimonial-block .testimonial-image.round {
    border-radius: 100%;
}
.testimonial-block .client-detail {
    position: absolute;
    top: 100%;
    left: 100px;
    max-width: 80%;
    margin-top: 15px;
}
.testimonial-block .client-detail .client-name {
    font-style: normal;
    font-weight: bold;
}
.team-block {
    border: 1px solid #DDD;
    padding: 12px;
}
.team-block .team-image {
    margin-bottom: 20px;
}
.team-block .team-image.round {
    /*	border-radius: 500px;*/
    
    overflow: hidden;
}
.team-block .member-name {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1.2;
    font-weight: normal;
}
.team-block .designation {
    font-style: italic;
    font-size: 13px;
    margin-bottom: 5px;
}
.team-block .team-content {
    font-size: 14px;
    line-height: 20px;
}
.social-shortcode {
    font-size: 16px;
    margin: 15px 0 0;
    text-align: center;
    clear: both;
}
.social-shortcode a {
    height: 34px;
    width: 34px;
    line-height: 32px;
    text-align: center;
    margin: 0 5px 5px 0;
    border: 1px solid #666;
    color: #666;
    border-radius: 100%;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.social-shortcode a:hover {
    background: #666;
    color: #FFF !important;
}
.divider {
    display: block;
    margin: 30px auto;
}
.ap-spacing {
    background: none;
}
.accordion-wrap {
    border-top: 2px solid #01AEFD;
    border-bottom: 5px solid #01AEFD;
    border-radius: 3px 3px 6px 6px;
}
.ap_accordian {
    border: 1px solid #CCC;
    border-bottom: 0;
}
.ap_accordian .ap_accordian_title {
    padding: 8px 12px;
    background: #EEE;
    cursor: pointer;
    padding-right: 40px;
    position: relative;
    text-transform: uppercase;
}
.ap_accordian .ap_accordian_title .fa {
    margin-right: 10px;
    color: #333;
}
.ap_accordian .ap_accordian_title:after {
    content: "\f107";
    font-family: "FontAwesome";
    position: absolute;
    right: 12px;
    height: 20px;
    width: 20px;
    background: #333;
    color: #FFF;
    line-height: 20px;
    text-align: center;
    top: 50%;
    margin-top: -9px;
}
.ap_accordian .ap_accordian_title.active:after {
    content: "\f106";
}
.ap_accordian .ap_accordian_content {
    padding: 10px;
    display: none;
    border-top: 1px solid #DDD;
}
.ap_toggle {
    border-bottom: 1px solid #DDD;
}
.ap_toggle .ap_toggle_title {
    cursor: pointer;
    position: relative;
    padding: 6px 0 6px 30px;
    text-transform: uppercase;
}
.ap_toggle .ap_toggle_title:after {
    content: "";
    position: absolute;
    content: "\f107";
    font-family: "FontAwesome";
    height: 20px;
    width: 20px;
    background: #333;
    color: #FFF;
    line-height: 20px;
    text-align: center;
    left: 0;
    top: 50%;
    margin-top: -10px;
    border-radius: 50%;
}
.ap_toggle .ap_toggle_content {
    border-top: 1px dotted #CCC;
    padding: 10px 0;
}
.ap_toggle.close .ap_toggle_content {
    display: none;
}
.ap_call_to_action {
    background: #EEE;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 15px;
    margin: 15px 0;
}
.ap_call_to_action h1,
.ap_call_to_action h2,
.ap_call_to_action h3,
.ap_call_to_action h4,
.ap_call_to_action h5,
.ap_call_to_action h6,
.ap_call_to_action p {
    margin: 0 !important;
    text-transform: none !important;
}
.ap_call_to_action.center {
    text-align: center;
}
.ap_call_to_action .ap_call_to_action_content {
    float: left;
}
.ap_call_to_action.center .ap_call_to_action_content {
    float: none;
}
.ap_call_to_action .ap_call_to_action_button {
    float: right;
    background: #293037;
    padding: 10px 20px;
    color: #FFF;
    border-radius: 3px;
    line-height: 1;
    display: inline-block;
}
.ap_call_to_action.center .ap_call_to_action_button {
    float: none;
    margin-top: 15px;
}
.ap_drop_cap {
    border-radius: 100%;
    float: left;
    vertical-align: top;
    line-height: 1;
    margin-right: 8px;
}
.ap_tab_wrap {
    margin-bottom: 30px;
    background: #F6F6F6;
    border-radius: 2px;
}
.ap_tab_content {
    padding: 0 15px 15px;
}
.horizontal.ap_tab_wrap {
    border-bottom: 1px solid #1eb0bc;
}
.horizontal .ap_tab_group {
    background: #1eb0bc;
    margin-bottom: 15px;
}
.horizontal .ap_tab_group .tab-title {
    float: left;
    cursor: pointer;
    text-transform: capitalize;
    font-size: 16px;
    padding: 15px 20px;
    line-height: 1.1;
    position: relative;
    color: #FFF;
}
.horizontal .ap_tab_group .tab-title.active,
.horizontal .ap_tab_group .tab-title.hover {
    background: #14A3AD;
}
.horizontal .ap_tab_content .ap_tab {
    display: none;
}
.vertical.ap_tab_wrap {
    position: relative;
    background: #1eb0bc;
    display: table !important;
    border-right: 1px solid #1eb0bc;
}
.vertical .ap_tab_group {
    width: 20%;
    display: table-cell;
    vertical-align: top;
}
.vertical .tab-title {
    cursor: pointer;
    padding: 15px 20px;
    line-height: 1.2;
    position: relative;
    text-transform: capitalize;
    color: #FFF;
}
.vertical .tab-title.active,
.vertical .tab-title:hover {
    background: #14A3AD;
}
.vertical .ap_tab_content {
    display: table-cell;
    width: 80%;
    padding: 15px;
    background: #F6F6F6;
}
.vertical .ap_tab_content .ap_tab {
    display: none;
}
.shortcode-slider {
    overflow: hidden;
}
.shortcode-slider .bx-caption {
    background: url(css/images/caption-bg.png);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #FFF;
    line-height: 1.2;
    padding: 10px 15px;
}
.shortcode-slider img {
    margin: 0 auto;
}
.shortcode-slider .bx-wrapper .bx-controls-direction a {
    background: url(css/images/caption-bg.png);
    position: absolute;
    top: 50%;
    margin-top: -20px;
    height: 40px;
    width: 30px;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    text-indent: 0;
    font-family: Arial;
}
.shortcode-slider .bx-controls-direction a.bx-prev {
    left: -50px;
}
.shortcode-slider .bx-controls-direction a.bx-next {
    right: -50px;
}
.shortcode-slider:hover .bx-controls-direction a.bx-prev {
    left: 0;
}
.shortcode-slider:hover .bx-controls-direction a.bx-next {
    right: 0;
}
.ap-list {
    list-style: none;
    margin: 0 0 20px 0;
}
.ap-list li {
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding: 5px 0 5px 24px;
    background-image: url(images/list-icons/list-icon6.gif);
}
.ap-list.ap-list1 li {
    background-image: url(images/list-icons/list-icon1.gif);
}
.ap-list.ap-list2 li {
    background-image: url(images/list-icons/list-icon2.gif);
    background-position: 0 8px;
}
.ap-list.ap-list3 li {
    background-image: url(images/list-icons/list-icon3.gif);
    background-position: 0 8px;
}
.ap-list.ap-list4 li {
    background-image: url(images/list-icons/list-icon4.gif);
    background-position: 0 6px;
}
.ap-list.ap-list5 li {
    background-image: url(images/list-icons/list-icon5.gif);
    background-position: 0 3px;
}
.ap-list.ap-list6 li {
    background-image: url(images/list-icons/list-icon6.gif);
    background-position: 0 9px;
}
/*Team*/

.ap-team {
    text-align: center;
}
.ap-member-image {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.style1.ap-team .ap-member-image:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(229, 98, 59, 0.8);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    opacity: 0;
}
.style1.ap-team .ap-member-image:hover:after {
    opacity: 1;
}
.style1.ap-team .fancybox-gallery {
    position: absolute;
    top: 150%;
    left: 50%;
    height: 40px;
    width: 40px;
    border: 1px solid #FFF;
    color: #FFF;
    text-align: center;
    line-height: 40px;
    z-index: 99;
    margin-left: -20px;
    margin-top: -20px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.style1.ap-team .ap-member-image:hover .fancybox-gallery {
    top: 50%;
}
.style1.ap-team .fancybox-gallery:hover {
    background: #FFF;
    color: #E5623B;
}
.ap-member-name {
    margin-bottom: 5px;
    color: inherit;
}
.ap-member-position {
    font-style: italic;
    line-height: 1;
    font-size: 14px;
    color: inherit;
}
.ap-member-message {
    position: relative;
    margin: 0 0 20px;
}
.ap-line {
    width: 100px;
    border-bottom: 1px solid #DDD;
    margin: 15px auto;
    border-color: inherit;
}
.member-social-group a {
    text-decoration: none;
    margin: 0 5px;
    font-size: 20px;
    height: 32px;
    width: 32px;
    line-height: 32px;
    display: inline-block;
}
.member-social-group a:hover {
    background: #E66432;
    color: #FFF;
}
.ap-team.style2 .ap-member-message {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    background: rgba(0, 0, 0, 0.6);
    color: #FFF;
    opacity: 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.ap-team.style2 .ap-member-image:hover .ap-member-message {
    opacity: 1;
}
.ap-team.style2 .ap-member-message .ap-member-message-inner {
    display: table;
    width: 100%;
    height: 100%;
}
.ap-team.style2 .ap-member-message span {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #FFF;
    padding: 15px;
}
/*Testimonials*/

.ap-testimonial {
    position: relative;
    margin-bottom: 15px;
}
.ap-client-testimonial-heading {
    margin-top: 8px;
    margin-left: 30px;
    min-height: 76px;
}
.ap-testimonial .ap-client-image {
    position: absolute;
    width: 68px;
    height: auto;
    left: 0;
    top: 20px;
    border: 1px solid #DDD;
    padding: 3px;
    background: #FFF;
    z-index: 999;
}
.ap-client-testimonial {
    width: 91%;
    width: calc(100% - 34px);
    border: 1px solid #DDD;
    padding: 15px;
    float: right;
    position: relative;
}
.ap-client-position {
    font-style: italic;
    font-size: 14px;
}
/*
====================================
woocommerce css for the page
====================================
*/
.woocommerce ul.products li.product span.onsale,
.woocommerce span.onsale {
	background: #ed4748;
    border-radius: 0;
    box-shadow: none;
    font-size: 11px;
    height: auto;
    min-height: inherit;
    right: 15px;
    line-height: 20px;
    padding: 2px 13px;
    position: absolute;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: 15px;
    z-index: 3;
}
.woocommerce span.onsale {
    width: 70px;
    left: 15px;
    top: 15px;
}
/*
=====================
shop page product
=====================
*/
.woocommerce .aproot-product-holder .aproot-img-holder {
	position: relative;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.woocommerce .aproot-product-holder .aproot-img-holder:before {
    content: '';
    position: absolute;
    background: rgba(255,255,255,0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transform: scale(0);
    -webkit-transform: scale(0);
    vertical-align: middle;
}
.woocommerce .aproot-product-holder .aproot-img-holder:hover:before {
    opacity: 1;
    visibility: visible;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.woocommerce .aproot-product-holder .aproot-img-cart-wrap {
	position: absolute;
	top: 0;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.woocommerce .products .star-rating {
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    top: -35px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.woocommerce .products .aproot-cart {
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    bottom: -35px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    position: relative;
}
.woocommerce .aproot-product-holder .aproot-img-holder:hover .star-rating {
    opacity: 1;
    visibility: visible;
    top: 0;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.woocommerce .aproot-product-holder .aproot-img-holder:hover .aproot-cart {
    opacity: 1;
    visibility: visible;
    bottom: 0;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.woocommerce .aproot-product-holder .aproot-proudct-info {
	text-align: center;
}
.woocommerce .star-rating:before,
.woocommerce .star-rating span:before {
    color: #E5623B;
}
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.added_to_cart {
    background: none;
    border-radius: 0;
    border: 2px solid #E5623B;
    text-transform: uppercase;
    background: #E5623B;
    color: #fff;
    margin-bottom: 5px;
    font-weight: normal;
    padding: 9px 15px;
    position: relative;
    overflow: hidden;
}
.woocommerce ul.products li.product a.add_to_cart_button:before,
.woocommerce ul.products li.product a.added_to_cart:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 120%;
    height: 10px;
    background: rgba(255, 255, 255, 0.3);
    content: '';
    -webkit-transition: all 0.6s linear;
    transition: all 0.6s linear;
    z-index: 1;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.woocommerce ul.products li.product a.add_to_cart_button:hover:before,
.woocommerce ul.products li.product a.added_to_cart:hover:before {
    webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);
    left: -100%;
    top: 100%;
}
.woocommerce ul.products li.product a.added_to_cart {
    display: inline-block;
    padding: 2px 33px;
    margin-left: -3px;
    border: 2px solid #E5623B;
}
/*
=================
end 
=================
*/
.woocommerce .aproot-product-holder .aproot-proudct-info span.price del,
.woocommerce .aproot-product-holder .aproot-proudct-info span.price ins {
	display: inline-block !important;
	margin:0 4px;
}
.woocommerce ul.products li.product a img {
	margin-bottom: 10px;
}
.woocommerce ul.products li.product h3 {
	font-size: 17px;
	padding-bottom: 5px;
	text-transform: capitalize;
	padding-top: 0;
}
.woocommerce ul.products li.product a:hover h3 {
    color: #E5623B;
}
.woocommerce ul.products li.product .price {
	font-size: 15px;
	color: #000;
}
/*
=============
ordering css
=============
*/
.woocommerce .woocommerce-ordering select {
    border: 1px solid #e5e5e5;
    height: 30px;
    line-height: 28px;
    padding: 0 0 0 5px;
}
/*
================
woocommerce for pagination
================
*/
.woocommerce nav.woocommerce-pagination ul {
    border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
    border-right: none;
    font-size: 16px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: none;
    color: #000;
    position: relative;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    border-bottom: 1px solid #000;
}
/*
===========
===========
*/
.woocommerce .widget_rating_filter ul li {
    text-align: right;
}
.woocommerce .widget_rating_filter ul li a {
    display: block;
    padding: 0;
}
.woocommerce .widget_rating_filter ul li .star-rating {
    float: left;
}
/*
=================
price filter css
=================
*/
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #60636b;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #E5623B;
}
/*
================
button css
================
*/
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background-color: #E5623B;
    border: 1px solid #E5623B;
    padding: 10px 15px;
    color: #fff;
    font-weight: 400;
    border-radius: 0;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background: none;
    color: #E5623B;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
/*
=============
product-categories
=============
*/
.widget_product_categories ul.product-categories span.count {
    float: right;
}
.widget_product_categories ul.product-categories ul {
    padding-left: 10px;
}
/*
==================
cart img
==================
*/
.woocommerce ul.cart_list li img, 
.woocommerce ul.product_list_widget li img {
    width: 65px;
}
/*
================
qty css
================
*/
.woocommerce .quantity .qty {
    height: 36px;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-info:before {
    border-top-color: #E5623B;
    color: #E5623B;
}
/*
========================
woocommerce tab section
========================
*/
.woocommerce-tabs.wc-tabs-wrapper {
    clear:both;
    border-bottom: 3px solid #E5623B;
    margin-bottom: 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: inline-block;
    width: 18%;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.woocommerce div.product .woocommerce-tabs .panel {
    display: inline-block;
    width: 77%;
    vertical-align: top;
    padding-left: 20px;
    margin-left: 4%;
    border-left: 3px solid #E5623B;
}
.woocommerce div.product .woocommerce-tabs .panel #comments {
    margin-top: 0;
}
.woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel #comment {
    margin-top: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border-bottom: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
    width: 100%;
    margin: 0;
    border-color: #E5623B;
    background: none;
    border-bottom: none;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    padding: 0;
    text-align: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child {
    border-bottom: 1px solid #E5623B;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #E5623B;
    font-weight: 400;
    width: 100%;
    padding: 8px 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #E5623B;
    color: #fff;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.woocommerce input[type="text"], 
.woocommerce input[type="email"], 
.woocommerce input[type="url"], 
.woocommerce input[type="password"], 
.woocommerce input[type="search"], 
.woocommerce textarea {
    border-radius: 0
}
.woocommerce .comment-form-email {
    float: right;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    padding: 1em;
}
.woocommerce #reviews #comments h2 {
    font-size: 24px;
}
/*
==============
breadcrumb
==============
*/
.woocommerce .entry-header {
    width: 100%;
}
.woocommerce .entry-header h1.entry-title {
    float: left;
}
.woocommerce .entry-header .aproot-breadcrumbs {
    float: right;
}
.woocommerce .woocommerce-breadcrumb {
    margin:10px 0 0;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a:hover {
    color: #fff;
}
.woocommerce .woocommerce-breadcrumb a {
    color: rgba(255,255,255,0.5);
}
/*
=============
css for price color
=============
*/
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
    color: #000;
}
/*
==========
end
==========
*/
.woocommerce div.product div.images, 
.woocommerce div.product div.summary {
    margin-bottom: 50px;
}
.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: 140px;
    height: 36px;
    padding-left: 15px; 
}
.woocommerce form .form-row input.input-text, .select2-container .select2-choice, .woocommerce form .form-row textarea {
    border-radius: 0;
    height: 35px;
    padding: 0 10px;
}
.woocommerce form .form-row textarea {
    min-height: 200px;
    padding: 10px;
}

/*------------------------------------
       Woocommerce Account Page
------------------------------------*/
nav.woocommerce-MyAccount-navigation ul {
   list-style: none;
   padding: 0;
   margin: 0; 
}
nav.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 8px;
    padding-bottom: 0;
}
nav.woocommerce-MyAccount-navigation ul li a{
   padding: 10px;
   background: #1eb0bc;
   display: block;
}
nav.woocommerce-MyAccount-navigation ul li:hover a,
nav.woocommerce-MyAccount-navigation ul li.is-active a {
   background: #109BA5;
}
nav.woocommerce-MyAccount-navigation ul li a {
   color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
   width: 25%;
}
.woocommerce-account .woocommerce-MyAccount-content {
   width: 73%;
}