/*
Theme Name: One Paze
Theme URI: https://accesspressthemes.com/wordpress-themes/one-paze/
Author: AccessPress Themes
Author URI: http://accesspressthemes.com/
Description: Beautifully designed modern WordPress theme. It is one page Parallax layout (with ability to configure inner pages as well). It loads super fast, built on customizer and allows you to live preview your changes as you go. Highly configurable and high level of compatibility with major WP plugins.  Demo: http://demo.accesspressthemes.com/one-paze | Support: http://accesspressthemes.com/support/
Version: 2.1.8
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Text Domain: one-paze
Tags: right-sidebar, featured-images, full-width-template, rtl-language-support, threaded-comments, translation-ready, editor-style, blog, e-commerce, 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.

One Paze is based on Underscores http://underscores.me/, (C) 2012-2015 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
--------------------------------------------------------------*/
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.comment-list article:before,.clearfix:before,
.comment-list article:after,.clearfix:after {
    content: "";
    display: table;
}
.comment-list article:before,.clearfix:before,
.comment-list article:after,.clearfix:after {
    clear: both;
}
/*--------------------------------------------------------------
# Widgets
# Content
    ## Posts and pages
        ## Asides
        ## Comments
# Infinite scroll
# Media
        ## Captions
        ## Galleries
--------------------------------------------------------------*/

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

body {
    margin: 0;
    word-wrap: break-word;
}

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;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

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:0px;
    line-height:0px;
}

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-appearance: textfield;
    box-sizing: border-box;
}

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-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

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

p {
    margin-bottom: 1.5em;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

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: #fff9c0;
    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: 1.5em;
}

ul,
ol {
    margin: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

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

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

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;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

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="search"]:focus {
    color: #111;
    background:none !important;
    border-color:#F4F4F4 !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px;
}

textarea {
    padding-left: 3px;
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: #ffffff;
}

a:focus {
    outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;    
    padding: 0px 10px;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.menu-from-right .main-navigation ul ul.sub-menu, .menu-from-left .main-navigation ul ul.sub-menu{ margin-top: 26px;}

.main-navigation ul ul.sub-menu li{ line-height: 30px;}

.main-navigation ul ul.sub-menu a {
     background: #fff;
    border-bottom: 1px solid #eee;
    color: #000;
    font-size: 14px;
    text-align: left;
    width: 200px;
    
}
.sidetogglemenu ul ul{ border-left: 6px solid #3498DB !important;}
.main-navigation ul ul.sub-menu li a:hover{ background: #3498DB; color: #fff;}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

    .main-navigation ul {
        display: block;
    }
@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    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%;
}

/*--------------------------------------------------------------
# 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: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: 0.875rem;
    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. */
}

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

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear: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;
}

.clear: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;
}

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

/* Search widget. */
.widget_search .search-submit {
    display: none;
}

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

.hentry {
    /*margin: 0 0 1.5em;*/
}

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

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

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

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## 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: 1.5em;
    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;
}

/*--------------------------------------------------------------
## 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;
}


/*====================== Customized Css ========================*/
a,
a:hover,
a:focus,
a:active{
    text-decoration: none;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;	
}
a:hover,
a:focus,
a:active{
    color:#ffffff;
}
.pull-left{
    float:left;
}
.pull-right{
    float:right;
}
.text-center{
    text-align:center;
}
.img-responsive{
    width:100%;
}
h2{
    font-size:35px;
    line-height:30px;
    font-weight:700;
    color:#000000;
    margin:0px;
    line-height:1.3;
    text-transform:capitalize;   
}
/*====================== Customized Css ========================*/
.page-template-tpl-home  *{margin:0px;padding:0px;}

body{
    font-family:'Open Sans', sans-serif;
    font-size:16px;
    line-height: 1.6;
    font-weight:400;
    width:100%;
}

.container{
    width:1170px;
    margin:0 auto;
    overflow:hidden;
}

/*==========Navigation section open=================*/
.site-title{
    margin: 0px;
    font-size: 30px;
    line-height: 1;
    padding-bottom: 8px;
}
.site-description{
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding: 0;
    color: #ffffff;
}
#toggle, 
#toggle1 {
    float:right;
    width: 28px;
    height: 30px;
    margin: 10px auto;
    cursor: pointer;
}
#toggle.on div{
    background:#000000;
}
#toggle div,
#toggle1 div {
    width: 100%;
    height: 5px;
    background: #ffffff;
    margin: 4px auto;
    transition: all 0.3s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
#toggle.on div{
    background:#ffffff;
}
#toggle.on .one {
    transform: rotate(45deg) translate(5px, 5px);
}

#toggle.on .two {
    opacity: 0;
}

#toggle.on .three {
    transform: rotate(-45deg) translate(7px, -8px);
}

#menu {
    color: white;
    display: none;
    margin: auto;
    max-width: 100%;
    padding: 10px;
    position: absolute;
    text-align: center;
}

.menu-on-top #menu {
    right: 50px;
    top: 0;
    width: 70%;
}
.menu-on-right #menu{
    bottom:0;
    right: 0;
    width: 0px;
    overflow: hidden;
}

.sidetogglemenu.menu-from-right {
    border-left: 1px solid #E5E5E5;
}

.sidetogglemenu.menu-from-left {
    border-right: 1px solid #E5E5E5;
}

#header_text_container{
    padding:10px;
    margin:0px;
}
#header_text_container h1.widget-title {
    font-size: 21px;
    /* text-align: center; */
    font-weight: 700;
    color: #656565;
    margin: 15px 0px;
    line-height: 1;
    text-transform: capitalize;
    /* margin-left: 0px; */
}
/*==========Navigation section close=================*/
.site-header .container{
    position:relative;
    overflow: visible;
}

.site-branding.pull-left {
    width: 25%;
}

