/*
Theme Name: Nexas
Theme URI: https://paragonthemes.com/themes/nexas
Author: paragonthemes
Author URI: https://paragonthemes.com
Description: Nexas is an attractive, modern, easy to use and responsive WordPress theme with colorful design and stunning flexibility. This theme is capable of tackling the overall needs of all nexas websites including business and others.  Nexas can also be used for business and corporate websites. The advanced theme options and available various widgets with drag and drop features will help to customize your site as your need.  Some of the available options are awesome slider section, header options, footer options, layout design options Color options, widget options, custom copyright options integrated social icons using menu, reset color option and lots of other available options will allow you to create unique website as you want. This theme will help you to create very high nexas website easily with no time at all. Details- https://paragonthemes.com/themes/nexas Demo- http://demo.paragonthemes.com/nexas/ 
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nexas
Tags:  custom-logo, one-column, two-columns, right-sidebar, left-sidebar, full-width-template, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, blog, portfolio, e-commerce, footer-widgets
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.

Nexas WordPress Theme, Copyright 2018 by Paragon Themes
Nexas is distributed under the terms of the GNU General Public License v2 or later

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

/*--------------------------------------------------------------
=========================================
TABLE OF CONTENTS WORDPRESS DEFAULT STYLE:
=========================================
# Common Style
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries

/* --------------------------------------
=========================================
TABLE OF CONTENTS CUSTOM STYLE :
=========================================

02)Top Header
03)Logo
04)Navbar
05)Banner
06)Section 1
07)Section 2
08)Section 3
09)Section 4
10)Section 5
11)Section 6
12)Section 7
13)Section 8
14)Section 9
15)Section 10
16)Footer top
17)Footer Bottom
18)Section 11
19)Section 12
20)Section 13
21)Section 14
23)Inner Title bar
24)Section 16
25)Section 17
26)Section 18
27)Section 19
28)Section 20
29)Section 21

*/


/************************************
# Common CSS
*************************************/
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. */
}



html,
body {
    height: 100%
}

.wp-caption {

    margin-bottom: 1.5em;

    max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

    display: block;

    margin-left: auto;

    margin-right: auto;

}

.wp-caption .wp-caption-text {

    margin: 0.8075em 0;

}

.wp-caption-text {

    text-align: center;

}
/*--------------------------------------------------------------

## Typography

--------------------------------------------------------------*/

h1, .h1 {
    font-size: 35px;
}
h2, .h2 {
    font-size: 30px;
}
h3, .h3 {
    font-size: 26px;
}
h4, .h4 {
    font-size: 24px;
}
h5, .h5 {
    font-size: 20px;
}
h6, .h6 {
    font-size: 18px;
}
table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border: 1px solid #dee2e6;
    border-collapse: collapse;
}
table td, 
table th {
    padding: .75rem;
    vertical-align: top;
    border: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}
/*--------------------------------------------------------------

## 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;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
.comment-reply-link,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
    position: relative;
    padding: 10px 20px;
    line-height: 24px;
    text-transform: uppercase;
    background: #EC5538;
    color: #ffffff;
    border: 2px solid #EC5538;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
}


button:hover,
.comment-reply-link,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color:transparent;
    color:#333;
}

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);
    outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
    color: #666;
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline:none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"]{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="url"], 
.wpcf7 input[type="password"], 
.wpcf7 input[type="search"], 
.wpcf7 textarea {
    width: 100%;
    padding: 7px;
}
.wpcf7 input.wpcf7-submit {
    width: auto;
}
.wpcf7-form label{
    display:block;
}
select {
    width: 100%;
    padding:5px;
}

textarea {
    padding:10px 20px;
    width: 100%;
}
body {
    background: #fff none repeat scroll 0 0;
    color: #7a7a7a;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16px;
    height: 100%;
    line-height: 1.5;
    margin: 0;
    outline: 0 none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    width: 100%;
}

.alignleft {
    float: left;
    margin-right: 15px;
}

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

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
.alignnone {
    max-width: 100%!important;
}
.color-yellow {
    color: #286090;
}

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

h1, h2, h3, h4, h5, h6 {
    color: #121212;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1.5;
    margin-top: 0;
}


a {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

a:visited {
    color: #286090;
}

a:hover,
a:focus,
a:active {
    color: #286090;
}

a:hover {
    text-decoration: none
}

a:focus {
    outline: 0 solid
}
ol, ul {
    margin: 0;
    padding: 0;
}

ol, ul {
    margin-top: 0;
}
* {
    margin: 0;
    padding: 0;
    list-style: none;
}
p {
    color: #7a7a7a;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
}
blockquote {
    margin: 0;
    border: 0;
    width: 100%;
    float: left;
    quotes: none;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    position: relative;
    padding: 30px 100px;
    font-style: italic;
}
blockquote p,
blockquote q{
    text-align: left;
}
blockquote::after {
    left: 0;
    top: 50%;
    color: #fff;
    width: 70px;
    height: 70px;
    content: '\f10d';
    font-size: 30px;
    line-height: 70px;
    margin: -35px 0 0;
    position: absolute;
    text-align: center;
    font-weight: normal;
    font-family: 'FontAwesome';
    background: #333;
}
cite {
    font-style: normal;
}

address {
    font-style: italic;
    margin: 0 0 28px;
}

pre {
    font-family: Courier New, "Courier 10 Pitch", Courier, monospace;
    line-height: 1.6;
    margin-bottom: 28px;
    max-width: 100%;
    overflow: auto;
    padding: 35px 28px;
    white-space: pre-wrap;
}

code,
kbd,
tt,
var {
    font-family: Courier New, Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

code {
    padding: 7px;
}

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

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

:focus {
    outline: none;
}
.drop-cap:first-letter {
    font-size: 88px;
    font-size: 5.5rem;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
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. */
}

figure {
    margin:0;
    background: #fff;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
p.site-title{
    font-size:36px;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #EC5538;
}

a:visited {
    color: #EC5538;
}

a:hover,
a:focus,
a:active {
    color: #333;
}

a:focus {
    outline: thin dotted;
}

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


.comment-navigation,
.posts-navigation,
.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%;
}
.nav-links .nav-previous a,
.nav-links .nav-next a {
    background: #286090;
    color: #fff;
    position: relative;
    transition: all 0.3s ease 0s;
}
.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover {
    background: #286090;
}
.nav-links .nav-next a {
    float: right;
    padding: 10px 25px;
}
.nav-links .nav-previous a {
    float: left;
    padding: 10px 25px;
}
.posts-navigation {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}