.site-header{
    padding-top:10px;
    padding-bottom:10px;
    width:100%;
    position:fixed;
    z-index:99999;
    background:transparent;
    background-size:cover;
}
.main-nav-scrolled {
    background: rgb(52, 152, 219) !important;
    box-shadow: 0 2px 3px rgba(52, 152, 219,.4);
    border-bottom: 1px solid rgba(52, 152, 219, 0.5);
}
.site_logo {
    width: 150px;
	line-height:0;
}
.site_logo a{
	display:block;
}

/*==========Side Navigation Menu Open=================*/
.sideviewtoggle{
    padding:0px;
    background: transparent;
    border:none;
    box-shadow:none;
}
.sideviewtoggle:hover{
    padding:0px;
    background: transparent;
    border:none;
    box-shadow:none;
}
.sidetogglemenu{
    width:300px;
}
.sidetogglemenu li{
    float:none;
    display: block;
}
/*==========Side Navigation Menu Close=================*/
/*==========Banner Slide Section Open=================*/

.plx-slider-section{
    position:relative;
}
.bx-wrapper{
    text-align:center;
}  
.bx-wrapper img {  
    display: inline-block;
    width:100%;
}
.plx-slider-section::after{
    position:absolute;
    width:100%;
    height:100%;
    background:url(images/header.png) repeat-x;
    z-index:8;
}
.slide-caption{
    position:absolute;
    width:100%;
    top:50%;
    left: 0;
    text-align:center;
    z-index:9;
}
.slider-overlay1{
    position:absolute;
    width:100%;
    height:100%;
    background:url(images/header.png);
    background-repeat:no-repeat;
    background-size: cover;
    top:0;
    left:0;
    z-index:1;
}
.caption-title{
    display:block;
}
.caption-title{
    font-size:50px;
    font-weight:400;
    line-height:30px;
    color:#ffffff;
}
.caption-descr{
    margin-top:15px;
    font-size:18px;
    line-height:30px;
    color:#ffffff;
    font-weight:300;
    display:block;
}
.slider-button{
    display: inline-block;
    margin-top:45px;
    background: #505050;
    font-size:18px;
    line-height:45px;
    padding:0px 20px;
    font-weight:600;
    color: #ffffff;
}
.plx-slider-section .card {
    margin-top:45px;
    font-size:18px;
    font-weight:600;
    width: 210px;
    height: 50px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    -moz-transform-style: preserve-3d;
    -moz-transition: 0.5s;
    -ms-transform-style: preserve-3d;
    -ms-transition: 0.5s;
    -o-transform-style: preserve-3d;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.plx-slider-section .face {
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
    text-align: center;
}
.plx-slider-section .back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: #ffffff;
    color:#3498db;
}
.main-slider .slide{
    line-height:0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    height: 100vh;
}
.plx-slider-section .front {
    background: #505050;
    z-index: 10;
}
#plx-slider-section{
    position:relative;
}
.slider-down-btn span{
    display:inline-block;
}
.slider-down-btn a{
    position:relative;
    -webkit-animation: next-page 2s linear 3s infinite alternate;
    animation: next-page 2s linear 3s infinite alternate;
    color: #000000;
    font-size: 35px;
    font-weight: bold;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes next-page{
    0%   {top:0px;}
    100% {top:20px;}
}

/* Standard syntax */
@keyframes next-page{
    0%   {top:0px;}
    100% { top:20px;}
}
.slider-down-btn{
    position:absolute;
    bottom:30px;
    width:100%;
    text-align:center;
    z-index: 99;
}

/*==========Banner Slide Section Close=================*/

/*==========About  Section Open=================*/
#plx_about_section{
    text-align:center;
}

.about{    
    display:inline-block;
    width:550px;
    text-align:center;
    margin:0px;
}
.about h2{
    color:#000000;
    font-size:36px;
    line-height:30px;
    font-weight:600;
    margin:0px;
    margin-bottom:30px;
}
.about-contents{
    /*color:#808080;*/
    color:#ffffff;
    font-size:18px;
    line-height:30px;
}
/*==========About Section Close=================*/

/*==========Portfolio Section Open=================*/
#plx_portfolio_section{
    border-top:1px solid #e5e5e5;    
}
#plx_portfolio_section .container,
#plx_blog_section .container{
    position:relative;
}
#plx_portfolio_section h2{
    padding-bottom:20px;
}
.port-view-all,
.blog-view-all{
    position: absolute;
    top: 0px;
    right: 0px;
    display: inline-block;
    background: rgb(52, 152, 219);
    padding: 10px 30px;
    border: 1px solid rgb(52, 152, 219);
    font-weight: 600;
    font-size:18px;
}
.port-view-all:hover,
.blog-view-all:hover{
    color:rgb(52, 152, 219);
    background:#ffffff;
}
.portfolio-posts{
    margin:0px -20px;
}
.portfolio-post-wrap{
    margin: 0px;
    display: inline-block;
    padding: 20px;
    width: 33.33%;
}
.portfolio-post-wrap img{
    width:100%;
    transition-property: all;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 350ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 350ms;
}
.portfolio-post-wrap a{  
    display:block;
    position:relative;
    text-align:center
}
.overflow{
    overflow: hidden;
}
.portfolio-post-wrap a .hover{    
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    z-index:1;    
    background: rgba(138, 138, 138, 0.7);
    overflow:hidden;
}
.portfolio-post-wrap a h3{
    display:table;
    width:100%;
    height:100%;
}
.portfolio-post-wrap a h3 span.outer{    
    display:table-cell;
    vertical-align:middle;
}
.portfolio-post-wrap a h3 span.inner{
    display:inline-block;
    font-size:18px;
    line-height:45px;
    border:2px solid #ffffff;
    border-radius:4px;
    padding:0px 13px;
    color:#ffffff;
}
.portfolio-post-wrap a:hover img{
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
}
.portfolio-post-wrap a:hover .hover{
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;	
    opacity:1;
} 