/*--------------------------------------------------------------
# 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;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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: 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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# 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;
    table-layout: fixed;
}

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

.widget-area .container {
    max-width: 100%;
}

/*--------------------------------------------------------------
# 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: 15px 0;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-title{
    margin: 30px 0;
    font-size: 18px;
}
.comments-area .comment-list{
    margin: 0;
    padding: 0;
}
.comments-area .comment-list li {
    border: 1px solid #e5e5e5;
    list-style: outside none none;
    margin-bottom: 15px;
    padding: 15px;
}
.comments-area .comment-body{
    overflow: hidden;
}
.comments-area .comment-body .comment-author,
.comments-area .comment-body .comment-metadata{
    display: inline;
}
.comments-area .comment-body .comment-author .says{
    display: none;
}
.comments-area .comment-body .comment-metadata time{
    color: #5293ce;
    font-size: 14px;
    font-weight: 400;
    margin-left: 30px;
}
.comments-area .comment-body .comment-author img{
    border-radius: 50%;
    height: 70px;
    margin-right: 10px;
    overflow: hidden;
    width: 70px;
}
.comments-area .comment-body .comment-author b {
    color: #333;
    font-size: 13px;
    text-transform: uppercase;
}
.comments-area .comment-body .comment-content {
    border-top: 1px solid #e6e6e6;
    margin: 5px 0;
    padding: 5px 0;
}
.comments-area .comment-body .comment-content p{
    margin: 0;
    font-weight: 400;
}
.comments-area .comment-body .reply{
    margin-bottom: 10px;
    float: right;
}
.comments-area .comment-body .reply a{
    text-align: right;
    line-height: 26px;
    padding: 2px 12px;
    display: inline-block;

    background: #286090;
    color: #fff;
}
.comment-content a {
    word-wrap: break-word;
}
.comment-form label{
    width: 100%;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
    width: 100%;
}
.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%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
/*--------------------------------------------------------------
# Common CSS
--------------------------------------------------------------*/
.color-white{
    color: #fff;
}
.btn {
    padding: 10px 20px;
    border-radius: 4px;
}

.btn-primary {
    position:relative;
    padding:9px 39px;
    line-height:24px;
    text-transform:uppercase;
    background:#EC5538;
    color:#ffffff;
    border:2px solid #EC5538;
    font-size:14px;
    font-weight:700;
}

.btn-primary:hover{
    background:none;
    color:#EC5538;
    border: 2px solid #EC5538;
}

.btn-seconday {
    position:relative;
    padding:9px 39px;
    line-height:24px;
    text-transform:uppercase;
    background:#EC5538;
    color:#ffffff;
    border:2px solid #EC5538;
    font-size:14px;
    font-weight:700;
    border-radius:4px;
}

.btn-seconday:hover{
    background:none;
    color:#EC5538;
    border:2px solid #EC5538;
}
.btn-primary:focus,
.btn-seconday:focus{
    background:#EC5538;
}
.nopadding {
    padding-left: 0;
    padding-right: 0;
}

.read-more {
    color: #286090;
    font-size: 14px;
    font-weight: 600;
}

.read-more:hover {
    text-decoration: underline;
    color: #286090;
}

.section-margine {
    padding: 70px 0;
}

.no-m-top {
    margin-top: 0;
}

.no-m-tb {
    margin: 0;
}
.left-sidebar .left-block{
    float:right;
}
.right-sidebar .left-block{
    float:left;
}
.no-sidebar .left-block{
    width:100% !important;
}
.no-sidebar .right-block{
   display:none;
}
.overley{
    background: rgb(37, 37, 41);
    opacity: 0.9;
}
.gray-bg{
    background: #F7F9FA;
}

/************************************
02)TOP HEADER
*************************************/

.top-header {
    border-bottom: 1px solid #eee;
    position: relative;
    overflow: hidden;
    background:#2d2d2d;
}

.contact-detail2 {
    margin: 0;
}

.contact-detail2 i {
    border-radius: 3px;
    padding: 3px 5px;
}

.contact-detail2 li {
    list-style: outside none none;
    float: left;
    padding: 10px 0;
    margin-bottom: 0;
    margin-right: 35px;
}

.contact-detail2 li a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
}
.nexas-login {
    padding-left: 76px;
}
.nexas-login li {
    float: left;
    padding: 10px 15px;
}
.nexas-login li a {
    color: #000;
    font-size: 12px;
}
.social-icons {
    list-style: outside none none;
    padding: 10px 0;
    margin-bottom: 0;
}

.social-icons li {
    margin-right: 10px;
    display: inline;
}

.social-icons a {
    color: #777;
    font-size: 14px;
    line-height: 15px;
    padding: 3px 5px;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
}

.social-icons a:hover {
    color: #00AEFF
}


.social-links li {
    display: inline-block;
}
.social-links  ul li a:before {
    content: "\f0c1";
    font-family: FontAwesome, sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 15px;
    padding: 3px 5px;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
}
.social-links  ul li a[href*="facebook.com"]:before {
    content: "\f09a";
}
.social-links ul li a[href*="twitter.com"]:before {
    content: "\f099";
}
.social-links ul li a[href*="linkedin.com"]:before {
    content: "\f0e1";
}
.social-links ul li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}
.social-links ul li a[href*="youtube.com"]:before {
    content: "\f167";
}
.social-links ul li a[href*="dribbble.com"]:before {
    content: "\f17d";
}
.social-links ul li a[href*="pinterest.com"]:before {
    content: "\f0d2";
}
.social-links ul li a[href*="bitbucket.org"]:before {
    content: "\f171";
}
.social-links ul li a[href*="github.com"]:before {
    content: "\f113";
}
.social-links ul li a[href*="codepen.io"]:before {
    content: "\f1cb";
}
.social-links ul li a[href*="flickr.com"]:before {
    content: "\f16e";
}
.social-links ul li a[href$="/feed/"]:before {
    content: "\f09e";
}
.social-links ul li a[href*="foursquare.com"]:before {
    content: "\f180";
}
.social-links ul li a[href*="instagram.com"]:before {
    content: "\f16d";
}
.social-links ul li a[href*="tumblr.com"]:before {
    content: "\f173";
}
.social-links ul li a[href*="reddit.com"]:before {
    content: "\f1a1";
}
.social-links ul li a[href*="vimeo.com"]:before {
    content: "\f194";
}
.social-links ul li a[href*="digg.com"]:before {
    content: "\f1a6";
}
.social-links ul li a[href*="twitch.tv"]:before {
    content: "\f1e8";
}
.social-links ul li a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}
.social-links ul li a[href*="delicious.com"]:before {
    content: "\f1a5";
}
.social-links ul li a[href*="mailto:"]:before {
    content: "\f0e0";
}
.social-links ul li a[href*="skype.com"]:before {
    content: "\f17e";
}