/*==========Portfolio Section Close=================*/

/*==========Our Services Section Open=================*/
#plx_services_section h2{
    color:#ffffff;
}
.section-overlay{
    padding:130px 0px;
    color:#ffffff;    
    text-align:center;
    /*background: rgba(54, 151, 216, 0.34);*/
}

.contact-section-overlay{
    padding: 0px;
}

.res-map-overlay iframe {
    width: 100%;
    pointer-events: none;
}

.service-descr{
    display:inline-block;
    padding:45px 0px;
    font-size:20px;
    line-height:30px;
    width:715px;
    font-weight:400;
}
.services-posts{
    margin:0px -20px;
}
.service-post-wrap{
    width:25%;
    padding:20px;    
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;	
}
.service-post-wrap:hover{
    cursor: pointer;
    margin-top:-5px;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;	
}
.service-post-wrap:hover h3{
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;	
}
.service-post-wrap h3{
    font-size:26px;
    line-height:1.3;
    font-weight:600;
    padding:20px 0px;
    color:#ffffff;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;	
}

.services-excerpt{
    font-size:16px;
    line-height:24px;
    font-weight:400;    
    overflow: hidden;
    height: 48px;
}
/*==========Our Services Section Close=================*/

/*==========Our Blog Section Open=================*/

#plx_blog_section h2{
    padding-bottom:20px;
}
.blog-posts{
    margin:0px -20px;
}
.blog-post-wrap{
    width:33.33%;
    padding:20px;
    cursor:pointer;
}
.blog-post-wrap:hover .hover{
    opacity:1;    
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;	
}

.blog-post-wrap figure{
    position:relative;
    margin-bottom:20px;
}
.blog-post-wrap figure .hover{
    opacity:0;
    background: rgba(138, 138, 138, 0.7);
    z-index: 1;
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;    
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;	
}
.blog-post-wrap figure a{
    display:table;
    width:100%;
    height:100%;
    text-align:center;
}
.blog-post-wrap  figure a span.outer{    
    display:table-cell;
    vertical-align:middle;
}
.blog-post-wrap figure a span.inner{
    display:inline-block;
    font-size:18px;
    line-height:45px;
    border:2px solid #ffffff;
    border-radius:4px;
    padding:0px 13px;
    color:#ffffff;
}
.blog-post-wrap a h3{
    font-size:20px;
    line-height:1.3;
    color:#000000;    
    font-weight:600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-post-wrap a:hover h3{
    color:#5da8e0;
    font-style:italic;
}
.blog-post-wrap .published-date{    
    padding:10px 0px;
    display:inline-block;
}
.blog-excerpt,
.blog-post-wrap .published-date{
    font-size:14px;
    line-height:1.7; 
    color:#aaaaaa;    
    font-weight:600;    
}
.blog_read{
    display: inline-block;
    color:#3498db;
    font-size:16px;
    line-height:1.5px;
    margin-top:30px;
}
.blog_read:hover{
    color:#000000;
}
/*==========Our Blog Section Close=================*/

/*==========Click To Action Section Open=================*/
/*.plx-sections{
    background-size:cover !important;
    background-attachment: fixed !important;
}*/
#plx_cta_section{    
    text-align:center;
    background-size: cover !important;
}
#plx_cta_section .mid-content{
    padding:90px 0px;
    display: inline-block;
    width:850px;
    color:#ffffff;  
}
.cta-descr{    
    font-size:28px;
    line-height:1.7;  
    font-weight:400 !important;
}
.cta_read{
    font-size:18px;
    color:#ffffff;
    line-height:50px;
    display:inline-block;
    margin-top:30px;
    font-weight:600;
    background:#3498db;    
    width: 210px;
    height: 50px;
	border: 1px solid #3498db;
}
.cta_read:hover{
    color:#3498db;
    background:#ffffff;
}
.cta_read:hover .card {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.cta_read .card {
    width: 210px;
    height: 50px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    -moz-transform-style: preserve-3d;
    -moz-transition: 0.5s;
    -ms-transform-style: preserve-3d;
    -ms-transition: 0.5s;
    -o-transform-style: preserve-3d;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.cta_read .face {
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
    text-align: center;
}
.cta_read .back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: #ffffff;
    color:#3498db;
}
.cta_read .front {
    background: #3498db;
    z-index: 10;
}
/*==========Click To Action Section Close=================*/
/*==========Testinomials Section Open=================*/


.testinomial{
    text-align:center;    
}

.testinomial-container{
    margin:0px -15px;
}

.testimonial-post {
  
    float:left;
    width:25%;
    padding:0px 15px;
    padding-top:45px;
    
}

.testinomial .bx-wrapper{
    float:left;
    width:25%;
    padding:0px 15px;
    padding-top:45px;
}
.testinomial h2{
    text-align:center;
}

.testinomial .bx-wrapper {
    display: inline-block;
    max-width: 500px !important;
    padding-top:60px;
}

.client-name{
    font-size:14px;
    line-height:1.8;
    color:#00000;
}

.testimonial-post-wrap figure img{
    border-radius:100%;
    margin-bottom:30px;
    max-width:100%;    
    padding: 5px;
    border: 2px solid rgba(118, 82, 115, 1);

}


/*==========Testinomials Section Close=================*/
/*==========Team Section Open=================*/

.team h2{
    text-align:center;
    color:#ffffff;
}
.teams-container{
    margin:0px -15px;
}
.team-member{
    float:left;
    width:25%;
    padding:0px 15px;
    padding-top:45px;
}
.team-member img{
    border-radius:100%;
    margin-bottom:30px;
    max-width:100%;    
    padding: 5px;
    border: 2px solid rgba(118, 82, 115, 1);
}
.member-says{
    font-size:14px;
    line-height:1.8;
    color:#ffffff;
}
.team-member h3{
    color:#ffffff;
    font-size:16px;
    line-height:24px;
    margin:0px;
    margin-top:40px;
    font-weight:700;
}
/*==========Team Section Close=================*/
/*==========New Contact Section Open=================*/
.contact-info>div{
    float:left;
    width:33.33%;
   display:inline-block; 
    text-align: center;
    color:#008ed6;
}
.contact-info>div i.fa{
    font-size: 60px;
    margin-top: 40px;
    margin-bottom: 20px;
}
.contact-info>div span{
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 40px;
}
.contact-info>div a{
    color:#008ed6;
    display: inline-block;
}

#map-canvas iframe {
    width: 100%;
}

.res-map-overlay{
    position:relative;
}
.res-map-overlay::before {
   content: '';
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background:transparent;
   position: absolute;
   z-index: 9;
   display: none;
}

/*==========New Contact Section Close=================*/
.hentry{
	/*margin:0 0 20px;*/
}
.form-submit{
	margin-bottom:10px;

}
 .edit-link{
	display:center;
	padding-left:15px;
}
.inner_contact{
	
	margin-left:-15px;
	margin-right:-15px;
}
.form-container,
.loc-container{
	
	width:50%;
	padding-left:25px;
	padding-right:25px;
}
.form-container p input,
.form-container p input[type="submit"],
.form-container p textarea{
	width:100%;
	border-radius:0 !important;
	transition: all 0.3s;
}
.form-container p input[type="submit"]:hover{
	background:#ffffff !important;
	color:#3498DB !important;
}
/*==========Inner New Contact Section Close=================*/
/*==========Op Footer Section Open=================*/
.footer-top a{
    color:#aaaaaa;
}
.footer-top a:hover{
	color:#3498DB;
}
.footer-top{
    padding:45px 0px;
    text-align:center;
}
#menu-footer-menu {
    padding: 0px;
}
#menu-footer-menu li{
    display:inline-block;
    padding:20px 5px;
	padding-top:0;
}
.common_footer {
    width:25%;
    float:left;
    padding:0px 15px;
}
.footer-tops{
    margin:0px -15px;
}
.common_footer aside{
    overflow:hidden;
}
.common_footer input[type="text"],
.common_footer input[type="email"],
.common_footer input[type="url"],
.common_footer input[type="password"],
.common_footer input[type="search"],
.common_footer textarea{  
    width: 100%;
    background: #f2f2f2;
    border-radius:0px;
    font-size:14px;
    line-height:24px;
    font-weight:400;
    color:#000000;
    padding:5px 10px;
}
.common_footer textarea{
    height:80px;
}
.wpcf7-form p{
    margin-bottom:10px;
}
.wpcf7-submit::before{
    content:"red";
}
.wpcf7-submit{
    background:#3498db !important;
    font-size:16px !important;
    line-height:40px !important;
    border-radius:0px !important;
    height:40px !important;
    padding:0px 20px !important;
    color:#ffffff !important;
    box-shadow:none !important;
    border:1px solid #3498db !important;
    text-shadow: none !important;
    font-weight:600 !important;

}
.wpcf7-submit:hover{
    background:#ffffff;
	color:#3498DB;	
}

h1.widget-title{
    font-size:20px;
    line-height:24px;
    color:#000000;
    margin-bottom:25px;
    font-weight:700;
}
.footer4-container .textwidget img {
    margin-bottom: 5px;
    height: 130px;
    display: block;
    width: 100%;
}  
.textwidget{    
    color:#777777;
    font-size:14px;
    line-height:24px;
}

.textwidget a{
    margin-top: 20px;
    display:inline-block;
    background:#3498db !important;
    font-size:16px !important;
    line-height:40px !important;
    border-radius:4px !important;
    height:40px !important;
    padding:0px 20px !important;
    color:#ffffff !important;
    box-shadow:none !important;
    border:none !important;
    text-shadow: none !important;
    font-weight:600 !important;  
}
.textwidget a:hover{
    opacity:0.7;
}

.aptf-single-tweet-wrapper{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom:20px;
}
.aptf-tweet-name{
    display:block;
    color:#3498db;
    font-size:13px;
    line-height: 1.9 !important;
    font-weight:400 !important;
}
.aptf-tweet-content{
    color:#000000;
    font-size:13px !important;
    line-height: 1.9 !important;
    font-weight:400 !important;
}
.aptf-tweet-username{
    font-size:13px !important;
    line-height: 1.9 !important;
    font-weight:400 !important;
    color:#919191
}
.footer-bottom{
    padding:25px 0px;
    background: #ededed;
    text-align: center;
}
.site-info{
    font-size:13px;
    color:#8b8b8b;
}
.site-info a{
    color:#2c97de;
} 
.widget_apsi_widget{
    margin:0px;
    padding:0px;
}
.footer-social-links-container{
}

.aps-group-horizontal a { 
    transition: all .2s ease-in-out;
}
.aps-group-horizontal a:hover { transform: scale(1.1); }
.footer-social-links-container .aps-group-horizontal a { 
    transition: all .2s ease-in-out;
    margin:0px 5px;
}
/*========== Footer Section Close=================*/

/*========== Inner Page Section Open=================*/
.page .inner, .single .inner, .arch-pfolio .inner {
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 50px;
}
.single-pfolio article .clearfix{
  border-bottom: none;
  }