.social-links ul li a[href*="dribble.com"]:before {
    content: "\f17d";
}


.social-links ul li a{
    line-height: 0; 
    font-size: 0;
    color: transparent; 
 }

/************************************
03)Logo
*************************************/

.navbar-brand {
    float: left;
    height: auto;
    padding: 8px 0;
    font-size: 18px;
    line-height: 20px;
}


/************************************
04)Navbar
*************************************/

header .navbar {
    margin-bottom: 0;
}

header .header-shade {
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    z-index: 999;
}
.site-branding {
    padding: 15px 0;
}
header .navbar ul{
    margin:0;
}
.navbar-default .navbar-nav > li{
    position: relative;
    float: left;
    padding: 15px 0px;
    margin-left: 30px; 
}
.navbar-default .navbar-nav > li > a{
    position: relative;
    display: block;
    padding: 22px 0px 18px;
    color: #2f2f2f;
    text-align: center;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 15px;
    opacity: 1;
    text-transform: uppercase;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover{
    background-color:transparent;
}
header .navbar-collapse{
    padding:0;
}
header .navbar-fixed-top {
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    z-index: 999;
    margin-top: 0 ;
    background: #fff ;
    position: fixed ;
    transition: height 0.3s ease-in-out 0s;
}

header .navbar-menu .navbar-right .dropdown-menu {
    left: 0;
    border:0;
    border-radius: 0;
    top:60%;
    border-top: 2px solid #EC5538;
}

header .dropdown-menu .divider {
    margin: 0;
}

header .dropdown-menu > li > a {
    font-weight: 400;
    color: #212121;
    border-bottom: 1px solid rgba(0,0,0,0.10);
    background: #fff;
    padding: 10px;
}

header .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #EC5538;
}

header .navbar-menu {
    background: #fff;
    border: none;
    border-radius: 0;
    font-weight: 600;
    margin-bottom: 0;
    transition: height 0.3s ease-in-out 0s;
}
header .navbar-menu .navbar-nav>li>a:hover,
header .navbar-menu .navbar-nav>li>a:active {
    color: #EC5538;
    background-color: #fff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover{
    color: #EC5538;
}

header .navbar-menu .navbar-nav>.open>a,
header .navbar-menu .navbar-nav>.open>a:focus,
header .navbar-menu .navbar-nav>.open>a:hover {
    color: #EC5538;
    background: #fff;
}

header .navbar-menu .navbar-nav>li>.dropdown-menu {
    margin-top: 40px;
    padding: 0;
}
header .navbar-menu .navbar-right .dropdown-menu .dropdown-menu{
    left:250px;
} 
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover{
    background-color: #EC5538;
}
header .navbar-toggle {
    background-color: #EC5538;
    border: 0;
    border-radius: 2px;
  margin-top:30px !important;
}
header .navbar-toggle:focus, 
header .navbar-toggle:hover {
    background-color: #EC5538;
}
header .navbar-toggle .icon-bar {
    background-color: #fff !important;
}
@media only screen and (max-width: 767px) {
    .navbar-default .navbar-nav > li{
      width: 100%;
      text-align: left;
      padding: 5px 0;
    }
  .navbar-default .navbar-nav > li a{
    padding:5px 0;
    text-align:left;
  }
}

/************************************
05)Banner
*************************************/

.slider {
    position: relative;
}

.over-bg {
    background: rgba(0,0,0,0.40);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.slider {
    position: relative;
    z-index: 2;
}

.slider .carousel {
    position: relative;
    width: 100%;
    min-height: 100%;
    text-align: left;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.slider .carousel-caption {
    bottom: 20px;
    color: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 20%;
    left: 0;
    width: 100%;
    z-index: 10;
}
.slider .carousel-caption h1{
    margin-top: 20px;
    margin-bottom: 10px;
}
.slider .carousel-caption .btn{
    margin-top: 20px;
    color:#fff;
}
.slider .carousel-control.left,
.slider .carousel-control.right {
    z-index: 2;
    top:50%;
    background-image: none;
}
.slider .carousel-control.left {
    left: -20px;
}
.slider .carousel-control.right {
    right: -20px;
}


.slider .carousel-inner>.item>img {
    background-size: cover;
    margin: 0 auto;
    width: 100%;
}
.slider .carousel-control.left span,
.slider .carousel-control.right span {
    background: #333 none repeat scroll 0 0;
    display: inline-block;
    width: 40px;
}
.slider .carousel-indicators{
    display: none;
}

.effect-1-2{
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 0.3s;
}
.effect-1-1{
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 1s;
}
.effect-1-3{
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 1.5s;
}
.active .effect-1-2,
.active .effect-1-1,
.active .effect-1-3{
    transform: translateY(0);
    opacity: 1;
}


/************************************
06)widgets
*************************************/

.widget ul {
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0;
}

.widget ul li a {
    color: #777;
}

.widget ul li a:hover {
    text-decoration: none;
    color: #EC5538;
}

.widget .widget-title {
    font-size: 16px;
    padding: 0 0 10px;
    text-transform: uppercase;
}


.widget label{
    width: 100%;
}
.widget .search-field {
    border: 1px solid #e6e6e6;
    background: #fff;
    width: 100%;
    padding: 13px 15px;
    outline: none !important;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    color: #777;
    margin:0;
}

.widget .search-submit {
    background-color: #286090;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 0;
    margin-top: 10px;
}

.blog-search-field {
    border: 1px solid #e6e6e6;
    background: #fff;
    width: 100%;
    padding: 13px 15px;
    outline: none !important;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    color: #777;
    margin: 0;
}
#searchform {
    position: relative;
}
.search-form button {
  background: #ffffff;
  border: none;
  float: right;
  margin-top: 1px;
  margin-right: 1px;
  position: absolute;
  z-index: 2;
  right: 0;
  height: 43px;
  padding: 10px 15px;
  color: #000;
}


.widget-area [class*="col-"] {
    width: 100%;
}

.widget-area .section-14-box .date{
    line-height: 20px;
    font-size: 14px;
}

#secondary .widget ul li {
    position: relative;
}
#secondary .widget {
    margin-bottom: 0;
    margin-top: 30px;
    overflow: hidden;
}
#secondary .widget h3 {
    font-size: 16px;
}
#secondary .widget:first-child {
    margin-top: 0;
}
#secondary .widget ul li {
    border-bottom: 1px solid #e6ebed;
    padding: 10px 0;
}
#secondary .widget ul li:last-child {
    border-bottom: medium none;
    padding-bottom: 0;
}
#secondary .widget ul li:first-child {
    padding-top: 0;
}
#secondary .widget.widget_archive li a::after,
#secondary .widget.widget_categories li a::after{
    color: #a7a7a7;
    content: "";
    font-family: "FontAwesome", sans-serif;
    position: absolute;
    right: 0;
}
#secondary .widget.widget_archive li:first-child,
#secondary .widget.widget_categories li:first-child {
    padding-top: 0;
}
#secondary .widget.widget_archive li:last-child,
#secondary .widget.widget_categories li:last-child{
    padding-bottom: 0;
}
.widget_meta li{
    padding:0!important;
    border: 0!important;
    float: left;
}
.widget_meta li a{
    background-color: #fff;
    color: #a7a7a7;
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 1;
    margin: 0 6px 6px 0;
    padding: 10px 15px;
    transition: all 0.3s ease-in-out 0s;
}
.widget_meta li a:hover {
    background-color: #212121;
    color: #fff;
}

/************************************
06)Section 1
*************************************/
.section1{
    background:#f5f5f5;
}
.section1 .sec-title {
    position: relative;
    padding-bottom: 50px;
    margin-top: -5px;
}
.section1 .sec-title {
    padding-bottom: 34px;
}
.section1 h4 {
    font-size: 28px;
    color: #555;
    margin:0;
    letter-spacing: .5px;
}
.section1 .border {
    position: relative;
    display: block;
    width: 90px;
    height: 5px;
    background: transparent;
    margin: 17px 0 0;
}
.section1 .border::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 70px;
    height: 1px;
    margin: 0 auto;
    background: #EC5538;
    content: "";
}
.section1 .border::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #EC5538;
    content: "";
}
.section1 .border.left::before {
    margin: 0;
}
.section1 .item-holder {
    position: relative;
    padding: 100px 90px 87px 0px;
    margin-right: -15px;
    z-index: 1;
    background-size: cover;
    min-height: 600px;
}
.section-1 .item-holder:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: '';
    z-index: -1;
    background: rgba(0, 0, 0, 0.4);
}
.section-1-box {
    position: relative;
    padding: 0px 0px 0px 100px;
    margin-bottom: 40px;
    margin-top: 50px;
}
.section1 .section-margine{
    padding:80px 30px;
}
.section1 .sec-title h2 {
    position: relative;
    font-weight: 600;
    line-height: 42px;
    text-transform: uppercase;
    color: #121212;
    font-family: "Montserrat",sans-serif;
}
.section1 .sec-title hr{
    margin:20px 0;
}
.section-1-box-icon-background{
    position: absolute;
    left: 0px;
    top: -3px;
    background: #ebebf0;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
}

.section-1-box i {
    color: #fff;
    font-size: 30px;
    line-height: 70px;
}

.section-1-box h4 {
    text-transform: uppercase;
    font-size: 15px;
}



/************************************
07)Section 2
*************************************/
#section2{
    padding: 80px 0;
}
.section-2{
    background: #f7f7f7;
    padding: 100px 0 0 0;
}
.section-2-box-right.text-center {
    margin: 30px 0;
}

.section-2-box-left .sec-title {
    position: relative;
    padding-bottom: 50px;
    margin-top: -5px;
}
.section-2-box-left .sec-title {
    padding-bottom: 34px;
}
.section-2-box-left h4 {
    font-size: 28px;
    color: #555;
    margin:0;
    letter-spacing: .5px;
}
.section-2-box-left .border {
    position: relative;
    display: block;
    width: 90px;
    height: 5px;
    background: transparent;
    margin: 17px 0 0;
}
.section-2-box-left .border::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 70px;
    height: 1px;
    margin: 0 auto;
    background: #EC5538;
    content: "";
}
.section-2-box-left .border::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #EC5538;
    content: "";
}
.section-2-box-left .border.left::before {
    margin: 0;
}
.section-2-box-left a{
    margin-top: 20px;
}
.section-2-box-right p {
    color: #777;
}


/************************************
08)Section 3
*************************************/

.section3-background {
    background: #333333;
}

.section-3-box {
    padding: 40px 0;
    text-align: center;
}

.section-3-box figure {
    color: #fff;
    margin: 10px 0;
}

.section-3-box h3 {
    font-size: 30px;
    color: #286090;
}

.section-3-box h4 {
    font-size: 15px;
    color: #999;
    margin-bottom: 0;
}


/************************************
09)Section 4
*************************************/
.section-4{
    background: #F7F9FA;
    padding: 70px 0;
}
.section-4 figure{
    margin: 0;
}
.section-4 figure img {
    margin: 0 auto;
    display: inherit;
}
.section-4-box {
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(72, 78, 85, 0.1);
    padding: 30px;
    margin-bottom: 30px;
}

.section-4-box-icon-cont {
    text-align: center;
    margin: 20px auto;
}
hr {
    background-color: #EC5538;
    border: 0 none;
    height: 2px;
    margin: 20px auto;
    position: relative;
    width: 50px;
}
.section-4-box-icon-cont i {
    color: #EC5538;
}

.section-4-box-text-cont {
    margin: 0 0 0 15px;
    text-align: center;
}

.section-4-box-text-cont h5 {
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 0 10px 0;
}


/************************************
10)Section 5
*************************************/

.section-5-background {
    background-color: #252525 !important;
    background-position: center;
    padding: 100px 0 !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    margin-top: 0 !important;
    position:relative;
}
.section-5-background::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.30);
}

.section-5-box-text-cont h2 {
    position: relative;
    color: #ffffff;
    font-size: 46px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.section-5-box-text-cont p {
    position: relative;
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 30px;
    font-family: 'Courgette', cursive;
}


/************************************
11)Section 6
*************************************/

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 30px;
}

.section-title h6 {
    font-size: 14px;
    text-transform: uppercase;
    color: #555555;
}

.section-6-box {
    margin-bottom: 20px;
}

.section-6-box h3 {
    font-size: 20px;
    margin-top: 30px;
}



/************************************
12)Section 7
*************************************/