.header-banner{
    border-top:70px solid rgb(52, 152, 219);
    border-bottom:1px solid #C5C5C5; /*1px solid #989898; */
    margin-bottom: 50px;
}
h1.entry-title {
    font-size: 39px;
    line-height:normal;
    margin: 0px;
    padding: 0px;
    text-transform: capitalize;
    padding-top: 30px;
    font-weight:700;
}
#onepager-breadcrumbs {
    font-size: 13px;
    font-weight: 300;
    color: #4295ce;
    padding: 10px 0px;
}
.ap-container span.current{
    color: #4295ce;
}
.ap-container{
    color:#eee;
}
#onepager-breadcrumbs a{
    color:#000000;
}
#primary {
    float: left;
    width: 66.66%;
}
#secondary {
    float: right;
    width: 31%;
}

.entry-content {
    font-size: 14px;
    line-height: 24px;
    color: #aaaaaa;
    padding-top: 25px;
    margin: 0px;
}
#secondary h1.widget-title {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin:0px;
    padding:20px 0px;
    text-transform: uppercase;
}

#secondary .widget_search input,
#secondary .widget_search input::-moz-placeholder,
#secondary .widget_search input::-webkit-input-placeholder {
    line-height:40px;
    color:#666666;
    font-size:14px;
    font-weight:600;
}
#secondary .widget_search input{
    background: #F4F4F4 url("images/search.png") no-repeat scroll right center;
    background-position: 97%;
    width:100%;
    border-radius:0px;
    height:40px;    
    padding-left:10px;
    padding-right:30px;
    border:none;
    line-height:40px;
    color:#666666;
    font-size:14px;
    font-weight:600;
}
#secondary aside{
    margin:0px;
    border-bottom:1px solid #eeeeee;
    padding-bottom:20px;
}
#secondary aside:last-child{
    border-bottom:none;
}
#secondary ul {
    list-style-position: inside;
    list-style-image: url('images/li.png');
}
#secondary ul a{
    display:inline-block;
    font-size:14px;
    line-height:1;
    padding:8px 0px;
    color:#989898;
    border-bottom:1px solid transparent;
}
#secondary ul a:hover{
    color: #666666;
    font-weight:600;
}

�
�
#secondary ul a::before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}

/*========== Inner Page Section Close=================*/
/*========== Inner Page BLog List Section Open=================*/
.inner a{
    color:#000000;
}
.inner .meta-info{
    float:left;
    width:30%;
    padding-right:30px;
    text-align:right;
}
.inner .posted-date{
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #989898;
}
.inner .posted-date span{
    display:block;
    font-size:15px;
    line-height:24px;
    color:#a8a8a8;
}
.inner .posted-date span:first-child{
    font-size:67px;
    line-height:1;
    font-weight:700;
    color:#000000;
}

.inner .post-metas{
    font-size:13px;
    line-height: 1.8;
    color:#666666;
    text-transform: capitalize;
}
.inner .post-metas i{
    margin-right:5px;
    color:#a3a3a3;
}
.inner .post-metas p{
    margin:0px;
}
.inner .post-metas span,
.inner .post-metas a,
.inner .post-metas span a{
    color:#bfbfbf;
}
.inner .post-metas a{
    margin-left:5px;
}
.inner .blog-post-content{
    float:right;
    width:70%;
}
.portfolio-articles .blog-post-content{
    float:none;
    width:100%;
}
.portfolio-articles .blog-post-content img{
    width: 100%;
}
.inner .blog-post-content>a{
    color:#3498db;
    font-size:14px;
    line-height:24px;
    font-weight:600;
}
.inner article>.clearfix{
    border-bottom: 1px solid #eeeeee;
    padding-bottom:50px;
}

.archive article {
    padding-bottom: 15px;
}

.blog-post-content h2{
    font-size:21px;
    line-height:24px;
    text-transform:uppercase;
    padding-bottom:25px;
}
/*========== Inner Page BLog List Section Close=================*/

/*========== Inner Page Search Result Section Open=================*/
/*.search a{ color:#000000; }*/
.search h1.page-title{  
    font-size: 39px;
    line-height: 1;
    margin: 0px;
    padding: 0px;
    text-transform: capitalize;
    padding-top: 30px;
    font-weight: 700;
}
.search-results h1.page-title span{
    color:#666666;
    font-size:45px;
    text-transform: capitalize;    
} 
.search-results h1.entry-title{
    margin:0px;
    padding:0px;
	line-height:1.1;
}
.search-results h1.entry-title a{
    font-size: 21px;
    line-height: 1.1;
    text-transform: uppercase;
    padding-bottom: 25px;
    color:#000000;
}
.search-results h1.entry-title a:hover{
    color:#3498db;
}
.search-results .entry-summary{
    font-size: 14px;
    line-height: 24px;
    color: #aaaaaa;
    padding-top:20px;
    margin: 0px;
}
.search-results article{
    padding:0px 10px;
    border-bottom:1px solid #eeeeee;
}
.search .posted-on,
.search .entry-footer{
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    padding: 8px 0px;
    font-weight:600;
}
.search .comments-link{
    margin-left:10px;
    color:#666666;
    font-weight:700;
}

/*========== Inner Page Search Result Section Close=================*/

/*========== Inner Page Comments  Section Open=================*/
#comments{
    padding-top:50px;
    border-top: 1px solid #eeeeee;
}
#comments h3{
    font-size: 21px;
    line-height:1.1;
    color:#000000;
    font-weight:400;
    margin-bottom:25px;
}
#comments h3 span {
    color: #3498DB;
}
.comment-notes,.form-allowed-tags{
    color: #A09A9A;
    font-size: 14px;
}
.comment-form label{
    color: #000000;
    font-size:13px;
    font-weight:400;
}
.comment-form input,.comment-form textarea{
    box-sizing: border-box;
    width:100%;
    border-radius:0px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
    float:left;
    width:33.33%;
    padding:0px;
}
.comment-form-author{
    padding-right:20px;
}