.section-7-background {
    background-color: #252525;
    padding: 100px 0 0 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.section-7-box-text-cont {
    text-align: left;
}

.section-7-box-text-cont h2 {
    color: #fff;
}

.section-7-box-text-cont p {
    color: #fff;
    margin: 0 0 40px 0;
}


/************************************
13)Section 8
*************************************/

.section-8::before {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
}
.testimonials{
    color: #cccccc;
}
#quote-carousel a.carousel-control {
    background: none;
    color: #F8F8F8;
    text-shadow: none;
    position: absolute;
    background: #4b4b4b;
    bottom: 0;
}
#quote-carousel .c-control-outer {
    position: absolute;
    width: 100%;
    margin: auto;
    bottom:30px;
}
#quote-carousel .c-control {
    margin:0 auto;
    width: 65px;
    position:relative;
}
#quote-carousel .carousel-control.left,
#quote-carousel .carousel-control.right{
    bottom: 0;
    height: 30px;
    width: 30px;
    top: 0;
}

#quote-carousel .carousel-control i {
    line-height: 30px;
    text-align: center;
    color: #fff;
}

.item blockquote {
    border-left: none;
    margin: 0;
}

.testimonials .content .text p,
.testimonials-left .text {
    font-size: 18px;
    font-weight: 300;
    margin: 10px 0 20px;
    color: #fff;
}
.testimonials-left h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
    position: relative;
    text-transform: uppercase;
}
.testimonials-left h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 15px 0;
}
.testimonials .content .text {
    font-size: 20px;
    font-weight: 300;
    margin: 40px 0 15px;
    position: relative;
    text-align: center;
}
.testimonials .content sup{
    position: absolute;
    left: -25px;
    top: 5px;
    font-size: 100%;
}
.testimonials .content .avatar {
    border-radius: 50%;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    overflow:hidden;
    border:2px solid #EC5538;
}
.testimonials .content .avatar img {
    max-width: 100%;
}
.testimonials .content ul {
    margin: 15px 0px;
    padding: 0;
    text-align: center;
}
.testimonials .content ul li {
    color: #ec5538;
    display: inline-block;
    list-style: outside none none;
}
.testimonials .content .author-name {
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
    text-align: center;
}
.testimonials .content .rating {
    text-align: center;
}
.testimonials .content {
    margin-bottom: 30px;
}
.testimonials .slider-mover-left {
    border: 1px solid #1b1410;
    display: inline-block;
    height: 30px;
    line-height: 22px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 100%;
    width: 30px;
    z-index: 5;
}
.slider-mover-left img {
    width: 20px;
}
.testimonials .slider-mover-right {
    border: 1px solid #1b1410;
    display: inline-block;
    height: 30px;
    line-height: 22px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 100%;
    width: 30px;
    z-index: 5;
}
.slider-mover-right img {
    width: 20px;
}
.testimonial-section-inner {
    background-color: rgb(37, 37, 41);
    opacity: 0.9;
    padding: 100px 0 90px;
}


/************************************
14)Section 9
*************************************/

.section-9-background {
    background: #fff;
    padding: 25px;
}


/************************************
15)Section 10
*************************************/

.section-10-background {
    background: #286090;
    padding: 40px 0;
}

.section-10-box-text-cont h3 {
    font-size: 28px;
    color: #fff;
    font-weight: 600;
}

.section-10-box-text-cont p {
    color: #fff;
    margin: 0 0 10px 0;
    font-size: 16px;
}

.section-10-btn-cont {
    text-align: right;
    margin: 17px 0 0 0;
}


/************************************
16)Footer top
*************************************/

.footer-top {
    padding: 25px 0;
    background-color: #1a1e21;
    color: #7e7e7e;
}

.footer-top p {
    margin-bottom: 0;
}

.footer-top-box {
    margin: 30px auto;
    overflow: hidden;
}

.footer-top .widget .widget-title {
    color: #fff;
    text-transform: capitalize;
    border-bottom: 0;
}

.footer-top .input-holder {
    position: relative;
}

.footer-top .input-holder input[type="email"] {
    width: 100%;
    display: inline-block;
    border: 0;
    border-radius: 0;
    height: 39px;
    padding: 10px 20px;
}

.footer-top .input-holder label {
    position: absolute;
    top: 0;
    right: -4px;
    text-align: center;
    cursor: pointer;
    width: auto;
}

.footer-top .input-holder label i {
    position: absolute;
    top: 9px;
    left: 8px;
    font-size: 20px;
    color: #fff;
}

.footer-top .input-holder input[type="submit"] {
    color: #fff;
    border: 0;
    border-radius: 0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px;
    line-height: 0;
    text-indent: -999px;
    width: 50px;
}

.footer-top .submit-bgcolor {
    background-color: #286090;
}

.footer-top ul {
    list-style-type: none;
    padding-left: 0;
}

.footer-top ul li {
    margin: 0 0 10px 0;
    position:relative;
    padding-left: 15px;
}
.footer-top .widget.widget_recent_entries ul li:before, 
.footer-top .widget.widget_categories ul li:before, 
.footer-top .widget.widget_recent_comments ul li:before,
.footer-top .widget.widget_archive ul li:before,
.footer-top .widget.widget_nav_menu ul li:before,
.footer-top .widget.widget_pages ul li:before{
    position:absolute;
    content: "\f105";
    font-family: Fontawesome;
    color:#7e7e7e;
    font-size: 15px;
    top:0;
    left:0; 
}
.footer-top ul li:hover:before{
    color:#EC5538;
}
.footer-top ul li a {
    color: #7e7e7e;
}

.footer-top ul li a:hover {
    color: #EC5538;
}

.footer-top .widget .tagcloud a {
    margin: 5px;
    color: #7e7e7e;
    padding: 5px;
    float: left;
    border: 1px solid #7e7e7e;
}

.footer-top .widget .tagcloud a:hover {
    color: #fff;
    border: 1px solid #fff;
}


/***************************************
17)Footer Bottom
****************************************/

.footer-bottom {
    padding: 20px 0;
    background-color: #111315;
    color: #7e7e7e;
}

.footer-bottom ul.social-buttons {
    list-style-type: none;
    margin: 10px auto;
    padding: 0;
}

.footer-bottom ul.social-buttons li a {
    display: block;
    background-color:#1A1E21;
    height: 40px;
    width: 40px;
    border-radius:0;
    font-size: 20px;
    line-height: 40px;
    color: white;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}

.footer-bottom ul.social-buttons li a:hover {
    background-color: #286090;
}

.footer-bottom .copyright {
    color: #999;
    margin: 20px 0 20px 0;
}


/************************************
18)Section 11
*************************************/

.section-11-box {
    padding: 20px 0;
    text-align: center;
}

.section-11-box-icon-background {
    background: #286090;
    height: 80px;
    width: 80px;
    border-radius: 5%;
    margin: 0 auto 20px auto;
}

.section-11-box-icon-background i {
    margin-top: 28px;
    color: #fff;
}

.section-11-box h4 {
    text-transform: uppercase;
    color: #555555;
    font-size: 18px;
    margin: 0 0 10px 0;
}

.section-11-box p {
    color: #777;
    font-size: 14px;
}


/************************************
19)Section 12
*************************************/

#section-12 {
    padding: 25px 0;
    margin: 50px auto 50px auto;
}

.portfolioFilter {
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 15px 10px;
    color: #333;
}
.portfolioFilter a {
    position: relative;
    color: #222222;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    font-family: 'Poppins', sans-serif;
    padding: 10px 20px;
    border: 1px solid #ec5538;
    margin: 10px;
    border-radius: 3px;
}
.portfolioFilter a.current {
    background: #EC5538;
    font-weight: 500;
    color: #fff;
}

#section-12 .filter-box{
    border:1px solid #f1f1f1;
    margin-bottom: 30px;
    position:relative;
    text-align:center;
}
#section-12 .filter-box .overlay {
    background:#333;
    bottom: 0;
    height: 100%;
    width:100%;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
#section-12 .filter-box:hover .overlay {
    bottom: 0;
    opacity: 0.9;
}
#section-12 h3{
    position: relative;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px;
    text-transform: uppercase;
}
#section-12 .lower-box{
    visibility: hidden;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 40%;
    margin-top: -20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#section-12 .filter-box:hover .lower-box {
    opacity: 1;
    visibility: visible;
}
#section-12 .filter-box .lower-box a {
    display: inline;
    margin-right: 10px;
}
#section-12 .filter-box .lower-box a:last-child{
    margin-right: 0;
}
#section-12 .filter-box .lower-box a i {
    color: #fff;
    font-size: 15px;
    background: #EC5538;
    display: inline-block;
    padding: 14px;
    border-radius: 100%;
    margin-bottom: 15px;
}

#section-12 .lower-box h3 a{
    position:relative;
    color:#fff;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}
#section-12 .lower-box p {
    position: relative;
    font-size: 16px;
    color: #fff;
}


.portfolioContainer a img {
    margin:auto;
    width: 100%;
    height: 100%;
}

.portfolioContainer1 a img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}


/************************************
20)Section 13
*************************************/

.section-13 {
    background: #286090;
    padding: 70px 0;
}

.section-13 h2 {
    color: #fff;
    font-weight: 200;
}

.section-13 p {
    color: #fff;
}

.section-13 .light {
    color: #fff;
    width: 20%;
    margin: 30px auto 40px auto;
}

.section-13 .btn {
    color: #286090;
    font-weight: 600;
}

.section-13 .btn-default {
    border-color: transparent;
}


/************************************
21)Section 14
*************************************/
.section14{
    background: #F7F9FA;
}
.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 30px;
}

.section-title h6 {
    color: #999;
}

.section-14-box {
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
}
.blog-box{
    box-shadow: 0 1px 1px rgba(54, 58, 65, 0.07);
    margin-bottom: 30px;
}
.entry-box {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(72, 78, 85, 0.1);
    padding: 30px;
}
.section-14-box h3 {
    margin-bottom: 5px;
}

.section-14-box h3 a,
.section-14-box h3{
    font-size: 16px;
    color: #121212;
}
.section-14-box h3 a:hover {
    color: #286090;
}
.section-14-box p {
    margin: 20px 0 20px 0;
}

.section-14-box .date,
.section-14-box .author-post{
    display: inline-block;
}
.section-14-box .date {
    box-sizing: border-box; 
    color: #666;
    line-height: 24px;
}
.section-14-box .author-post::before {
    content: "/";
    margin: 0 7px;
    opacity: 0.5;
}
.section-14-box .date span,
.section-14-box .author-post a{
    color: #EC5538;
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    white-space: nowrap;
}

.right-sidebar .widget{
    margin-bottom: 60px;
    position: relative;
    overflow: hidden
}
.comment-form-container{
    display: block;
}
.comments-area h3 {
    font-size: 15px;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.comments-area input[type="text"],
.comments-area input[type="email"],
.comments-area input[type="url"]{
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #e6ebed;
    color: #7a7a7a;
    font-size: 13px;
    height: 38px;
    margin-bottom: 30px;
    padding: 0 16px;
    transition: border-color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
    width: 100%;
}
.comments-area textarea{
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #e6ebed;
    color: #7a7a7a;
    font-size: 13px;
    margin-bottom: 30px;
    padding: 0 16px;
    transition: border-color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
    width: 100%;
}
.comments-area .submit{
    background-color: #286090;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 10px 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
}
.no-image .comments{
    padding-left: 85px;
    display: inline-block;
}
.left-sidebar .left-block{
    float: right;
}
.single .section-14-box,
.single article{
    margin-bottom: 0;
}

/************************************
23)Inner Title bar
*************************************/

.inner-title {
    background: #5a5a5a;
    padding: 30px 0;
}

.inner-title h2,
.inner-title h2 span{
    color: #fff;
}

.breadcrumbs ul {
    float: right;
    font-size: 13px;
    margin-top: 10px;
    font-weight: 500
}

.breadcrumbs ul li {
    display: inline-block;
    color: #fff !important;
    margin: 0 0 0 5px
}

.breadcrumbs ul li:after {
    content: "\f101";
    font-family: "FontAwesome", sans-serif;
    font-size: 12px;
    color: #fff;
    margin: 0 0 0 9px
}

.breadcrumbs ul li:last-child:after,
.breadcrumbs ul li:first-child:after {
    content: "";
    margin: 0
}

.breadcrumbs ul li:last-child a,
.breadcrumbs ul li a {
    color: #fff !important;
    font-weight: 600
}

.breadcrumbs ul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.breadcrumbs ul li:first-child {
    padding-right: 0;
    margin-left: 0
}

.breadcrumbs ul li:first-child,
.breadcrumbs ul li:last-child {
    color: #fff;
    background: 0
}

.breadcrumbs ul li:last-child {
    padding: 0;
    background: 0
}
.breadcrumbs h2.trail-browse{
    display: none;
}
.breadcrumbs .navbar-fixed-top{
    position:relative;
}

/************************************
24)Section 16
*************************************/

.section16 {
    padding: 70px 0;
}

.section16 .success,
.section16 .error {
    display: none;
    font-family: "Source Sans Pro", sans-serif;
    margin-bottom: 48px;
}

.section16 .success {
    color: green;
}

.section16 .error {
    color: red;
}

.section16 .success .fa,
.section16 .error .fa {
    font-size: 18px;
    margin-right: 5px;
}


.section16 textarea {
    border-radius: 0;
    padding: 25px 15px;
}

.section16 iframe {
    width: 100% !important;
    margin: 50px 0;
}

.section16 .address {
    margin: 20px 0;
}

.section16 .address h4 {
    color: #286090;
}
.section16 select{
    border-radius: 0;
    padding: 10px 15px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    color: #777;
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
}
.woocommerce a.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
    background-color: #286090;
    border-color: #286090;
    color: #fff;
    border-radius: 0;
    padding: 10px 20px;
}
.woocommerce .products li{
    text-align: center;
}
.woocommerce .products .star-rating{
    margin: 0 auto;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li{
    border:0;
}

.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a{
    padding: 10px 15px;
    border: 1px solid #ccc;
    margin-right: 5px;
}
.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: #286090;
    border: 1px solid #286090;
    color: #fff;
}