.comment-form-email{
    padding:0px 10px;
}
.comment-form-url{
    padding-left:20px;
}
.form-submit input{
    display: inline-block;
    width:20%;

    background: #3498db;
    color:#ffffff;
    font-weight:700;
    box-shadow: none;
    text-shadow:none;
    border:1px solid #3498db;
    padding:10px 0px;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;	
}
.form-submit input:hover{
    box-shadow: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fac695+0,f5ab66+47,ef8d31+100;Orange+3D+%232 */
    color: #3498db;
    background:#ffffff;
    border:1px solid #3498db;
}
.comment-meta {
    float: left;
    width: 30%;
    padding-right: 15px;
    padding-left: 10px;
}
.comment-content {
    float: right;
    width: 70%;
    color: rgb(71, 70, 70);
    padding-left: 15px;
    font-size: 14px;
    margin-top: 20px;
    padding-bottom: 10px;
}
.comment-author {
    font-size: 15px;
    line-height: 24px;
    color: #a8a8a8;
}
.comment-author img{
    margin-top: 40px;
    display: inline-block;
}
.comment-metadata a{
    font-size: 13px;
    line-height: 1.8;
    color: #666666;
    text-transform: capitalize;
}
.comment-list article {
    position: relative;
    padding: 10px;
    background: #f1f1f1;
    margin-bottom: 10px;
}

.comment-list .reply{
    position:absolute;
    bottom:10px;
    right:10px;
}

.comment-list li{
    margin-bottom:20px;
}
.reply a{
    
    display: inline-block;
    padding: 4px 20px;
    background: #75AFD6;
    color: #ffffff;
    font-weight: 400;
    /*box-shadow: none;
    text-shadow: none;
    border: none;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    */
    font-size:13px;
}
.reply a:hover{
    /*
    box-shadow: none;
    background: #fac695;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�BoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover, #fac695 0%, #f5ab66 47%, #ef8d31 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fac695), color-stop(47%,#f5ab66), color-stop(100%,#ef8d31));
    background: -webkit-radial-gradient(center, ellipse cover, #fac695 0%,#f5ab66 47%,#ef8d31 100%);
    background: -o-radial-gradient(center, ellipse cover, #fac695 0%,#f5ab66 47%,#ef8d31 100%);
    background: -ms-radial-gradient(center, ellipse cover, #fac695 0%,#f5ab66 47%,#ef8d31 100%);
    background: radial-gradient(ellipse at center, #fac695 0%,#f5ab66 47%,#ef8d31 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=1 );
    */
    background-color: #3498DB;
}
ol.comment-list {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #eeeeee;
    list-style: none;
}
/*========== Inner Page Comments  Section Close=================*/