.woocommerce .star-rating span:before

{
    color: #f1ec28;
}
.woocommerce span.onsale
{
    background-color: #286090;
}

.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover
{
    color: #ffffff;
}

/************************************
25)Section 17
*************************************/

.section17 {
    background: #eeeef0;
    padding: 70px 0;
}

.team-member1 {
    background: #fff;
    padding: 5px;
    margin: 10px auto;
    overflow: hidden;
}

.team-member1 .team-member1-img-cont {
    float: left;
    width: 100%;
}

.team-member1 .team-member1-img-cont img {
    min-height: 167px;
}

.team-member1 .team-member1-details {
    float: left;
    padding: 0 10px;
    width: 100%;
}

.team-member1 .team-member1-details h4 {
    margin: 10px 0 0 0;
    padding: 0;
}

.team-member1 .team-member1-details p {
    color: #878787;
    margin: 5px 0 5px 0;
}

.team-member1 .team-member1-details .sub {
    margin: 10px 0 10px 0;
}

.team-member1 .team-member1-details p i {
    margin: 0 10px 0 0;
    font-size: 16px;
}


/************************************
26)Section 18
*************************************/
.section18 .textcont {
    margin: 10px;
}

.section18 .textcont h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #555555;
    line-height: 35px;
}

.section18 .textcont p {
    margin-bottom: 20px;
    color: #777;
}

.section18 .textcont ul {
    margin: 0 0 20px 0;
    padding: 0;
}

.section18 .textcont ul li {
    list-style: none;
    font-size: 16px;
    line-height: 30px;
}

.section18 .textcont ul li i {
    margin-right: 10px;
    color: #286090
}


/************************************
27)Section 19
*************************************/

.section19 {
    margin: 100px auto 100px auto;
    ;
}

.section19 h1 {
    font-size: 20em;
    font-weight: 700;
    color: #286090;
    text-align: center;
}

.section19 h3 {
    text-align: center;
}

/************************************
28)Section 20
*************************************/

.section20 {
    margin: 70px auto;
}

.section-20-box {
    padding: 25px 0;
    overflow: hidden;
}

.section-20-box-icon-cont {
    float: left;
    width: 35px;
    text-align: center;
    margin: 0 15px 85px 0;
}

.section-20-box-icon-cont i {
    color:#fff; 
    width: 35px;
    height: 35px;
    line-height: 35px;
    background:#286090;
}

.section-20-box-text-cont {
    margin: 0 0 0 15px;
}

.section-20-box-text-cont h5 {
    text-transform: uppercase;
    color: #555555;
    font-size: 16px;
    margin: 3px 0 15px 0;
}

.section-20-box-text-cont p {
    color: #777;
    font-size: 14px;
}


/************************************
29)Section 21
*************************************/

.section21 {
    margin: 70px auto;
}

.section-21-box {
    padding: 25px 0;
    overflow: hidden;
}


/************************************
30)Section0
*************************************/

.section-0-background {
    background: #286090;
    padding: 40px 0;
    margin-top: -1px;
}

.section-0-box-text-cont h3 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
}

.section-0-box-text-cont p {
    color: #fff;
    font-style: italic;
    margin: 0 0 10px 0;
    font-size: 16px;
}

.section-0-btn-cont {
    text-align: right;
    margin: 0;
}
.section-0-btn-cont .btn {
    background: #fff;
    border-color: #fff;
    color: #333;
}
@media only screen and (max-width: 767px) {
  .section-0-btn-cont{
    text-align:left;
  }
}
/* ==================================== Pricing ======================= */