.nav-next a,
.nav-previous a{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.nav-next a,
.nav-previous a{
    display: inline-block;
    vertical-align: middle;  
    margin: .1em;
    padding: 0.3em 2em;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.nav-next a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.nav-next a:hover,
.nav-previous a:hover,
.nav-next a:focus,
.nav-previous a:focus,
.nav-previous a:active ,
.nav-next a:active {
    color: white;
}
.nav-previous a:hover:before, 
.nav-next a:hover:before, 
.nav-previous a:focus:before,
.nav-next a:focus:before,
.nav-previous a:active:before,
.nav-next a:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.nav-previous a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.site-main .comment-navigation, 
.site-main .posts-navigation, 
.site-main .post-navigation {
    margin: 0;
    overflow: hidden;
    margin-bottom:20px;
    margin-top: 20px;
}

/*======================404 Error Page======================*/
.error-404{
    text-align:center;
}
.error-404  .search-form{
    display:inline-block;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid rgb(248, 126, 47);
}
.error-404 .search-field,.error-404 .search-submit{
    float: left;
    height: 40px;
    border-radius: 0px;
    border:none;
}
.error-404 .search-field{
    padding-left:20px;
    padding-right: 10px;
}
.error-404 .search-submit{
    background: rgb(248, 126, 47);
    box-shadow: none;
    text-shadow: none;
    color: #ffffff;
    font-size: 15px;
    line-height: 0px;
    font-weight: 600;
}
.error-404 h1{
    font-size:55px;
    line-height:1.5;
    font-weight:600;
    margin:0px;
    color: #f35626;
    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
}
.error-404>p{
    font-size:30px;
    line-height:1.5;
    font-weight:600;
    color: #f35626;
    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
}
.error-404 .search-submit:hover{
    box-shadow: none;
    text-shadow: none;
    opacity:0.7;
}

/*==========Our Blog Section collection Innerpage Open=================*/
.blog_desc{
    margin:0px -10px;
}
.blog-post-content a h2:hover{
    color:#4295ce;
}
.blog-collection .blog-post-content{
    float:none;
    width:100%;
}

.blog-collection header.entry-header img{
    width:100%;
}
.blog-collection .posted-date {
    margin:0;
    padding:0;
    border-bottom:none;
}
.blog-collection .post-meta-infos>span{
    display:block;
}
.blog-collection .post-meta-infos>span>span>i{
    padding:0px 3px;
}
.blog-collection .post-meta-infos>span>span{
    display:inline-block;
    padding:0px 5px;
    float:left;
    font-size:13px;
}
.blog-collection .post-meta-infos>span>span.readmore{
    float:right;
}
.blog-collection .post-meta-infos>span>span.readmore a{
    color: #4295ce;
}
.blog-collection .post-meta-infos>span>span.readmore a:hover{
    font-weight:bold;
}
.blog-collection .post-meta-infos>span>span a{   
    display: inline-block;
    font-size:13px;
    color: #999;
}
.blog-collection .post-meta-infos>span>span:hover,
.blog-collection .post-meta-infos>span>span:hover a{
    color: #4295ce;
} 

.blog-collection .post-meta-infos{
    padding:10px 0px;
    border-top:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
    overflow:hidden;
    margin-top:10px;
}
.blog-collection article>.clearfix {
    border-bottom: none;
    padding-bottom: 0px;
}
.blog-collection header.entry-header,
.blog-collection .entry-content{
    padding:0px 10px;
}
/*==========Our Blog image medium Section collection Innerpage Open=================*/
.blog_image_medium header.entry-header,
.blog_image_medium .entry-content{
    float:left;
    width:50%;
}
/*==========Our Blog image medium Section collection Innerpage Close=================*/


/*==========Our Blog image medium alternative Section collection Innerpage Open=================*/
.blog_image_alt_medium main{
    margin:0px -5px;
    overflow:hidden;
}
.blog_image_alt_medium header.entry-header,
.blog_image_alt_medium .entry-content{
    width:50%;
}
.blog_image_alt_medium .alt-left header.entry-header,
.blog_image_alt_medium .alt-left .entry-content{
    float:left;
}
.blog_image_alt_medium .alt-right header.entry-header,
.blog_image_alt_medium .alt-right .entry-content{
    float:right;
}
/*==========Our Blog image medium alternative Section collection Innerpage Close=================*/

/*==========Our Blog Section collection Innerpage Close=================*/

/*==========Our Project Innerpage Open=================*/
.portfolio-post-container {
    margin: 0px -20px;
}

.portfolio-post-filter{
    adding: 0!important;
    margin: 0 auto 40px auto!important;
    width: auto;
    text-align: center;
    width: 100%;
}

.portfolio-post-filter .filter{
    font-size: 1em;
    display: inline-block;
    color: #6b6b6b;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    padding: 7px 11px 7px !important;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 1em;
    text-transform: uppercase;
    border: 2px solid transparent;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.portfolio-post-filter .filter.active {
    color: #4295ce;
    border: 2px solid #4295ce;
}
.portfolio-post-filter .filter:hover {
    color: #4295ce;
}

.portfolio-post-content header.entry-header{
    position:relative;
}
.portfolio-nav{
    position:absolute;    
    top:0;
    right:0;
}
.portfolio-nav a:hover {
    background-color: #ebebeb;
}
.portfolio-nav a{
    width: 35px;
    height: 35px;
    display: inline-block;
    float:left;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #f7f7f7;
    text-align: center;
    line-height: 35px;
    color: #a7a7a7;
    font-size: 25px;
    margin-left:5px;
}

.inner article.category-projects>.clearfix {
    border-bottom: none; 
    padding-bottom: 0px; 
}
/*==========Our Project Innerpage Close=================*/
.portfolio-post-container .mix{
    display: none;
}

/** Widget Calender **/
#wp-calendar caption {
    font-weight: 500;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
}

#wp-calendar{
    text-align: center;
    padding-bottom: 5px;
}


/*==========Responsive Design Open=================*/

/*==========Responsive Design 1170px Open=================*/
@media(max-width: 1170px) {
    .container{
        width:100% ;
        padding:0px 10px;
    }
    .port-view-all, .blog-view-all{
        right:10px;
    }
}
/*==========Responsive Design 1170px close=================*/


/*==========Responsive Design 1024px Open=================*/

@media (max-width:1024px){
.section-overlay {
    padding: 110px 0px;
    }
}

/*==========Responsive Design 1024px close=================*/

@media (max-width:850px){
.section-overlay {
    padding: 90px 0px;
    }
    #plx_cta_section .mid-content {
        width: 95%;
    }
    .about {
        margin: 80px 0px;
    }
  

    .inner article.category-blogs>.clearfix {
        padding-bottom: 40px;
    }
    .site-main .comment-navigation, 
    .site-main .posts-navigation, 
    .site-main .post-navigation {
        margin: 0;
        overflow: hidden;
        margin-bottom:15px;
        margin-top: 15px;
    }
    .hentry {
        margin: 0;
    }
    .inner {
        padding-bottom: 40px;
    }

}

/*==========Responsive Design 800px open=================*/

@media (max-width:800px){
.section-overlay {
    padding: 70px 0px;
    }
    .slide-caption {
        top: 30%;
    }
    
    .portfolio-posts,
    .blog-posts,
    .portfolio-post-container{
        margin: 0px -10px;
    }
    .portfolio-post-wrap,
    .blog-post-wrap{
        padding: 10px;
    }

    .inner{
        padding-bottom: 50px;
    }

    .category-projects .inner article>.clearfix {
        border-bottom: none; 
        padding-bottom: 0px; 
    }

}

/*==========Responsive Design 800px close=================*/

@media (max-width:768px){
    .section-overlay {
    padding: 50px 0px;
    }
    .site-header{
        position: static;
        background: #3498db;
    }
    .header-banner{
        border-top: none !important;
    }
    .caption-title {
        font-size: 30px;
    }
    .caption-descr {
        margin-top: 10px;
        font-size: 15px;
        line-height: 20px;
    }
    .cta_read {
        font-size: 14px;
        line-height: 40px;
        margin-top: 20px;
        width: 180px;
        height: 40px;
    }
    .slider-down-btn {
        bottom: 20px;
    }
    .about {
        margin: 70px 0px;
    }
   


    .inner article.category-blogs>.clearfix {
        padding-bottom: 30px;
    }
    .inner {
        padding-bottom: 30px;
    }
    .portfolio-post-wrap a h3 span.inner,
    .blog-post-wrap figure a span.inner{
        font-size: 15px;
        line-height: 35px;
        padding: 0px 10px;
    }
    .service-post-wrap h3 {
        font-size: 18px;
    }
    .blog-post-wrap a h3 {
        font-size: 18px;
    }
    .blog-excerpt, .blog-post-wrap .published-date {
        font-size: 13px;
        line-height: 1.5;
        color: #aaaaaa;
        font-weight: 400;
    }
    #primary,
    #secondary{
        float:none;
        width:100%;
    }
    #secondary>aside{
        width:100%;
    }
    #secondary>aside ul li{
        float:left;
        width:50%;
    }
    #secondary>aside ul:before,
    #secondary>aside ul:after{        
        content: "";
        display: table;
    }
    #secondary>aside ul:before,
    #secondary>aside ul:after{
        clear: both;
    }

    .service-descr {
        width: 90%;
    }
    .testinomial .bx-wrapper {
        display: inline-block;
        max-width: 90% !important;
        padding-top: 90px;
    }

}

@media (max-width:600px){
.section-overlay {
    padding: 30px 0px;
    }
    .about {
        margin:0px;
    }
    


    .inner article.category-blogs>.clearfix {
        padding-bottom: 20px;
    }
    .inner {
        padding-bottom: 20px;
    }
    .about h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .about-contents {
        font-size: 14px;
        line-height: 24px;
    }
    h2 {
        font-size: 30px;
    }
    
    .port-view-all, .blog-view-all {
        right: 5px;
    }
    .port-view-all, .blog-view-all {
        padding: 5px 25px;
        font-weight: 400;
        font-size: 20px;
    }
    .portfolio-posts, .blog-posts, 
    .portfolio-post-container {
        margin: 0px -5px;
    }
    .portfolio-post-wrap, 
    .blog-post-wrap {
        padding: 5px;
    }
    .service-descr {
        padding: 25px 0px;
        font-size: 16px;
        line-height: 24px;
    }

    #plx_about_section,
    #plx_portfolio_section,
    #plx_services_section,
    #plx_cta_section,
    #plx_testimonial_section,
    #plx_team_section{
        background-position:center !important;
        background-attachment: fixed !important;
        background-size: cover !important;
    }
    .res-map-overlay::before {
        display: block;
        
    }
}

@media (max-width:570px){
    .about {
        display: inline-block;
        width: 90%;
    }
    .about h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    /*==========Our Blog image medium Section collection Innerpage Open=================*/
    .blog_image_medium header.entry-header,
    .blog_image_medium .entry-content{
        float:none;
        width:100%;
    }
    /*==========Our Blog image medium Section collection Innerpage Close=================*/


    /*==========Our Blog image medium alternative Section collection Innerpage Open=================*/
    .blog_image_alt_medium main{
        margin:0px -5px;
        overflow:hidden;
    }
    .blog_image_alt_medium header.entry-header,
    .blog_image_alt_medium .entry-content{
        width:100%;
    }
    .blog_image_alt_medium .alt-left header.entry-header,
    .blog_image_alt_medium .alt-left .entry-content{
        float:none;    
    }
    .blog_image_alt_medium .alt-right header.entry-header,
    .blog_image_alt_medium .alt-right .entry-content{
        float:none;
    }
    /*==========Our Blog image medium alternative Section collection Innerpage Close=================*/
    .portfolio-post-wrap a h3 span.inner ,
    .blog-post-wrap figure a span.inner{
        font-size: 12px;
        line-height: 24px;
        padding: 0px 5px;
    }

    .blog-excerpt, 
    .blog-post-wrap .published-date,
    .blog-post-wrap .hover{
        display: none;
    }
    .cta-descr {
        font-size: 20px;
        line-height: 1.4;
        font-weight: 400 !important;
    }

    .section-overlay { 
        padding: 20px 0px;
    }
    .team-member {
        float: left;
        width: 50%;
        padding: 0px 5px;
        padding-top: 20px;
    }
    .team-member h3 {
        font-size: 16px;
        margin-top: 10px;
    }
    .service-post-wrap {
        width: 50%;
        padding: 20px;
    }
    .service-post-wrap:nth-child(3) {
        clear:left;
    }
    .contact-info>div {
        float: none;
        width: 100%;
        display: block;
        text-align: left;
    }
    .contact-info{
        margin:20px 0px;
    }
    .contact-info>div>a>.clearfix{
        display: none;
    }
    .contact-info>div i.fa,
    .contact-info>div span{
        padding:0px;
        margin:0px;
        margin-bottom:10px;
        margin-right:5px;
    }
}
@media (max-width:480px){
    
    .slider-down-btn,
    .toggle-on-top{
        display:none;
    }

    .site-branding.pull-left {
        width: 85%;
    }
    
    .port-view-all, 
    .blog-view-all {
        position: static;
    }
    #plx_portfolio_section h2,
    #plx_blog_section h2{
        padding-bottom: 5px;
    }
    .port-view-all, .blog-view-all {
        font-size: 10px;
    }
    .portfolio-post-wrap, .blog-post-wrap{
        display:none;
        width: 50%;
    }
    .portfolio-post-wrap:first-child , .blog-post-wrap:first-child ,
    .portfolio-post-wrap:nth-child(2) , .blog-post-wrap:nth-child(2) {
        width:50%;
        display:block !important;
    }
    .caption-descr{
        display: none;
    }
    .caption-title {
        font-size: 24px;
    }
    .about h2 {
        font-size: 18px;
    }
}

@media (max-width:380px){
    .portfolio-post-wrap, .blog-post-wrap{
        width:100%;
    }
    .portfolio-post-wrap:first-child , .blog-post-wrap:first-child ,
    .portfolio-post-wrap:nth-child(2) , .blog-post-wrap:nth-child(2) {
        width:100%;
    }

    .team-member {
        float: none;
        width: 100%;
        padding: 0px 5px;
        padding-top: 20px;
    }
    #secondary > aside ul li {
        float: none;
        width: 100%;
    }
}

/*==========Responsive Design Close=================*/
.main-nav-scrolled{
    
}
.site-header .site_logo img{
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    height: 65px;
}
.main-nav-scrolled .site_logo img{
    height: 45px;
    
}

.footer-menu-container ul.menu li {
   display: inline-block;
   padding: 0 5px 20px;
}

/*========== Header Fixes ===========*/
div#smallscreentoggler{
    box-shadow: none !important;
}