.section-pricing {
    position: relative;
    z-index: 3;
}
.section-gray {
    background: #e5e5e5 none repeat scroll 0 0;
}
.block {
    background: #fff none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.block-caption {
    color: #3c4857;
    font-family: "Lato","Times New Roman",serif;
    font-weight: 700;
}
.block-plain {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
}
.block .category:not([class*="text-"]) {
    color: #3c4857;
}
.block-background {
    background-position: center center;
    background-size: cover;
    text-align: center;
}
.block-raised {
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.block-background .table {
    margin: 0 auto;
    max-width: 440px;
    min-height: 280px;
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative;
    z-index: 2;
}
.block-background .block-caption {
    color: #ffffff;
    margin-top: 10px;
}
.block-pricing.block-background::after {
    background-color: rgba(0, 0, 0, 0.7);
}
.block-background::after {
    background-color: rgba(0, 0, 0, 0.56);
    border-radius: 6px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
[class*="pricing-"] {
    padding: 90px 0 60px;
}
.block-pricing {
    text-align: center;
}
.block-pricing .block-caption {
    margin-top: 30px;
}
.block-pricing .table {
    margin-bottom: 0;
    padding: 15px;
}
.block-pricing .icon {
    color: #3c4857;
    padding: 10px 0 0;
}
.block-pricing .icon i {
    border: 1px solid #ececec;
    border-radius: 50%;
    font-size: 55px;
    height: 130px;
    line-height: 130px;
    width: 130px;
}
.block-pricing h1 small {
    font-size: 18px;
}
.block-pricing h1 small:first-child {
    font-size: 26px;
    position: relative;
    top: -17px;
}
.block-pricing ul {
    list-style: outside none none;
    margin: 10px auto;
    max-width: 240px;
    padding: 0;
}
.block-pricing ul li {
    border-bottom: 1px solid rgba(153, 153, 153, 0.3);
    color: #3c4857;
    padding: 12px 0;
    text-align: center;
}
.block-pricing ul li:last-child {
    border: 0 none;
}
.block-pricing ul li b {
    color: #3c4857;
}
.block-pricing ul li i {
    position: relative;
    top: 6px;
}
.block-pricing.block-background ul li, .block-pricing [class*="table-"] ul li {
    border-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
}
.block-pricing.block-background ul li b, .block-pricing [class*="table-"] ul li b {
    color: #ffffff;
}
.block-pricing.block-background [class*="text-"], .block-pricing [class*="table-"] [class*="text-"] {
    color: #ffffff;
}
.block-pricing.block-background::after {
    background-color: rgba(0, 0, 0, 0.7);
}
.block-background:not(.block-pricing) .btn {
    margin-bottom: 0;
}
.block .table-primary {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #ab47bc, #7b1fa2) repeat scroll 0 0;
}
.block [class*="table-"] .block-caption a, .block [class*="table-"] .block-caption, .block [class*="table-"] .icon i {
    color: #ffffff;
}
.block-pricing .block-caption {
    margin-top: 30px;
}
.block [class*="table-"] h1 small, .block [class*="table-"] h2 small, .block [class*="table-"] h3 small {
    color: rgba(255, 255, 255, 0.8);
}
.block .table-primary {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #ab47bc, #7b1fa2) repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 16px 26px -10px rgba(156, 39, 176, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}
.block .table-info {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #26c6da, #0097a7) repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}
.block .table-success {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #66bb6a, #388e3c) repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}
.block .table-warning {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #ffa726, #f57c00) repeat scroll 0 0;
    border-radius: 6px;
}
.block .table-danger {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #ef5350, #d32f2f) repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
}
.block .table-rose {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #ec407a, #c2185b) repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
}
.block [class*="table-"] .category, .block [class*="table-"] .block-description {
    color: rgba(255, 255, 255, 0.8);
}

.btn.btn-round {
    border-radius: 30px;
}
.nav-pills:not(.nav-pills-icons) > li > a {
    border-radius: 30px;
    font-weight: 400;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #9c27b0;
    box-shadow: 0 16px 26px -10px rgba(156, 39, 176, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
    color: #ffffff;
}

.tab-space {
    padding: 20px 0 50px;
}


/* ==================================== nexas_search_domain_Area Css ======================= */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .nexas_search_domain_area {
        padding-bottom: 50px;
    }
}

.nexas_search_domain_area .nexas_domain_text {
    color: #fff;
    font-size: 15px;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .nexas_search_domain_area .nexas_domain_text {
        padding-bottom: 40px;
        text-align: center;
        font-size: 13px;
    }
}

.nexas_search_domain_area .nexas_domain_text h2 {
    margin-bottom: 10px;
    font-size: 22px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nexas_search_domain_area .nexas_domain_text h2 {
        font-size: 25px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nexas_search_domain_area .nexas_domain_text h2 {
        font-size: 21px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .nexas_search_domain_area .nexas_domain_text h2 {
        margin-bottom: 20px;
    }
}

.nexas_domain_search {
    padding-top: 50px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .nexas_domain_search {
        padding-top: 0;
        padding-bottom: 90px;
    }
}

.nexas_search_input {
    position: relative;
}

.nexas_search_input input {
    color: #fff;
    border: medium none;
    height: 50px;
    padding: 0 30px;
    width: 90%;
    margin-left: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nexas_search_input input {
        width: 86%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nexas_search_input input {
        width: 80%;
        margin-left: 22px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .nexas_search_input input {
        font-size: 12px;
        height: 44px;
        margin-left: 0;
        padding: 0 15px;
        width: 92%;
    }
}

.nexas_search_submit input {
    border: medium none;
    color: #fff;
    font-size: 16px;
    height: 50px;
    position: absolute;
    right: 15px;
    text-transform: uppercase;
    top: 50px;
    width: 100px;
    background: #3e4951;
    font-weight: 600;
    font-family: "Fontawesome", sans-serif;
}

.nexas_search_submit input:hover {
    background: #dddddd none repeat scroll 0 0;
    box-shadow: 0 0 3px black;
    color: #222222;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nexas_search_submit input {
        width: 80px;
        font-size: 12px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .nexas_search_submit input {
        font-size: 12px;
        height: 44px;
        padding-right: 6px;
        right: 15px;
        top: 0;
        width: 63px;
    }
}

.nexas_single_check {
    color: #fff;
    float: left;
    padding-right: 30px;
    margin-top: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nexas_single_check {
        padding-right: 11px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nexas_single_check {
        padding-right: 8px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .nexas_single_check {
        padding-right: 8px;
    }
}

.nexas_single_check span {
    margin-left: 4px;
    color: #252525;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .nexas_single_check span {
        margin-left: 1px;
    }
}

.nexas_checkbox2 {
    margin-left: 35px;
    margin-top: 3px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .nexas_checkbox2 {
        margin-left: 0;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .nexas_checkbox {
        margin-left: 10px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .nexas_checkbox {
        padding: 0 80px 0;
    }
}

.nexas_single_check {
    position: relative;
}

.nexas_single_check label {
    cursor: pointer;
    height: 14px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 14px;
}
.nexas_single_check label{
    background: #fff;
}
.nexas_single_check label:after {
    opacity: 0;
    position: absolute;
    content: '\f00c';
    font-family: "Fontawesome", sans-serif;
    background: transparent;
    top: 0;
    left: 2px;
    border-top: none;
    border-right: none;
    font-size: 9px;
}

.nexas_single_check label:focus::after {
    opacity: 1;
}

.nexas_single_check input[type=checkbox]:checked + label:after {
    opacity: 1;
    color: #fff;
}

.nexas_single_check input[type=checkbox]:checked + label {
    background: #3e4951;
}

.nexas_single_check input[type=checkbox] {
    visibility: hidden;
}


.search-submit{background-color: #286090;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 13px 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 0;
   }

.search-field{border: 1px solid #e6e6e6;
    background: #fff;
    width: 100%;
    padding: 13px 15px;
    outline: none !important;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    color: #777;
    margin: 20px 0 0 0;}



.widget {
    list-style: none;
}

/************************************

#Go to Top

*************************************/
.go-to-top {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
    padding: 0px 15px;
    font-size: 40px;
    margin-bottom: 12px;
}
.go-to-top:hover{
    color: #ddd
}
.gotop{
    display: block;
}