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

1.Global
2.Preloader
3.Header
    - Logo
    - Navigation
    - Search
    - Mobile Menu
    - Navigation responsive trick
4.Overlay
5.Homepage Slider
6.Page Title
7.Icon hover
8.Counter
9.Skill
10.Home Project List
11.Testimonial
12.Client Section
13.Breadcrum
14.Page Banner
15.About Section
16.Video Background
17.Pie Chart
18.Service
19.Blog
20.Pagination
21.Sidebar
22.Blog Grid
23.Contact
24.Project Columns
25.Project Details
26.Shortcodes
    - Accordion and Toggles
    - Tabs
    - Pricing Tables 
    - Typography 
    - Buttons Tabs
    - Icon Styling 
    - Pagination 
    - Team Members
    - Testimonials
27.404
28.Footer
29.Go to Top
30.Responsive And Media Queries
	
-----------------------------------------------------------------------------------*/

/***** 1. Global Style *****/

*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased !important;
}

body {
    font-size: 1.6rem;
    font-family: 'Open Sans', sans-serif;
    color: #2e3233;
    background-color: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
}

a {
    color: #8f8f8f;
    outline: medium none;
    text-decoration: none;
}

a:hover {
    color: #0194a4;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

img {
    max-width: 100%;
}

/***** Global Style End *****/

/***** 2. Preloader *****/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: hidden;
    z-index: 999999999;
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../img/loader.svg); 
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}

/***** Preloader End *****/

/***** 3. Header *****/

#header .branding,
#header #nav {
    display: table-cell;
    vertical-align: middle;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.8px;
}

#header {
    top: 0px;
    width: 100%;
    z-index: 10000;
    left: 0;
    color: #000;
    position: fixed;
    transition: all 0.5s ease-in-out;
    height: 70px;
	background-color:rgba(224, 233, 234, 0.498039);
}

#header.header-color-white {
    
}

#header.header-color-white .logo a {
    color: #fff
}

#header.header-sticky {
    position: fixed;
    background: rgba(255, 255, 255, 0.9);
    left: 0;
    top: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    color: #333;
    height: auto
}

#header.header-sticky #nav>ul>li>a {
    line-height: 54px
}

#header.header-sticky .logo a {
    color: #333
}

#header .header-inner {
    display: table;
    width: 100%;
    position: relative
}

#header .header-top-nav {
    float: right;
    margin-bottom: 0;
}

#header #nav {
    text-align: right
}

/***** Logo ****/ 

#header .logo {
    font-size: 1.6667em;
    text-transform: uppercase;
    font-weight: 600;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    margin: 0;
    width: 176px;
    height: 70px;
	/***** background-color:#FFF;  ****/ 
}

#header .logo a {
    color: #000;
    display: block;
    height: 100%;
}

#header .logo img {
    margin-right: 5px;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 25px;
    height: 26px
}

/***** Search ****/ 

#header .mini-search {
    position: relative;
}

#search-form {
    background: none repeat scroll 0 0 #fff;
    color: #222;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    z-index: 1;
    transition: all 0s ease 0s;
    font-size: 14px;
}

#search-form input[type="text"] {
    background: inherit;
    border: 0 none;
    height: 100%;
    outline: 0 none;
    padding: 0 32px 0 20px;
    width: 100%;
    z-index: 2;
    text-transform: uppercase;
    font-weight: 700;
}

#search-form.open {
    opacity: 1;
    width: 100%;
    height: 70px;
}

.search:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: 300;
}

.close-search {
    padding-right: 10px !important;
    position: relative;
    z-index: 99;
    color: #0194a4;
}

.close-search:before {
    content: "\f00d";
    font-family: FontAwesome;
}

/***** Navigation ****/ 

#nav {
    text-align: right;
}

#nav .mini-cart .fa,
#nav .mini-search .fa {
    color: #0194a4;
}

#nav .mini-cart>a {
    padding: 0 10px
}

#nav .mini-search>a {
    padding: 0 0 0 10px;
    color: #0194a4 !important;
}

#nav .menu-item-has-children:hover>.sub-nav {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    -webkit-animation: fadeInLeft 0.7s;
    -moz-animation: fadeInLeft 0.7s;
    animation: fadeInLeft 0.7s;
}

#nav li.active>a {
    color: #3c206d !important;
}

#main-nav {
    margin-bottom: 0;
}

#nav>ul>li {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: left
}

#nav>ul>li>a {
    display: block;
    font-size: 14px;
   
    font-weight: 700;
    text-transform: uppercase;
    line-height: 70px;
    padding: 0 12px;
    color: #fff;
    text-decoration: none;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}

#nav>ul>li>a:hover {
    color: #3c206d !important;
}

#nav .sub-nav {
    position: absolute;
    /*top: 100%;*/
    
    left: 0;
    visibility: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 240px;
    padding: 10px 0;
}

#nav .sub-nav li {
    padding: 0 25px
}

#nav .sub-nav li a {
    font-size: 13px;
    padding: 8px 0;
    display: block;
    color: #ccc;
}

#nav .sub-nav li.menu-item-has-children {
    position: relative
}

#nav .sub-nav.position-left {
    right: 0;
    left: auto
}

#nav .sub-nav .sub-nav {
    top: -10px;
    left: 100%
}

#nav .sub-nav .sub-nav.position-left {
    left: -100%
}

#nav>ul>.mega-menu-item {
    position: static
}

#nav>ul>.mega-menu-item .sub-nav {
    width: 100%
}

#nav>ul>.mega-menu-item:hover .sub-nav {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible
}

#nav>ul>.mega-menu-item>.sub-nav {
    left: 0;
    padding: 20px 0
}

#nav>ul>.mega-menu-item>.sub-nav>li {
    float: left;
    padding: 0 25px
}

#nav>ul>.mega-menu-item>.sub-nav>li>a {
    cursor: default;
    margin-bottom: 5px;
    border-bottom: 1px dashed #ccc;
}

#nav>ul>.mega-menu-item>.sub-nav:after {
    display: table;
    content: "";
    clear: both
}

#nav>ul>.mega-menu-item.mega-column-1>.sub-nav>li {
    width: 100%;
    float: none
}

#nav>ul>.mega-menu-item.mega-column-2>.sub-nav>li {
    width: 50%
}

#nav>ul>.mega-menu-item.mega-column-3>.sub-nav>li {
    width: 33.3333%
}

#nav>ul>.mega-menu-item.mega-column-4>.sub-nav>li {
    width: 25%
}

#nav>ul>.mega-menu-item.mega-column-5>.sub-nav>li {
    width: 20%
}

#nav>ul>.mega-menu-item.mega-column-6>.sub-nav>li {
    width: 16.6666%
}

#nav>ul>.mega-menu-item .sub-nav .sub-nav {
    position: static;
    padding: 0;
    -webkit-animation: none 1s ease-in-out;
    -moz-animation: none 1s ease-in-out;
    animation: none 1s ease-in-out;
    background: none !important
}

#nav>ul>.mega-menu-item .sub-nav .sub-nav li {
    padding: 0
}

#nav>ul>.mega-menu-item .sub-nav .sub-nav li a {
    padding: 9px 0
}

#nav>ul>.mega-menu-item .sub-nav .sub-nav li .fa {
    width: 30px;
    text-align: left
}

#nav .mini-cart .cart-content {
    left: auto;
    right: 0;
    padding: 25px;
    width: 300px
}

#nav .mini-cart .cart-content .product-list li {
    padding: 0;
    background: none
}

#nav .mini-cart .cart-content .product-list li .product-title {
    padding: 0
}

#nav .mini-cart .cart-content .product-list .empty {
    color: inherit;
    font-size: 1.0833em
}

#nav .mini-cart .cart-content .btn-view-cart {
    padding: 0 20px;
    font-size: 0.8333em
}

#nav .mini-cart .cart-content .btn-view-cart .fa {
    margin-right: 10px;
    font-size: 12px
}

#nav .mini-cart .cart-content .cart-action,
#nav .mini-cart .cart-content .cart-price {
    display: table-cell;
    vertical-align: middle
}

#nav .mini-cart .cart-content .cart-price {
    text-align: right;
    font-size: 1.0833em
}

#nav .mini-cart .cart-content .total-price {
    padding-left: 15px
}

#nav .btn-cart-view-hover-style,
#nav .mini-cart .cart-content .btn-view-cart:hover,
#nav.style-dark .mini-cart .cart-content .btn-view-cart:hover {
    color: #fff;
    background: #0194a4;
    border-color: #0194a4;
}

#nav .btn-cart-view-hover-style .fa,
#nav .mini-cart .cart-content .btn-view-cart:hover .fa {
    color: inherit
}

#nav li.menu-item-has-children>.sub-nav {
    background: #333;
}

#nav>ul>li.menu-item-has-children:hover>a {
    color: #0194a4;
}

#nav .sub-nav {
    color: #6a6a6a;
}

#nav .sub-nav li:hover>a,
#nav .sub-nav li.active>a {
    color: #0194a4;
    text-decoration: none;
}

#nav .sub-nav li:hover>a .fa,
#nav .sub-nav li.active>a .fa {
    color: #0194a4;
}

#nav>ul>.mega-menu-item>.sub-nav>li>a {
    color: #fff;
}

#nav .mini-cart .cart-content .product-list li,
#nav .mini-cart .cart-content .product-title,
#nav .mini-cart .cart-content .btn-view-cart {
    color: #6a6a6a;
    border-color: #b7b7b7;
}

#nav .mini-cart .cart-content .btn-view-cart .fa {
    color: #b7b7b7
}

#nav .mini-cart .cart-content .product-title:hover {
    color: #0194a4;
}

#nav .mini-cart .cart-content hr {
    border-color: #f0efef
}

#nav .mini-cart .cart-content .total-price {
    color: #0194a4;
}

#nav .mini-search .main-nav-search-form input[type=text] {
    background: #fff
}

#nav.style-dark .style-dark-color,
#nav.style-dark .mini-cart .cart-content .product-list li,
#nav.style-dark .mini-cart .cart-content .product-title,
#nav.style-dark .mini-cart .cart-content .btn-view-cart {
    color: #fff;
    border-color: #fff
}

#nav.style-dark li.menu-item-has-children>.sub-nav {
    background: rgba(0, 0, 0, 0.9)
}

#nav.style-dark>ul>li.menu-item-has-children:hover>a {
    color: #fff;
    background: rgba(0, 0, 0, 0.9)
}

#nav.style-dark .sub-nav {
    color: #6a6a6a
}

#nav.style-dark .sub-nav li:hover>a,
#nav.style-dark .sub-nav li.active>a {
    color: #fff
}

#nav.style-dark .sub-nav li:hover>a .fa,
#nav.style-dark .sub-nav li.active>a .fa {
    color: #0194a4;
}

#nav.style-dark>ul>.mega-menu-item>.sub-nav>li>a {
    color: #fff
}

#nav.style-dark .mini-cart .cart-content .btn-view-cart .fa {
    color: #fff
}

#nav.style-dark .mini-cart .cart-content .product-title:hover {
    color: #0194a4;
}

#nav.style-dark .mini-cart .cart-content hr {
    border-color: #202020
}

#nav.style-dark .mini-cart .cart-content .total-price {
    color: #fff
}

#nav.style-dark .mini-search .main-nav-search-form input[type=text] {
    background: #000
}

#nav.style-colored .style-colored-color,
#nav.style-colored .mini-cart .cart-content .product-list li,
#nav.style-colored .mini-cart .cart-content .product-title,
#nav.style-colored .mini-cart .cart-content .btn-view-cart .fa {
    color: #0194a4;
}

#nav.style-colored .mini-cart:hover .fa,
#nav.style-colored .mini-search:hover .fa {
    color: #fff;
    border-color: #fff
}

#nav.style-colored li.menu-item-has-children>.sub-nav {
    background: rgba(255, 102, 0, 0.9)
}

#nav.style-colored>ul>li.menu-item-has-children:hover>a {
    color: #fff;
    background: rgba(255, 102, 0, 0.9)
}

#nav.style-colored .sub-nav {
    color: #0194a4;
}

#nav.style-colored .sub-nav li:hover>a,
#nav.style-colored .sub-nav li.active>a {
    color: #fff
}

#nav.style-colored .sub-nav li:hover>a .fa,
#nav.style-colored .sub-nav li.active>a .fa {
    color: #1b4268
}

#nav.style-colored>ul>.mega-menu-item>.sub-nav>li>a {
    color: #fff
}

#nav.style-colored .mini-cart .cart-content .btn-view-cart {
    color: #fff;
    border-color: #fff
}

#nav.style-colored .mini-cart .cart-content .product-title:hover {
    color: #fff
}

#nav.style-colored .mini-cart .cart-content .btn-view-cart:hover {
    background: #1b4268;
    border-color: #1b4268
}

#nav.style-colored .mini-cart .cart-content .btn-view-cart:hover .fa {
    color: #fff
}

#nav.style-colored .mini-cart .cart-content hr {
    border-color: #ff7d26
}

#nav.style-colored .mini-cart .cart-content .product-price,
#nav.style-colored .mini-cart .cart-content .total-price {
    color: #fff
}

#nav.style-colored .mini-search .main-nav-search-form input[type=text] {
    background: #000
}

#header.header-sticky #nav .mini-search .main-nav-search-form input[type="text"] {
    background: #fff
}

#header.header-sticky #nav>ul>li.menu-item-has-children>.sub-nav {
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.11)
}

/***** Mobile Menu ****/ 

.mobile-nav-wrapper {
    background: #222;
}

.mobile-nav {
    padding: 15px 20px;
    color: #455b79;
    font-size: 1.0833em
}

.mobile-nav li>a {
    display: block
}

.mobile-nav li.active>a {
    color: #0194a4;
}

.mobile-nav>li>a {
    text-transform: uppercase;
    line-height: 3em;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.mobile-nav .sub-nav {
    display: none
}

.mobile-nav .menu-item-has-children {
    position: relative
}

.mobile-nav .menu-item-has-children .open-subnav {
    position: absolute;
    right: 0;
    text-align: center;
    width: 1.8em;
    cursor: pointer;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    top: 0.2em;
    font-size: 18px;
    color: #fff;
}

.mobile-nav .menu-item-has-children .open-subnav:before {
    font-family: FontAwesome;
    content: "\f105"
}

.mobile-nav .menu-item-has-children.opened>.open-subnav,
.mobile-nav .menu-item-has-children>.open-subnav:hover {
    color: #0194a4;
}

.mobile-nav .menu-item-has-children.opened>a {
    color: #0194a4;
}

.mobile-nav .menu-item-has-children.opened>.open-subnav:before {
    content: "\f107"
}

.mobile-nav .menu-item-has-children.opened .opened .sub-nav {
    color: #fff
}

.mobile-nav>.menu-item-has-children>.open-subnav {
    color: #fff;
    font-size: 18px;
}

.mobile-nav>.menu-item-has-children.opened>.open-subnav,
.mobile-nav>.menu-item-has-children>.open-subnav:hover {
    color: #0194a4;
}

.mobile-nav>.menu-item-has-children.opened>a {
    border-bottom: 1px dashed #333;
}

.mobile-nav.current-menu-item>a {
    color: #fff
}

.mobile-nav .sub-nav {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    padding: 10px 0 20px 15px;
}

.mobile-nav .sub-nav a {
    line-height: 3em;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
}

.mobile-nav .sub-nav .fa {
    margin-right: 10px
}

.mobile-nav .sub-nav .sub-nav {
    padding: 0 0 0 20px
}

/***** Responsive Tricks ****/ 

@media (min-width: 992px) {
    .mobile-menu {
        display: none !important
    }
    .visible-mobile {
        display: none !important
    }
}

@media (max-width: 991px) {
    .hidden-mobile {
        display: none !important
    }
    #header {
        height: 75px;
    }
    #search-form.open {
        height: 75px !important;
    }
    #header .logo {
        margin: 0 !important;
        position: relative;
        top: -3px;
    }
    #header .logo a {
        color: #fff !important
    }
    #header .branding {
        text-align: left !important
    }
    #header .header-top-nav>li {
        margin: 0
    }
    #header .header-top-nav>li>a {
        line-height: 75px;
        padding: 0 5px;
        color: #222 !important;
        font-size: 16px;
    }
    #header .header-top-nav>li>a .fa {
        color: #222;
        font-size: 18px;
        padding: 0 5px;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    #header .header-top-nav>li:hover .fa {
        color: #222;
    }
    #header .header-top-nav>li:last-child>a {
        padding-right: 0
    }
    #header .header-top-nav .mini-cart:hover>a {
        background: #0b1c32 !important
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .colors-section .logo-icon {
        max-width: 70%
    }
}

/***** Header End */


/***** 4. Overlay *****/

.gradient-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(23, 27, 30, 0.0);
    background: -moz-radial-gradient(center, ellipse cover, rgba(23, 27, 30, 0.0) 0%, rgba(23, 27, 30, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(23, 27, 30, 0.0)), color-stop(100%, rgba(23, 27, 30, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(23, 27, 30, 0.0) 0%, rgba(23, 27, 30, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(23, 27, 30, 0.0) 0%, rgba(23, 27, 30, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(23, 27, 30, 0.0) 0%, rgba(23, 27, 30, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(23, 27, 30, 0.0) 0%, rgba(23, 27, 30, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#191919', GradientType=1);
}

.solid-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(23, 27, 30, 0.8);
}

.divider {
    border-bottom: 1px dashed #eee;
    float: left;
    height: 1px;
    margin: 20px 0 50px;
    width: 100%;
}

/***** Overlay End *****/


/***** 5. Home Slider *****/

#home-slider {
    position: relative;
    margin: 0 0 20px;
}

/***** Superslides *****/

#slides .caption-wrapper {
    position: absolute;
    top: 40%;
    margin: 0 auto;
    width: 100%;
}

#slides .slide-caption {
    padding: 10px 20px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 3;
}

#slides .slide-caption h1 {
    color: #141415;
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0;
    text-transform: uppercase;
	text-shadow:1px 2px 1px #c4c4c4;
}

#slides .slide-caption p {
    color: #3c206d;
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 3px;
    margin-bottom: 20px;
    text-transform: uppercase;
	text-shadow:1px 2px 1px #c4c4c4;
}

.slides-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    top: 46%;
    width: 100%;
}

.slides-navigation a {
    width: 64px;
    height: 64px;
    position: absolute;
    display: block;
}

.slides-navigation a.prev {
    background: url('../img/btn-prev.png') no-repeat;
    left: 50px;
}

.slides-navigation a.next {
    background: url('../img/btn-next.png') no-repeat;
    right: 50px;
}

.slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 5%;
    text-align: center;
    width: 100%;
}

.slides-pagination a {
    background: rgba(39, 49, 56, 0);
    border: 2px solid #fff;
    border-radius: 0;
    display: inline-block;
    height: 15px;
    margin: 5px;
    overflow: hidden;
    text-indent: -1000%;
    vertical-align: middle;
    width: 15px;
    border-radius: 50%;
}

.slides-pagination a.current {
    background: #fff;
    border: 2px solid #fff;
}

.mouse {
    display: block;
    width: 26px;
    height: 46px;
    border-radius: 13px;
    border: 1px solid #fff;
    position: absolute;
    bottom: 20%;
    left: 50%;
    margin-left: -13px;
    z-index: 9999;
}

.mouse span {
    display: block;
    margin: 6px auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0194a4;
    border: 1px solid transparent;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

/***** Home Slider End *****/


/***** 6. Page Title *****/

.welcome-block {
    padding: 50px 0;
    overflow: hidden;
}

.welcome-block h1 {
    font-size: 26px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0;
    text-transform: uppercase;
}

.welcome-block p {
    color: #222;
    font-size: 15px;
    line-height: 1.6;
    margin-top: 5px;
    font-weight: 300;
}

.btn-callout {
    background: none repeat scroll 0 0 #0194a4;
    border: 2px solid #0194a4;
    color: #fff;
    font-size: 14px;
    padding: 8px 18px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    margin-top: 12px;
    font-family: "Montserrat", sans-serif;
}

.btn-callout:hover {
    color: #0194a4;
    background-color: transparent;
}

/***** Page Title End *****/

/***** 7. Icon Hover Style *****/

.features {
    padding: 50px 0 0;
}

.features img {
    max-width: 100%;
}

.features-item {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.archtiko-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 30px;
    line-height: 56px;
    float: left;
}

.archtiko-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.archtiko-icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

.archtiko-icon-effect .archtiko-icon {
    background: rgba(38, 198, 219, 1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.archtiko-icon-effect .archtiko-icon:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 2px #0194a4;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}

.archtiko-icon-effect .archtiko-icon:hover {
    background: rgba(38, 198, 219, 1);
    color: #fff;
}

.archtiko-icon-effect .archtiko-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.features-info {
    float: right;
    width: 78%;
}

.features-info h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    margin: 0 0 5px;
}

.features-info p {
    color: #999999;
    font-size: 13px;
    font-weight: 400;
}

/***** Icon Hover End *****/


/***** 8. Counter Section *****/

.counter-section {
    background: url(../img/counter-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.counter-block {
    margin: 0 0 50px;
    color: #fff;
}

#counter-area {
    padding: 120px 0px 70px;
    text-align: center;
}

.cnt-no {
    font-size: 40px;
    color: #fff;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
}

.cnt-title {
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
}

/***** Counter Section Ends *****/


/***** 9. Skil Section *****/

.skil-section {
    padding: 180px 0 30px 0;
    background: url(../img/skill-bg.jpg) no-repeat fixed center center / cover;
}

.skil-section .chart h6,
.skil-section .percent:after,
.skil-section .percent {
    color: #fff;
}

/***** Skil Section Ends *****/


/***** 10. Home Project *****/

.portfolio-list {
    width: 100%;
    margin: 0 0 40px;
    overflow: hidden;
}

.portfolio-image-container {
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.hover-layer {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
}

.portfolio-image-container:hover .hover-layer {
    opacity: 1;
}

.portfolio-image-container img {
    transition: all 0.4s ease 0s;
}

.portfolio-image-container:hover img {
    transform: scale(1.2) rotate(5deg);
}

.portfolio-list .item {
    margin-bottom: 30px;
}

.portfolio-list .item img {
    bottom: 0;
    display: block;
    height: auto;
    width: 100%;
}

.portfolio-image-container .portfolio-intro-details {
    background: none repeat scroll 0 0 #0194a4;
    bottom: 0;
    color: #ffffff;
    height: 65px;
    left: 0;
    opacity: 0;
    padding: 15px 10px;
    position: absolute;
    transform: translateY(100%);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
    width: 100%;
}

.portfolio-image-container:hover .portfolio-intro-details {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
}

.prftl-det {
    font-size: 13px;
    width: 70%;
}

.prftl-det p {
    margin-bottom: 0 !important;
    line-height: 18px !important;
}

.prftl-det p a {
    color: #fff;
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

.prftl-det p.prtfl-cat {
    color: #222;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}

.prtfl-ico {
    width: 30%;
    text-align: right;
}

.prtfl-ico i {
    color: #fff;
    font-size: 20px;
    margin: 7px;
    transition: transform 0.4s ease 0s;
}

.prtfl-ico i:hover {
    transform: scale(1.2);
}

/***** Home Project End *****/


/***** 11. Testimonial *****/

.testimonial {
    padding: 50px 0 80px;
    background: url(../img/1.jpg) repeat;
    background-attachment: fixed;
}

#quote-carousel {
    padding: 0 10px 5px 10px;
    margin-top: 30px;
}

#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}

#quote-carousel .carousel-control.left {
    left: -60px;
}

#quote-carousel .carousel-control.right {
    right: -60px;
}

#quote-carousel .carousel-indicators {
    top: auto;
    bottom: 0px;
    width: 100%;
    position: relative;
    margin-left: 0;
    left: 0;
}

#quote-carousel .carousel-indicators li {
    width: 70px;
    height: 70px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.1s;
}

#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    border-color: #0194a4;
    opacity: 1;
    overflow: hidden;
}

.item blockquote {
    border-left: none;
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    padding: 0;
}

.item blockquote:before {
    display: none;
}

.item blockquote small {
    font-family: "Montserrat", sans-serif;
    color: #0194a4;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
    color: #0194a4;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/***** Testimonial End *****/

/***** 12. Client Section *****/

.clients {
    padding: 0 0 70px;
}

.client-row {
    line-height: 0;
    overflow: hidden;
    text-align: center;
}

.client-row .row-wrapper {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 80%;
}

.row-wrapper .col-sm-3 {
    border-right: 1px dashed rgba(0, 0, 0, 0.2);
}

.client-row .col-sm-3 {
    display: inline-block;
    line-height: 80px;
    min-height: 80px;
    padding-bottom: 16px;
    padding-top: 16px;
}

.client-row img {
    max-height: 60px;
    max-width: 100%;
    opacity: 0.3;
    transition: all 0.3s ease 0s;
}

.client-row:last-child .row-wrapper {
    border-bottom: medium none;
}

.row-wrapper .col-sm-3:last-child {
    border-right: medium none;
}

/***** Client Section End *****/

/***** 13. Breadcrum *****/

.breadcrum-area {
    color: #ffffff;
    padding-top: 175px;
    position: relative;
}

.breadcrum-area h2 {
    color: #fefefe;
    float: left;
    font-size: 25px;
    font-weight: normal;
    padding: 10px 0 20px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.breadcrum-area .breadcrum {
    font-size: 14px;
    font-weight: 300;
    padding: 32px 0;
    font-family: "Montserrat", sans-serif;
}

.breadcrum-area .breadcrum a {
    border: medium none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    outline: medium none;
    text-decoration: none;
}

.breadcrum-area .breadcrum a i {
    font-size: 12px;
    padding-right: 10px;
}

.breadcrum-area .breadcrum a:hover i,
.breadcrum-area .breadcrum a:hover,
.breadcrum-area .breadcrum span.active {
    color: #0194a4;
}

/***** Breadcrum End *****/


/***** 14. Page Banner Style *****/

.title-banner {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/***** Page Banner Style End *****/

/***** 15. About Section *****/

.about-banner {
    background: url("../img/banner/about3.jpg") no-repeat center center fixed;
}

.mission-banner {
    background: url("../img/banner/vision2.jpg") no-repeat center center fixed;
}

.abouttiles-banner {
    background: url("../img/banner/abouttiles-banner.jpg") no-repeat center center fixed;
}

.technical-banner {
    background: url("../img/banner/technical-2.jpg") no-repeat center center fixed;
}

.tilecleaning-banner {
    background: url("../img/banner/tiles-cleaning1.jpg") no-repeat center center fixed;
}

.tilescalculator-banner {
    background: url("../img/banner/tile-calc.jpg") no-repeat center center fixed;
}

.tileslaying-banner {
    background: url("../img/banner/tiles-laying.jpg") no-repeat center center fixed;
}

.packing-banner {
    background: url("../img/banner/packaging-1.jpg") no-repeat center center fixed;
}
.catalogue-banner {
    background: url("../img/banner/cat-banner.jpg") no-repeat center center fixed;
}
.export-banner {
    background: url("../img/banner/exporrt-2.jpg") no-repeat center center fixed;
}
.currency-banner {
    background: url("../img/banner/money-converter.jpg") no-repeat center center fixed;
}
.visualizer-banner {
    background: url("../img/banner/visualizer-banner.jpg") no-repeat center center fixed;
}
.certificate-banner {
    background: url("../img/banner/certificate-banner.jpg") no-repeat center center fixed;
}

.about-overview {
    float: left;
    padding: 0 0 55px;
    width: 100%;
}

.about-overview img {
    width: 100%;
}

.about-overview .overview h3 {
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
}

.title-divider {
    background-color: #0194a4;
    height: 2px;
    margin: 5px 2px 5px 0.5px;
    width: 12px;
}

.about-overview .overview p {
    color: #333;
    font-size: 14px;
    font-weight: 300;
    line-height: 22.5px;
    padding-top: 10px;
}

a.action-btn {
    background-color: #0194a4;
    border: 2px solid #0194a4;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    padding: 8px 20px;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

a.action-btn:hover {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #666262;
    color: #666262;
}

a.action-btn-white {
    background-color: #0194a4;
    border: 2px solid #0194a4;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    padding: 8px 20px;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

a.action-btn-white:hover {
    background-color: #666262;
    border: 2px solid #fff;
    color: #fff;
}

.company-info {
    float: left;
    padding: 0 0 60px;
    width: 100%;
}

.company-info h3 {
    color: #333;
    font-size: 18px;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.company-info p {
    color: #333;
    font-size: 14px;
    font-weight: 300;
    line-height: 22.5px;
    padding-top: 10px;
}

.company-info a {
    color: #0194a4;
    font-size: 15px;
    font-weight: 400;
    outline: medium none;
    padding: 0 0 3px;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

.company-info a:hover {
  
}

/***** About Section End *****/

/***** 16. Video background *****/

#archtiko-video--container {
    background: url(../media/vid-2.jpg) no-repeat center center;
    min-height: 370px;
    margin: 0 0 1px;
    overflow: hidden;
    position: relative;
}

#archtiko-video--video {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}

.archtiko-video--overlay {
    background: #000;
    opacity: 0.8;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

#archtiko-video--content {
    bottom: 0;
    left: 0;
    padding: 80px 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 2;
}

#archtiko-video--content p {
    margin: 30px 0 20px;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
}

#archtiko-video--content a {
    background-color: #0194a4;
    border: 2px solid #0194a4;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    padding: 8px 20px;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

#archtiko-video--content a:hover {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
}

/*video Testimonials */

.archtiko-video-container {
    margin-bottom: 0px !important;
    min-height: 450px !important;
}
/*video Testimonials Ends*/


/***** Video background End *****/

/***** 17. Pie Chart *****/

.chart-area {
    padding: 25px;
}

.chart {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 120px;
    text-align: center;
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.percent {
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    line-height: 120px;
    z-index: 2;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}

.chart p {
    margin-top: 10px;
}

.chart h6 {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

/***** Pie Chart End *****/

/***** 18.Service section style *****/

.teams-section img {
    width: 100%;
}

.service-block {
    background: url("../img/tools-bg.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    padding: 50px 0;
    position: relative;
}

/* Progress bar style */

.skills-container {
    position: relative;
    z-index: 2;
    font-family: "Montserrat", sans-serif;
}

.skills-container h2 {
    color: #fff;
    text-transform: uppercase;
}

.progress-bar-section {
    margin: 60px 0 0;
}

.progress-bar-section h4 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 5px;
    color: #fff;
}

.progress-bar-section .progress {
    background-color: #f2f2f2;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    height: 5px;
    margin-bottom: 45px;
    overflow: visible;
}

.progress-bar {
    position: relative;
    background: #0194a4;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.progress h5 {
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 12px;
    color: #FFFFFF;
    background: #0194a4;
    padding: 7px;
    border-radius: 30px;
}

.bubble-arrow:after {
    background: none repeat scroll 0 0 transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #0194a4;
    bottom: 0px;
    content: " ";
    height: 20px;
    right: -3px;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 20px;
}

/***** Progress bar style end *****/

/***** Service section style End *****/

/***** 19. Blog page style *****/

.blog-banner {
    background: url("../img/banner/blog-banner.jpg") no-repeat fixed center center / cover;
}
/***** News and News Detail Page Starts *****/

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

.news-list {
    float: left;
}

.news-list figure {
    float: left;
}

.news-img {
    margin-bottom: 20px;
}

.news-img img {
    width: 100%;
}

.news-info h2 {
    font-size: 24px;
    color: #666262;
    font-weight: normal;
    text-transform: none;
    margin-top: 0px;
    font-family: "Montserrat", sans-serif;
}

.news-info h2 a {
    font-size: 24px;
    color: #666262;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    outline: none;
}

.news-info h2 a:hover {
    color: #0194a4;
}

.meta {
    margin: 5px 0;
    font-family: "Montserrat", sans-serif;
}

.news-info .meta span {
    color: #9b9999;
    font-size: 13px;
    text-transform: uppercase;
    margin-right: 20px;
}

.news-info .meta span i {
    color: #666262;
    margin-right: 10px;
}

.news-info p {
    font-size: 15px;
    color: #9b9999;
    padding: 25px 0;
}

.more-news {
    float: left;
    margin-bottom: 15px;
    text-decoration: none;
    outline: none;
    font-size: 15px;
    color: #0194a4;
    font-weight: 400;
    padding: 0 0 3px;
    border-bottom: 2px solid #fff;
    font-family: "Montserrat", sans-serif;
}

.more-news:hover,
.more-news:focus {
    border-bottom: 2px solid #0194a4;
}

.full-width_news .news-img img {
    width: 100%;
    max-width: 750px;
}

.news-list .autor-post {
    margin-bottom: 40px;
    overflow: hidden;
}

.news-list .autor-post img {
    float: left;
    max-width: 130px;
}

.news-list .autor-post .autor-content {
    margin-left: 150px;
}

.news-list .autor-post .autor-content h2 {
    margin: 0;
    color: #222222;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.news-list .autor-post .autor-content span {
    color: #666666;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
}

.news-list .autor-post .autor-content p {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 10px;
}

/***** 19. Blog page style End *****/

/***** 20. Pagination *****/

.pagination {
    margin: 0 0 65px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #0194a4;
    border-color: #0194a4;
}

.pagination > li > a,
.pagination > li > span {
    padding: 8px 15px;
    border: none;
    color: #666262;
    outline: none;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #666262;
}

/***** 20. Pagination End *****/

/***** 21. Sidebar *****/

.sidebar h3 {
    color: #666262;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 0;
    font-family: "Montserrat", sans-serif;
}

.sidebar ul {
    list-style: none;
    padding: 15px 0;
}

.sidebar .popular ul {
    padding: 8px 0;
}

.sidebar .popular ul li {
    border-bottom: 1px solid #ccc;
    padding: 8px 0;
}

.sidebar .popular ul li:last-child {
    border: none;
}

.sidebar ul li a {
    text-decoration: none;
    outline: none;
    font-size: 15px;
    color: #9b9999;
    transition: all ease-in-out 0.5s;
}

.sidebar ul li a:hover {
    color: #0194a4;
    padding-left: 10px;
}

.popular,
.category,
.archive {
    margin-bottom: 40px;
}

.news-detail-divider {
    float: left;
    height: 1px;
    border-bottom: 1px dashed #eee;
    margin: 20px 0;
    width: 100%;
}

.social-box {
    float: left;
    margin-bottom: 70px;
}

.tweet-like {
    float: left;
    width: 110px;
}

.fb-like {
    float: left;
    width: 110px;
}

.pin-like {
    float: left;
    width: 110px;
}

/***** Sidebar End *****/

/***** 22. Blog Grid *****/

.masonry-blog {
    background: #f2f2f2;
    padding: 70px 0;
}

.masonry-blog .post {
    background: #fff;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    z-index: 1;
    margin-bottom: 30px;
}

.post .post-content,
.post .post-footer {
    padding: 0 20px;
    background: #fff;
}

.masonry-blog .post:after,
.contact-details:after {
    content: '';
    position: absolute;
    bottom: -3px;
    width: 98%;
    height: 2px;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    left: 1%;
    z-index: 0;
}

.post-img,
.post-video,
.no-media {
    position: relative;
    display: block;
    margin: 0 0 30px;
}

.no-media {
    height: 30px;
    background: url(../img/bg/pattern.html) repeat #fafafa;
}

.post-img img {
    width: 100%;
    height: auto;
}

.masonry-blog .post-img .post-type,
.masonry-blog .post-quote .post-type,
.masonry-blog .post-video .post-type,
.masonry-blog .no-media .post-type,
.masonry-blog .post-link .post-type {
    width: 60px;
    height: 60px;
    position: absolute;
    line-height: 50px;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    color: #333;
    bottom: -30px;
    left: 50%;
    margin-left: -30px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    overflow: hidden;
}

.post-heading {
    display: inline-block;
    font-size: 16px;
    margin: 10px 0 20px;
}

.post p {
    margin-bottom: 30px;
    color: #888888;
    font-size: 13px;
}

.post-meta {
    margin-bottom: 10px;
    background: none repeat scroll 0 0 #0194a4;
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 10px;
    position: absolute;
    text-align: center;
    top: 5px;
    right: 5px;
    width: 60px;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 2px;
}

.post-meta > span {
    margin-right: 15px;
}

.post-meta > span:last-child {
    margin-right: 0;
}

.post-meta .date {
    display: block;
    font-size: 20px;
    line-height: 22px;
}

.post-meta .month-year {
    display: block;
    font-size: 10px;
}

.post-meta a {
    color: #fff;
}

.post-meta a:hover {
    text-decoration: none;
    color: #242526;
}

.post-footer {
    padding: 0;
    background: none;
}

.post-footer:after {
    clear: both;
}

.post-footer:after,
.post-footer:before {
    display: table;
    content: '';
}

.post-footer .like,
.post-footer .comments {
    font-size: 14px;
    margin: 0 20px 0 0;
    font-family: "Montserrat", sans-serif;
}

.post-footer .like i {
    color: #eb003d;
}

.post-footer .comments i {
    color: #7ea700;
}

.post-footer a.post-more {
    color: #0194a4;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
}

.post-footer .like span {
    display: inline;
}

.post-footer a:hover:not(.btn),
.post-footer a:focus:not(.btn) {
    color: #333;
    text-decoration: none;
}

.post-quote,
.post-link {
    position: relative;
    display: block;
    margin: 0 0 30px;
    padding: 20px;
    background: #333;
}

.post-quote blockquote,
.post-link blockquote {
    padding: 0;
    border: 0;
    margin: 0;
}

.post-quote blockquote:before,
.post-link blockquote:before {
    display: none;
}

.post-quote blockquote p,
.post-link blockquote p {
    color: #fff;
    font-size: 14px !important;
    line-height: 1.3em;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
}

.post-quote:hover,
.post-link:hover {
    text-decoration: none;
}

.post-quote blockquote small,
.post-link blockquote small {
    background: none;
    padding: 0 0 20px 0;
    color: #fff;
    font-size: 12px;
}

.post-link {
    background: #999;
}

.post-video video {
    width: 100%;
    height: 203px;
}

.post-video:hover .mejs-controls {
    z-index: 3;
}

.post .post-footer {
    padding-bottom: 20px;
}

.post.audio {
    margin-top: 30px;
}

.post-audio {
    position: relative;
    padding: 30px 20px 20px;
}

.post-audio .post-type {
    width: 60px;
    height: 60px;
    position: absolute;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    background: #fff;
    border-radius: 100%;
    color: #333;
    overflow: hidden;
    bottom: auto;
    top: -30px;
    left: 50%;
    margin-left: -30px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.post .carousel {
    position: relative;
}

.post .carousel .carousel-indicators {
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin: 0;
    text-align: right;
    left: auto;
    width: auto;
}

.post-author-bio,
.comment-area {
    margin-bottom: 80px;
}

.post-author-bio .media {
    padding: 20px;
    background: #fff;
}

.post-author-bio .view-contributions {
    margin: 15px 0 0;
}

.comment-area .media {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}

.comment-area .media .media {
    border-top: 1px solid #e6e6e6;
    border-bottom: 0;
    padding-top: 20px;
    padding-bottom: 0;
}

.reply {
    border: 1px solid transparent !important;
    background-color: transparent;
    background-image: none !important;
    color: #999;
    margin-left: 10px;
}

.reply,
.reply:hover,
.reply:focus {
    box-shadow: none;
}

.reply:hover,
.reply:focus {
    background: #fff;
    border-color: #fff !important;
    color: #242526;
}

.single-post .post-featured-img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.post video,
.post audio {
    max-width: 100%;
}
/***** Blog Grid End *****/

/***** 23. Contact *****/

.contact-banner {
    background: url("../img/banner/contact-banner.jpg") no-repeat center center fixed;
}

.contact-form {
    padding: 0 0 20px;
}

.contact-form h3 {
    color: #5f5b5b;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 0;
    font-family: "Montserrat", sans-serif;
}

.contact-form p {
    color: #8f8f8f;
    font-size: 15px;
    padding: 15px 0;
}

form.contact_form label {
    color: #5f5b5b;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}

form.contact_form label small {
    color: #e74c3c;
    padding: 0 10px;
}

form.contact_form .input-tag {
    color: #b6b6b6;
    display: block;
    font-size: 11px;
    margin-bottom: 8px;
}

form.contact_form input {
    background-color: #efefef;
    border: medium none;
    box-shadow: none;
    color: #333;
    font-size: 13px;
    height: 40px;
}

.form-control:focus {
    box-shadow: none;
}

form.contact_form textarea {
    background-color: #efefef;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    font-size: 13px;
    resize: none;
}

form.contact_form .send {
    background-color: #0194a4;
    border: 2px solid #0194a4;
    border-radius: 0;
    color: #ffffff;
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 20px 0 10px;
    outline: medium none;
    padding: 8px 18px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    font-family: "Montserrat", sans-serif;
}

form.contact_form .send:hover {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #666262;
    color: #666262;
}

.contact-form .required p {
    color: #ff0000;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 0;
}

.contact-info {
    margin-bottom: 30px;
}

.contact-info h3 {
    color: #5f5b5b;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 0;
    font-family: "Montserrat", sans-serif;
}

.contact-info p {
    color: #8f8f8f;
    font-size: 15px;
    padding: 15px 0;
}

.contact-info .info {
    color: #8f8f8f;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    padding: 2px 0 0;
    word-wrap: break-word;
}

.contact-info .info-title {
    color: #8f8f8f;
    font-size: 16px;
    font-weight: 600;
    padding: 2px 0 0;
}

.office-location {
    margin-bottom: 40px;
}

.office-info {
    margin-bottom: 40px;
}

.office-time {
    margin-bottom: 40px;
}

#map_canvas {
    height: 350px;
    margin: 40px 0 0;
    width: 100%;
}

#map_canvas img {
    max-width: none;
}

/***** Contact End *****/


/***** 24. Project Columns style *****/

.project-banner {
    background: url("../img/banner/project-banner.jpg") no-repeat fixed center center / cover;
}

.project-detail-banner {
    background: url("../img/banner/project-detail-banner.jpg") no-repeat fixed center center / cover;
}

.latest-works {
    overflow: hidden;
    padding: 15px 0 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.container .latest-works {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-top: 10px;
}

.latest-works .logo,
.latest-works .logo img {
    margin: 0;
}

.container .latest-works.with-space-w {
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}

.latest-works .portfolio .portfolio-item {
    box-sizing: border-box;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 24.97%;
}

.latest-works.col2-w .portfolio .portfolio-item {
    width: 49.99%;
}

.latest-works.col3-w .portfolio .portfolio-item {
    width: 33.31%;
}

.latest-works.col4-w .portfolio .portfolio-item {
    width: 24.97%;
}

.latest-works.col5-w .portfolio .portfolio-item {
    width: 19.97%;
}

.latest-works.col6-w .portfolio .portfolio-item {
    width: 16.65%;
}

.icon-top-title i {
    color: #e84a52;
    display: inline-block;
    font-size: 64px;
}

.img-item {
    overflow: hidden;
    position: relative;
}

.img-item img {
    height: auto;
    margin: 0 0 -6px;
    padding: 0;
    width: 100%;
}

.portfolio .portfolio-item .img-item img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
}

.portfolio .portfolio-item:hover .img-item img {
    transform: scale(1.1) rotate(-3deg);
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
}

.portfolio {
    display: block;
    padding: 0;
}

.portfolio h4,
.recent-works-items h4,
.shop-item h4,
.side-list h5 {
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0 7px;
}

.portfolio h4 a,
.recent-works-items h4 a,
.shop-item h4 a,
.side-list h5 a {
    color: #494949;
}

.portfolio h4 a:hover,
.recent-works-items h4 a:hover,
.shop-item h4 a:hover,
.side-list h5 a:hover {
    text-decoration: underline;
}

.portfolio p,
.recent-works-items p {
   
    color: #909090;
    margin-bottom: 40px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.portfolio-item h5,
.portfolio-item h5 strong {
    color: #6a6a6a;
    font-size: 16px;
    font-weight: 600;
    margin-top: 8px;
}

nav.primary {
    padding: 10px;
}

nav.primary .portfolioFilters a {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 30px;
    color: #858a93;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.6px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0 !important;
    padding: 5px 12px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

nav.primary .portfolioFilters a:hover {
    color: #222;
}

nav.primary .portfolioFilters a.selected,
nav.primary ul li a:active {
    background-color: #0194a4;
    border-color: #0194a4;
    color: #fff;
    margin-top: 0 !important;
}

nav.primary .portfolioFilters .portf {
    color: #61a300;
    font-weight: bold;
    margin-right: 10px;
    padding-top: 5px;
}

nav.primary .portfolioFilters {
    clear: both;
    list-style: outside none none;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-top: 20px;
    text-align: center;
}

@media only screen and (min-width: 960px) {
    .portfolio-page-w nav.primary {
        padding: 20px;
    }
    .portfolio-page-w.latest-works {
        padding-top: 0;
    }
    .portfolio-page-w nav.primary .portfolioFilters {
        margin-top: 0;
    }
    .portfolio-page-w nav.primary .portfolioFilters a {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border-radius: 30px;
        color: #858a93;
        font-size: 13px;
        text-decoration: none;
        font-family: "Montserrat", sans-serif;
    }
    .portfolio-page-w nav.primary .portfolioFilters a:hover {
        color: #222;
    }
    .portfolio-page-w nav.primary .portfolioFilters a.selected {
        background-color: #0194a4;
        border-color: #0194a4;
        color: #fff;
    }
}

.zoomex,
.zoomex2 {
    background: url("../images/fancy-big-ico.html") no-repeat scroll center center rgba(0, 0, 0, 0.35);
    bottom: 0;
    color: rgba(0, 0, 0, 0);
    display: block;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    width: 100%;
}

.zoomex2 {
    background: rgba(23, 27, 30, 0.8);
}

.zoomex2 * {}

.zoomex2 i {
    color: inherit;
    font-size: 20px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
}

.zoomex2 a.zoomlink1 {
    background: #0194a4;
    bottom: 52%;
    color: #ffffff;
    height: 36px;
    left: 57%;
    margin-left: -44px;
    padding: 5px 0;
    text-align: center;
    position: absolute;
    width: 37px;
    border-radius: 30px;
}

.zoomex2 a.morelink1 {
    background: #0194a4;
    bottom: 52%;
    color: #ffffff;
    height: 36px;
    left: 52%;
    /*margin-left: -18px;*/
    
    padding: 5px 0;
    text-align: center;
    position: absolute;
    width: 37px;
    border-radius: 30px;
}

.zoomex2 a:hover i {
    color: #333;
}

.zoomex2 h6 {
    top: 60%;
    color: #ffffff;
    font-size: 20px;
    left: auto;
    letter-spacing: 1px;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.33s ease 0s;
    -webkit-transition: all 0.33s ease 0s;
    -moz-transition: all 0.33s ease 0s;
    -o-transition: all 0.33s ease 0s;
    -ms-transition: all 0.33s ease 0s;
    width: 100%;
    font-family: "Montserrat", sans-serif;
}

.zoomex2 h6 a {
    color: #ffffff;
    text-decoration: none !important;
}

.container .latest-works.col5-w .zoomex2 h6,
.container .latest-works.col6-w .zoomex2 h6 {
    font-size: 15px;
}

.zoomex2 span {
    bottom: 33%;
    color: #eeeeee;
    display: block;
    font-family: "Montserrat", serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 0;
    opacity: 0.2;
    position: absolute;
    text-align: center;
    transition: all 0.39s ease 0s;
    -webkit-transition: all 0.39s ease 0s;
    -moz-transition: all 0.39s ease 0s;
    -o-transition: all 0.39s ease 0s;
    -o-transition: all 0.39s ease 0s;
    width: 100%;
}

.img-item:hover .zoomex,
.prettyPhoto:hover .zoomex,
.img-item:hover .zoomex2,
.img-item:hover .zoomex2 * {
    opacity: 1;
}

.img-item:hover .zoomex2 h6 {
    top: 5%;
}


.img-item:hover .zoomex2 span {
    bottom:10%;
	font-size: 18px;
	
	
}


@media only screen and (min-width: 960px) and (max-width: 1600px) {
    .latest-works.col6-w .zoomex2 h6,
    .latest-works.col5-w .zoomex2 h6 {
        font-size: 13px;
    }
}

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

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

.isotope,
.isotope .isotope-item {
    transition-duration: 0.8s;
}

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

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

.portfolio-item i.fa-heart {
    color: #ef7c88;
    margin-top: 3px;
}

.portfolio-item.jcarousel-item.col-md-3 {
    float: left;
    width: 220px;
}

.portfolio-item-title {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 40px;
    padding-top: 14px;
    text-transform: uppercase;
}

.col-wks-1,
.col-wks-2,
.col-wks-3 {
    float: left;
    height: 65px;
    width: 25%;
}

.col-wks-2 {
    width: 50%;
}

.works-item-dets-wrap {
    background: none repeat scroll 0 0 #fcfcfc;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

.works-item-like-box,
.works-item-date-box {
    border-right: 1px solid #e5e5e5;
    color: #999999;
    font-size: 11px;
    height: 65px;
    padding-top: 11px;
    text-align: center;
}

.works-item-like-box i {
    color: #bebebe;
    font-size: 24px;
}

.works-item-like-box i.liked,
.works-item-like-box i:hover {
    color: #e53f51;
    cursor: pointer;
}

.works-item-detail-box,
.works-item-cat-box {
    border-left: 1px solid #e5e5e5;
    color: #888888;
    line-height: 1;
    padding: 9px 0 8px 20px;
}

.works-item-detail-box a {
    color: #808080;
}

.works-item-detail-box a:hover,
.works-item-cat-box a:hover {
    text-decoration: underline;
}

.works-item-detail-box hr {
    margin: 10px 0 8px;
}

.works-item-cat-box,
.works-item-date-box {
    font-size: 19px;
    font-weight: 300;
    height: 65px;
    padding-top: 22px;
}

.works-item-cat-box a {
    color: #134f90;
    font-size: 14px;
    font-weight: 600;
    margin-top: 2px;
}

@media only screen and (max-width: 767px) {
    .col-wks-3 {
        border-left: medium none;
        border-top: 1px solid #e5e5e5;
        width: 100%;
    }
    .col-wks-2 {
        width: 75%;
    }
    .works-item-detail-box,
    .works-item-cat-box {
        border-left: medium none;
    }
    .works-item-date-box {
        font-size: 21px;
        padding-top: 10px;
    }
}

.related-works {
    background: none repeat scroll 0 0 #f7f7f7;
    margin-bottom: -40px;
    margin-top: 30px;
    padding-bottom: 40px;
    padding-top: 160px;
}

.related-works h4.subtitle {
    border: medium none;
    font-size: 33px;
    font-weight: 800;
    letter-spacing: -2.3px;
    margin-bottom: 80px;
    margin-top: -130px;
    text-align: center;
    text-transform: capitalize;
}

.portfolio-archive-w .portfolio-item {
    float: left;
    padding: 0 15px;
    width: 32%;
}

.portfolio-archive-w .portfolio {
    margin: 10px -15px;
}

.wrks-itm-cat {
    letter-spacing: 1px;
    text-transform: uppercase;
}

#latest-projects li p {
    font-size: 11px;
    letter-spacing: -0.4px;
}

@media only screen and (max-width: 959px) {
    .latest-works .portfolio-item,
    .latest-works.col2-w .portfolio .portfolio-item,
    .latest-works.col3-w .portfolio .portfolio-item,
    .latest-works.col4-w .portfolio .portfolio-item,
    .latest-works.col5-w .portfolio .portfolio-item,
    .latest-works.col6-w .portfolio .portfolio-item {
        width: 50%;
    }
    .portfolio-item.jcarousel-item.col-md-3 {
        width: 200px;
    }
    .portfolio-item-dets {
        border-top: 2px solid #e5e5e5;
        float: none;
        height: 84px;
        margin-top: 30px;
        padding-top: 10px;
    }
    .related-works h4.subtitle {
        padding-right: 22px;
        position: absolute;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-page-w nav.primary .portfolioFilters a {
        display: inline-block;
        margin: 4px 2px;
        width: auto;
    }
}

@media only screen and (max-width: 479px) {
    .latest-works .portfolio-item,
    .latest-works.col2-w .portfolio .portfolio-item,
    .latest-works.col3-w .portfolio .portfolio-item,
    .latest-works.col4-w .portfolio .portfolio-item,
    .latest-works.col5-w .portfolio .portfolio-item,
    .latest-works.col6-w .portfolio .portfolio-item {
        width: 100%;
    }
    .portfolio-item.jcarousel-item.col-md-3 {
        width: 300px;
    }
}

@media only screen and (min-width: 1200px) {
    #latest-projects .portfolio-item.jcarousel-item.col-md-3 {
        width: 260px;
    }
}

/***** Project Columns style End *****/

/***** 25. Project Detail style *****/

.project-img {
    margin-bottom: 15px;
    position: relative;
}

.project-img img {
    width: 100%;
}

.project-detail-section h4 {
    color: #666666;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.project-location .note {
    padding: 15px 0 30px;
}

.project-location article span {
    color: #999999;
    float: left;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
}

#con-info p {
    margin-bottom: 0;
    margin-top: 0;
}

#con-info p span {
    color: #666666;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    margin-right: 5px;
}

#con-info .site {
    margin-bottom: 2em;
}

#project-location-map {
    height: 350px;
    margin: 20px 0 0;
    width: 100%;
}

.project-al ul {
    color: #888888;
    font-size: 13px;
    letter-spacing: 1px;
    list-style: disc;
}

.project-al li {
    display: block;
    padding: 0;
}

.project-al .item {
    margin: 0 0 25px;
}

.project-feature li {
    display: block;
}

.project-feature #myTabs > li {
    padding: 0;
}

.project-feature #myTabs > li > a {
    border-radius: 0px;
    font-size: 12px;
    color: #888;
    background-color: #f7f7f7;
    border: 1px solid #eee;
    margin-right: 0px;
    outline: none;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.project-feature #myTabs > li.active > a,
.project-feature #myTabs > li.active > a:hover,
.project-feature #myTabs > li.active > a:focus {
    background-color: #333;
    border: 1px solid #333;
    color: #fff;
}

.project-feature #myTabs > li > a:hover {
    background-color: transparent;
    color: #0194a4;
}

.project-feature #myTabContents {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.project-feature ul.features {
    font-size: 13px;
    color: #888;
}

.project-feature ul.features > li {
    margin-bottom: 6px;
    padding: 7px 0 7px 5px;
    color: #666666;
    font-size: 14px;
}

.project-neighbourhood p {
    font-size: 13px;
    color: #888;
    letter-spacing: 0.5px;
    line-height: 24px;
}

.neighbour-place {
    margin: 30px 0;
}

.neighbour-place img {
    margin-bottom: 25px;
}

#project-neighbour-map {
    min-height: 690px;
    width: 100%;
}

.map-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    float: left;
    height: 100%;
    top: 0;
    width: auto;
    text-align: center;
    left: 15px;
    right: 15px;
}

.map-overlay button {
    top: 50%;
    position: absolute;
    margin-top: -55px;
    background-color: transparent;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    outline: none;
    left: 50%;
    margin-left: -73px;
}

.map-overlay button > i {
    display: block;
    font-size: 25px;
    margin-bottom: 10px;
    outline: none;
}

.map-overlay button:hover,
.map-overlay button:focus {
    color: #009de0;
}

#neigbour-map #project-neighbour-map-model {
    min-height: 550px;
}

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

.project-section img {
    width: 100%;
}

.project-section .project-detail p {
    color: #666666;
    font-size: 13px;
}

.project-section .project-detail h4 {
    color: #222222;
    font-weight: 400;
    margin: 0 0 20px;
}

.project-section .project-detail p.desc {
    color: #666666;
    font-size: 13px;
}

.project-section .sharing-btns a.facebook:hover {
    background: none repeat scroll 0 0 #3b5998;
    color: #ffffff;
}

.project-section .sharing-btns a.twitter:hover {
    background: none repeat scroll 0 0 #00aced;
    color: #ffffff;
}

.project-section .sharing-btns a.google:hover {
    background: none repeat scroll 0 0 #dd4b39;
    color: #ffffff;
}

.project-section .sharing-btns a.pinterest:hover {
    background: none repeat scroll 0 0 #cb2027;
    color: #ffffff;
}

/***** Project Detail style End *****/

/***** 26. Shotcode style *****/

.shortcodes-banner {
    background: url("../img/banner/shortcodes-banner.jpg") no-repeat fixed center center / cover;
}

.shortcodes-section {
    padding: 50px 0;
}

.shortcodes-section p {
    font-size: 14px;
    color: #999;
    display: inline-block;
}

.inner-section {
    margin-bottom: 50px;
}

.shortcodes-section h4 {
    font-family: "Montserrat", sans-serif;
    color: #666262;
    font-size: 20px;
}
/* Accordion Style */

h3.ui-accordion-header {
    margin: 0 0 3px;
    cursor: pointer;
}

.ui-accordion-header {
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    line-height: 50px;
    margin: 0;
    background-color: #eee;
}

.accordion-no-bg .ui-accordion-header {
    background: none;
}

.ui-accordion-content p {
    margin: 0;
    padding-top: 0px;
    padding-bottom: 12px;
    font-size: 13px;
    color: #888;
}

.ui-accordion-content p:last-child {
    padding-bottom: 0px;
}

.ui-accordion-content {
    margin-left: 50px;
    display: none;
    margin-left: 49px;
    padding: 15px;
    padding-right: 17px;
}

.accordion-no-bg .ui-accordion-content {
    border-left: 1px dashed #7c8187;
    border-right: none;
    display: none;
    margin-left: 25px;
    padding: 15px 0 15px 36px;
}

.ui-accordion-header a {
    color: #4b4e53;
    text-decoration: none;
}

.accordion-no-bg .ui-accordion-header a {
    font-size: 14px;
    line-height: 14px;
}

.ui-accordion-header span {
    background-color: #7c8187;
    background-image: url(../img/plus.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 50px;
    width: 50px;
    margin-right: 15px;
    transition: all 0.3s ease 0s;
}

.accordion-no-bg .ui-accordion-header span {
    background-color: #7c8187;
    background-image: url(../img/plus.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-right: 15px;
    transition: all 0.3s ease 0s;
}

.ui-accordion-header:hover span {
    background-color: #0194a4;
    background-image: url(../img/plus-black.png);
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.3s ease 0s;
}

.ui-accordion-header-active:hover span {
    background-color: #0194a4;
    background-image: url(../img/minus-black.png);
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.3s ease 0s;
}

.ui-accordion-header-active span {
    background-color: #0194a4;
    background-image: url(../img/minus-black.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.accordion-no-bg .ui-accordion-header-active span {
    background-color: #0194a4;
    background-image: url(../img/minus-black.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.accordion-no-bg.ui-accordion-header-active span {
    background-color: #0194a4;
    background-image: url(../img/minus-black.png);
    background-position: center center;
    background-repeat: no-repeat;
}
/* Toggle Style */

.toggle-view-custom {
    margin: 0;
    padding: 0;
    list-style: none;
}

.toggle-view-custom li {
    cursor: pointer;
}

.toggle-view-custom li:first-child {
    margin-top: 0px;
}

.toggle-view-custom .panel {
    display: none;
    background: none;
    border: none;
    border-radius: 0;
    margin: 0;
    margin-left: 49px;
    padding: 15px;
    padding-right: 17px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.toggle-no-bg.toggle-view-custom .panel {
    border-left: 1px dashed #7c8187;
    border-right: none;
    display: none;
    margin-left: 25px;
    padding: 15px 0 15px 36px;
}

.toggle-no-bg .ui-accordion-header {
    background: none;
}

.toggle-no-bg .ui-accordion-header span {
    border-radius: 50%;
}

.toggle-view-custom .panel p {
    margin-top: 0;
    font-size: 13px;
    color: #888;
}

.panel p:last-child {
    margin-bottom: 0px;
}
/* Tabs Style */

.tab-header {
    display: block;
    width: 100%;
}

.tab-header ul {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

.tab-header ul li {
    display: table-cell;
    text-align: center;
    border: 1px solid #ddd;
    padding: 10px 0;
    cursor: pointer;
    background: #f4f4f4;
    transition: background .3s border .3s;
    -webkit-transition: background .3s border .3s;
    -moz-transition: background .3s border .3s;
}

.tab-header ul li.active-tab {
    border-top-color: #0194a4;
    border-top-width: 2px;
    border-bottom: none;
    background: #fff;
}

.tab-header ul li:hover {
    background: #fff;
}

.tab-header ul li a {
    color: #666;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
}

.tab-header ul li a .icons {
    padding-right: 10px;
}

.tab-header ul li.active-tab a {
    color: #0194a4;
}

.tab-content {
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px;
    color: #888;
    font-size: 13px;
}

.tab>:first-child {
    margin-top: 0;
}
/* Style 2 */

.tabs.style2 {
    display: table;
    width: 100%;
    vertical-align: top;
}

.tabs.style2>div {
    display: table-cell;
}

.tabs.style2 .tab-header {
    width: 35%;
    vertical-align: top;
}

.style2 .tab-header ul {
    display: block;
    width: auto;
}

.style2 .tab-header ul li {
    display: block;
    text-align: left;
    border: none;
    border-bottom: 1px solid #394d58;
    padding: 25px 10px 25px 50px;
    background: #23323a;
    position: relative;
    border-right: 8px solid #23323a;
}

.style2 .tab-header ul.no-icon li {
    padding: 25px;
}

.style2 .tab-header ul li:hover {
    background: #2d3b43;
}

.style2 .tab-header ul li.active-tab {
    background: #23323a;
}

.style2 .tab-header ul li.active-tab {
    border-right: 8px solid #0194a4;
}

.style2 .tab-header ul li.active-tab .icons {
    color: #fff;
}

.style2 .tab-header ul li a {
    color: #f5f5f5;
}

.style2 .tab-header ul li .icons {
    position: absolute;
    top: 21px;
    left: 10px;
    color: #8797a0;
    font-size: 30px;
}

.style2 .tab-content {
    border: none;
    padding: 20px;
    background: #f5f5f5;
}
/* Pricing Table style */
/* COMMON PRICING STYLES */

.pricing-table .panel {
    font-family: "Montserrat", sans-serif;
    transition: all 1s ease 1s;
}

.panel.price,
.panel.price>.panel-heading {
    border-radius: 0px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.panel.price:hover {
    transform: translateY(-20px);
    box-shadow: 0px 0px 5px #ccc;
}

.panel.price:hover>.panel-heading {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .2) inset;
}

.price .list-group-item {
    border-bottom-: 1px solid rgba(250, 250, 250, .5);
    padding: 20px 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

.panel.price .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.panel.price .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.price .panel-footer {
    color: #fff;
    border-bottom: 0px;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 0;
}

.panel.price .btn {
    box-shadow: 0 -1px 0px rgba(50, 50, 50, .2) inset;
    border: 0px;
    font-size: 14px;
}
/* green panel */

.price.panel-green>.panel-heading {
    color: #fff;
    background-color: #57AC57;
    border-color: #71DF71;
    border-bottom: 1px solid #71DF71;
}

.price.panel-green>.panel-body {
    color: #fff;
    background-color: #65C965;
}

.price.panel-green>.panel-body .lead {
    font-size: 40px;
    color: #fff;
}

.price.panel-green .list-group-item {
    color: #666;
    background-color: rgba(50, 50, 50, .01);
}
/* blue panel */

.price.panel-blue>.panel-heading {
    color: #fff;
    background-color: #608BB4;
    border-color: #78AEE1;
    border-bottom: 1px solid #78AEE1;
}

.price.panel-blue>.panel-body {
    color: #fff;
    background-color: #73A3D4;
}

.price.panel-blue>.panel-body .lead {
    font-size: 40px;
    color: #fff;
}

.price.panel-blue .list-group-item {
    color: #666;
    background-color: rgba(50, 50, 50, .01);
}
/* red price */

.price.panel-red>.panel-heading {
    color: #fff;
    background-color: #D04E50;
    border-color: #FF6062;
    border-bottom: 1px solid #FF6062;
}

.price.panel-red>.panel-body {
    color: #fff;
    background-color: #EF5A5C;
}

.price.panel-red>.panel-body .lead {
    font-size: 40px;
    color: #fff;
}

.price.panel-red .list-group-item {
    color: #666;
    background-color: rgba(50, 50, 50, .01);
}
/* grey price */

.price.panel-grey>.panel-heading {
    color: #fff;
    background-color: #6D6D6D;
    border-color: #B7B7B7;
    border-bottom: 1px solid #B7B7B7;
}

.price.panel-grey>.panel-body {
    color: #fff;
    background-color: #808080;
}

.price.panel-grey>.panel-body .lead {
    font-size: 40px;
    color: #fff;
}

.price.panel-grey .list-group-item {
    color: #666;
    background-color: rgba(50, 50, 50, .01);
}
/* white price */

.price.panel-white>.panel-heading {
    color: #666;
    background-color: #f9f9f9;
    border-color: #ccc;
    border-bottom: 1px solid #ccc;
}

.panel.panel-white.price:hover>.panel-heading {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .05) inset;
}

.price.panel-white>.panel-body {
    color: #fff;
    background-color: #dfdfdf;
}

.price.panel-white>.panel-body .lead {
    font-size: 40px;
}

.price:hover.panel-white>.panel-body .lead {
    color: #333;
}

.price.panel-white .list-group-item {
    color: #666;
    background-color: rgba(50, 50, 50, .01);
}
/* Typography Style */
/*** Dropcaps Style ***/

.dropcap {
    background: #0194a4;
    color: #ffffff;
    float: left;
    font-weight: 600;
    margin-bottom: 5px;
    margin-right: 15px;
    margin-top: 5px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

.dropcap.style1 {
    border-radius: 0 25px;
    font-size: 3.3333em;
    height: 1.2em;
    line-height: 1.2em;
    width: 1.2em;
}

.dropcap.style2 {
    border-radius: 50%;
    font-size: 2.5em;
    height: 1.6em;
    line-height: 1.6em;
    text-transform: uppercase;
    width: 1.6em;
}

.dropcap.style3 {
    background: none repeat scroll 0 0 #333333;
    border-radius: 25%;
    border-top: 5px solid #0194a4;
    font-size: 2.5em;
    height: 1.6em;
    line-height: 1.4em;
    text-transform: uppercase;
    width: 1.6em;
}

.dropcap.style4 {
    background: none repeat scroll 0 0 #333333;
    border-radius: 38px 0 38px 38px;
    font-size: 2.5em;
    height: 1.6em;
    line-height: 1.6em;
    text-transform: uppercase;
    width: 1.6em;
}
/*** Blockquote Style ***/

q,
blockquote {
    quotes: "“" "”" "‘" "’";
}

blockquote {
    border: medium none;
    font-size: 1em;
    padding: 20px 30px 25px 70px;
    position: relative;
}

blockquote:before,
blockquote:after {
    font-family: FontAwesome;
    font-size: 2.5em;
    vertical-align: middle;
}

blockquote:before {
    content: "\f10d";
    left: 16px;
    margin-right: 4px;
    position: absolute;
    top: 13px;
}

blockquote p {
    font-size: 1em !important;
}

blockquote.style1 {
    background: #333;
    color: #fff;
}

blockquote.style1:before {
    color: #0194a4;
}

blockquote.style1 p {
    margin-bottom: 30px;
}

blockquote.style1 > .name {
    color: #999;
    font-size: 1em;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
}

blockquote.style2,
blockquote.style3 {
    border: 1px solid #ccc;
    font-weight: 300;
    padding-bottom: 30px;
    padding-left: 65px;
    padding-top: 30px;
}

blockquote.style2:before,
blockquote.style3:before {
    color: #ccc;
    left: 16px;
    top: 23px;
}

blockquote.style2 p,
blockquote.style3 p {
    font-size: 1.3333em;
}

blockquote.style2:after {
    background: none repeat scroll 0 0 #ffffff;
    border-right: 21px solid rgba(0, 0, 0, 0);
    border-top: 21px solid #ccc;
    bottom: -1px;
    content: "";
    position: absolute;
    right: -1px;
}

blockquote.style3 {
    border-left: 8px solid #0194a4;
}
/*** Lists Style ***/

.lists .list {
    margin-top: 0;
}
/*** Heading Style ***/

.headings {
    color: #666262;
}
/* Buttons Style */
/*** 3D buttons ***/

.btn {
    margin: 4px;
}

.btn-hot {
    color: #fff;
    background-color: #db5566;
    border-bottom: 2px solid #af4451;
}

.btn-hot:hover,
.btn-sky.active:focus,
.btn-hot:focus,
.open>.dropdown-toggle.btn-hot {
    color: #fff;
    background-color: #df6a78;
    border-bottom: 2px solid #b25560;
    outline: none;
}

.btn-hot:active,
.btn-hot.active {
    color: #fff;
    background-color: #c04b59;
    border-top: 2px solid #9a3c47;
    margin-top: 2px;
}

.btn-sunny {
    color: #fff;
    background-color: #f4ad49;
    border-bottom: 2px solid #c38a3a;
}

.btn-sunny:hover,
.btn-sky.active:focus,
.btn-sunny:focus,
.open>.dropdown-toggle.btn-sunny {
    color: #fff;
    background-color: #f5b75f;
    border-bottom: 2px solid #c4924c;
    outline: none;
}

.btn-sunny:active,
.btn-sunny.active {
    color: #fff;
    background-color: #d69840;
    border-top: 2px solid #ab7a33;
    margin-top: 2px;
}

.btn-fresh {
    color: #fff;
    background-color: #51bf87;
    border-bottom: 2px solid #41996c;
}

.btn-fresh:hover,
.btn-sky.active:focus,
.btn-fresh:focus,
.open>.dropdown-toggle.btn-fresh {
    color: #fff;
    background-color: #66c796;
    border-bottom: 2px solid #529f78;
    outline: none;
}

.btn-fresh:active,
.btn-fresh.active {
    color: #fff;
    background-color: #47a877;
    border-top: 2px solid #39865f;
    outline: none;
    outline-offset: none;
    margin-top: 2px;
}

.btn-sky {
    color: #fff;
    background-color: #0bacd3;
    border-bottom: 2px solid #098aa9;
}

.btn-sky:hover,
.btn-sky.active:focus,
.btn-sky:focus,
.open>.dropdown-toggle.btn-sky {
    color: #fff;
    background-color: #29b6d8;
    border-bottom: 2px solid #2192ad;
    outline: none;
}

.btn-sky:active,
.btn-sky.active {
    color: #fff;
    background-color: #0a97b9;
    border-top: 2px solid #087994;
    outline-offset: none;
    margin-top: 2px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: none;
    outline-offset: 0px;
}
/*** icon buttons ***/

.btn-label {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 3px 0 0 3px;
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
    font-family: 'Open Sans', sans-serif;
}
/*** outline buttons ***/

.btn-outlined {
    border-radius: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-outlined.btn-primary {
    background: none;
    border: 3px solid #428bca;
    color: #428bca;
}

.btn-outlined.btn-primary:hover,
.btn-outlined.btn-primary:active {
    color: #FFF;
    background: #428bca;
    border-color: #428bca:
}

.btn-outlined.btn-success {
    background: none;
    border: 3px solid #5cb85c;
    color: #5cb85c;
}

.btn-outlined.btn-success:hover,
.btn-outlined.btn-success:active {
    color: #FFF;
    background: #47a447;
}

.btn-outlined.btn-info {
    background: none;
    border: 3px solid #5bc0de;
    color: #5bc0de;
}

.btn-outlined.btn-info:hover,
.btn-outlined.btn-info:active {
    color: #FFF;
    background: #39b3d7;
}

.btn-outlined.btn-warning {
    background: none;
    border: 3px solid #f0ad4e;
    color: #f0ad4e;
}

.btn-outlined.btn-warning:hover,
.btn-outlined.btn-warning:active {
    color: #FFF;
    background: #ed9c28;
}

.btn-outlined.btn-danger {
    background: none;
    border: 3px solid #d9534f;
    color: #d9534f;
}

.btn-outlined.btn-danger:hover,
.btn-outlined.btn-danger:active {
    color: #FFF;
    background: #d2322d;
}
/* Icon Style ( box ) Style 1 */

.servs-item {
    position: relative;
    padding: 20px;
    background: #fff;
    border: 1px solid #eef0f2;
    text-align: center;
    padding-top: 50px;
    margin-top: 40px;
    display: inline-block;
}

.servs-item i {
    background: #fff;
    color: #0194a4;
    border: 1px solid #eef0f2;
    width: 75px;
    height: 75px;
    line-height: 75px;
    font-size: 24px;
    border-radius: 50%;
    display: block;
    text-align: center;
    clear: both;
    position: absolute;
    top: -39px;
    left: 50%;
    margin-left: -40px;
}

.servs-item:hover i {
    background: #0194a4;
    color: #fff;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    border-color: #0194a4;
    transition: all 0.3s ease-in-out 0s;
}

.servs-item h4 {
    font-size: 16px;
    font-weight: 100;
    color: #666;
    font-family: "Montserrat", sans-serif;
    margin: 0 0 20px;
}

.servs-item p {
    margin-bottom: 10px;
    font-size: 13px;
}
/* Icon Style ( box ) Style 2 */

.servs-item2 {
    margin-top: 40px;
}

.servs-item2 i {
    color: #0194a4;
    font-size: 24px;
    display: block;
    text-align: center;
    clear: both;
    float: left;
    margin-right: 20px;
}

.servs-item2:hover i {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}

.servs-item2 h4 {
    font-size: 16px;
    font-weight: 100;
    color: #666;
    font-family: "Montserrat", sans-serif;
    margin: 0 0 20px;
}

.servs-item2 p {
    margin-bottom: 10px;
    font-size: 13px;
}
/* Icon Main Box Style */

.boxes {
    padding: 40px 0 80px;
    overflow: hidden;
}

.box {
    padding: 40px;
    text-align: center;
    float: left;
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.box i {
    width: 70px;
    height: 70px;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    display: block;
    margin: 0 auto 25px;
    padding: 20px;
    border-radius: 50%;
    border: 1px solid #fff;
}

.box h4 {
    font-size: 16px;
    color: #fff;
    "Montserrat", sans-serif font-weight: 100;
    margin: 0 0 20px;
}

.box p {
    color: #fff;
    text-align: center;
    padding: 0 20px;
    font-size: 13px;
}

.box:hover {
    background: #333;
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    border-radius: 0px;
}

.box-icons .column {
    min-height: 380px;
    overflow: hidden;
    padding: 120px 30px;
    position: relative;
    text-align: center;
    border: 1px dashed #ccc;
	background-color: #0194a4;
}

.box-icons .column:hover {
    background-color: #CCC;
    border-color: transparent;
}

.box-icons i {
    color: #fff;
    font-size: 64px;
}

.box-icons h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 20px 0;
    text-transform: uppercase;
}

.box-icons span.desc {
    display: block;
	color:#000;
    left: 0;
    opacity: 0;
    padding: 0 25px;
    position: absolute;
    /*top: 50%;*/
    
    transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    width: 100%;
    font-size: 14px;
    
}

.box-icons .main {
    transition: all 300ms cubic-bezier(0.07, 0.58, 0.39, 1) 0s;
    -webkit-transition: all 300ms cubic-bezier(0.07, 0.58, 0.39, 1) 0s;
    -moz-transition: all 300ms cubic-bezier(0.07, 0.58, 0.39, 1) 0s;
    -o-transition: all 300ms cubic-bezier(0.07, 0.58, 0.39, 1) 0s;
    -ms-transition: all 300ms cubic-bezier(0.07, 0.58, 0.39, 1) 0s;
}

.box-icons .main i,
.box-icons .main h2 {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.box-icons .column:hover .service-intro {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.box-icons .column:hover .desc {
    opacity: 1;
    transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

.box-icons .column:hover .main {
    margin-top: -75px;
}

.cyan-box {
    background: #0194a4;
}

.black-box {
    background: #3c414c;
}

.orange-box {
    background: #eb7c2b;
}

.blue-box {
    background: #285fdb;
}

.red-box {
    background: #dd444f;
}

.yellow-box {
    background: #ebb72b;
}

.lightgreen-box {
    background: #b4dd44;
}

.violet-box {
    background: #7e44dd;
}

.lightblue-box {
    background: #41e8a3;
}
/* --------------------------------------------------------	*/
/* Pagination */
/* --------------------------------------------------------	*/

.pagination,
.pagination-2 {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
}

.pagination > li,
.pagination-2 > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 10px 16px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #7a8188;
    background-color: #ffffff;
    border: 1px solid #E7EBEF;
    margin-left: -1px;
    display: inline-block;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #0194a4;
    border-color: #0194a4;
    cursor: default;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #F8F9FC;
    border-color: #E7EBEF;
    color: #282A2E;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
/* --------------------------------------------------------	*/
/* Pagination 2 */
/* --------------------------------------------------------	*/

.pagination-2 > li > a,
.pagination-2 > li > span {
    position: relative;
    float: left;
    padding: 10px 16px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #7a8188;
    background-color: #ffffff;
    border: 0px solid #E7EBEF;
    margin-left: -1px;
    display: inline-block;
}

.pagination-2 > .active > a,
.pagination-2 > .active > span,
.pagination-2 > .active > a:hover,
.pagination-2 > .active > span:hover,
.pagination-2 > .active > a:focus,
.pagination-2 > .active > span:focus {
    z-index: 2;
    color: #0194a4;
    background-color: #FFF;
    border-color: #E7EBEF;
    cursor: default;
}

.pagination-2 > li > a:hover,
.pagination-2 > li > span:hover,
.pagination-2 > li > a:focus,
.pagination-2 > li > span:focus {
    background-color: #FFF;
    border-color: #E7EBEF;
    color: #0194a4;
}

.pagination-2 > li:first-child > a,
.pagination-2 > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.pagination-2 > li:last-child > a,
.pagination-2 > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
/*** Pager Style ***/

.pager li > a,
.pager li > span {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
}

.pager li > a:hover,
.pager li > a:focus {
    background-color: #0194a4;
    text-decoration: none;
    color: #fff;
    border-color: #0194a4;
}
/* Team members style */

.animate {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/*=============== team style 1 ===============*/

.team-section h2 {
    font-weight: normal;
}

.team-section .common-team {
    background-color: #ffffff;
    border: 1px dashed #cccccc;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    padding: 8px;
    transition: all 0.5s ease-in-out;
}

.team-section .common-team:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0);
    background: #222;
    border-color: transparent;
}

.team-section .common-team figure {
    overflow: hidden;
    width: 100%;
    /*height: 250px;*/
}

.team-section img {
    width: 100%;
    height: auto;
    margin-top: -6em;
}

.team-section .common-team h5 {
    margin: 0;
    font-size: 18px;
    color: #444;
}

.team-section .common-team:hover h5 {
    color: #fff;
}

.team-section .common-team .text-content {
    padding: 19px 14px 13px;
}

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

.team-section .common-team small {
    color: #0194a4;
    font-size: 0.8em;
    font-style: italic;
}

.team-section .common-team ul {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -28px;
    text-align: center;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 1;
}

.team-section .common-team li a {
    background: #fff;
    border-radius: 50%;
    color: #666;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 32px;
    padding: 4px 0;
    text-align: center;
    width: 40px;
    box-shadow: 0 0 3px #666666;
    transition: all 0.3s ease-in-out;
}

.team-section .common-team li a:hover {
    background: #0194a4;
    color: #fff;
}

.team-img {
    /* Webkit for Chrome and Safari */
    
    -webkit-transform: scale(1, 1); // This is the scale for the normal size of the image.
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-out;
    /* Webkit for Mozila Firefox */
    
    -moz-transform: scale(1, 1);
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-out;
    /* Webkit for IE( Version: 11, 10 ) */
    
    -ms-transform: scale(1, 1);
    -ms-transition-duration: 500ms;
    -ms-transition-timing-function: ease-out;
}

.team-item:hover .team-img {
    /* Webkit for Chrome and Safari */
    
    -webkit-transform: scale(1.2, 1.2); // This is the enlarged size scale of the image.
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-out;
    /* Webkit for Mozila Firefox */
    
    -moz-transform: scale(1.2, 1.2);
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-out;
    /* Webkit for IE( Version: 11, 10 ) */
    
    -ms-transform: scale(1.20, 1.20);
    -ms-transition-duration: 500ms;
    -ms-transition-timing-function: ease-out;
    opacity: 0.5;
}

.team-item:hover .social-lists {
    margin-top: -2em;
    opacity: 1;
}
/*=============== team style 2 ===============*/

.team-box1 {
    margin-bottom: 20px;
}

.team-box1 .team-post {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.team-box1 .team-post img {
    width: 100%;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.team-box1 .team-post:hover img {
    transform: scale(1.05) rotate(2deg);
}

.team-box1 .team-post .team-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(67, 67, 67, 0.9);
    padding: 25px 16px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    opacity: 0;
}

.team-box1 .team-post .team-content h2 {
    color: #434343;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    margin: 0 0 18px;
    color: #ffffff;
    margin-bottom: 4px;
}

.team-box1 .team-post .team-content span {
    display: inline-block;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 15px;
    color: #0194a4;
    margin-bottom: 17px;
}

.team-box1 .team-post .team-content p {
    margin-bottom: 20px;
}

.team-box1 .team-post .team-content ul.team-social {
    bottom: 0;
    margin: 0;
    padding: 0 0 25px;
    position: absolute;
}

.team-box1 .team-post .team-content ul.team-social li {
    display: inline-block;
    margin-right: 18px;
}

.team-box1 .team-post .team-content ul.team-social li a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.team-box1 .team-post .team-content ul.team-social li a i {
    font-size: 18px;
    color: #ffffff;
}

.team-box1 .team-post .team-content ul.team-social li a i:hover {
    color: #0194a4;
}

.team-box1 .team-post:hover .team-content {
    opacity: 1;
}
/*=============== team style 3 ===============*/

.person {
    float: none;
    width: 24.6%;
    display: inline-block;
    vertical-align: top;
}

.person h5 {
    font-size: 18px;
    color: #fff;
    margin: 10px 0 2px;
}

.person small {
    color: #0194a4;
}

.person > a,
.person .gag,
.gag {
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    width: 240px;
    height: 240px;
    margin-left: -15px;
    margin-right: -15px;
}

.modal .img-circle.gag {
    margin-bottom: 0;
}

.person > a:first-child img {
    float: left;
    width: 100%;
}

.person .gag,
.gag {
    background-color: #222;
    display: inline-block;
    vertical-align: top;
}

.person .gag:hover {
    background-color: #0194a4;
}

.person > a:after,
.persion .gag:after,
.gag:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    content: '\e114';
    font-family: 'feather';
    background: rgba(38, 198, 219, 0.85);
    line-height: 240px;
    font-size: 36px;
    opacity: 0;
    border-radius: 100%;
    transition: opacity .3s ease;
}

.person > a:hover:after {
    opacity: 1;
}

.person .gag:after,
.gag:after {
    background-color: transparent;
    content: 'Join Us';
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    opacity: 1;
    text-transform: uppercase;
}
/* Shotcode style end */
/* Modal Style */

.modal {
    width: 100%;
    min-height: 100%;
    background-color: rgba(17, 17, 17, 1);
    color: #4c4c4c;
    z-index: 9999999;
    overflow: auto;
}

.modal h4 {
    margin: 25px 0 2px;
    color: #fff;
}

.modal small {
    color: #0194a4;
    letter-spacing: 1px;
}

.modal p {
    color: #666666;
    font-size: 14px;
    margin: 25px 0 30px;
}

.modal p:last-child {
    margin-bottom: 0;
}

a.social-ico {
    background: #fff;
    border-radius: 50%;
    color: #333;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    text-align: center;
    width: 30px;
    transition: all 0.3s ease-in-out;
}

a.social-ico:hover {
    background: #0194a4;
    color: #fff;
}

.modal .divtable {
    width: 100%;
}

.divtable {
    display: table;
    height: 100%;
}

.divcell {
    display: table-cell;
    vertical-align: middle;
}

.pclose {
    border: 0 none;
    display: block;
    font-size: 22px;
    height: 22px;
    opacity: 1;
    position: absolute;
    right: 65px;
    text-align: center;
    top: 45px;
    transition: opacity 0s ease 0s;
    width: 22px;
    z-index: 10;
}

.pclose:hover {
    background-position: 0 100%;
    opacity: 1;
}
/* Testimonial Style */
/*** Style 1 ***/

#carousel-1 .carousel-inner-set {
    min-height: 200px;
}

#carousel-1 .carousel-inner-set p {
    color: #333;
    font-size: 13px;
}

#carousel-1 .carousel-inner-set small {
    color: #888;
}

#carousel-1 .carousel-inner-set p:before {
    content: "\f10d";
    font-family: "Fontawesome";
    font-size: 18px;
    padding-right: 10px;
    position: relative;
    top: -3px;
}

#carousel-1 .carousel-indicators li {
    border: 1px solid #666;
}

#carousel-1 .carousel-indicators .active {
    background: #666;
}
/*** Style 2 ***/

#carousel-2 .carousel-inner {
    min-height: 200px;
}

#carousel-2 .testimonial-section {
    width: 100%;
    height: auto;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #666;
    font-size: 12px;
}

#carousel-2 .testimonial-section:after {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-top-color: #666;
    border-width: 15px;
    margin-left: -15px;
}

#carousel-2 .testimonial-section-name {
    margin-top: 30px;
    margin-left: 30px;
    text-align: left;
    color: #000;
}

#carousel-2 .testimonial-section-name img {
    max-width: 50px;
    border: 2px solid #666;
}

#carousel-2 .carousel-indicators-set {
    position: static;
    margin-left: 0px;
    width: 100%;
}

#carousel-2 .carousel-indicators li {
    border: 1px solid #666;
}

#carousel-2 .carousel-indicators .active {
    background: #666;
}
/*** Style 3 ***/

.parallax-carousel {
    padding: 70px 0;
    background: url("../img/banner/testimonial-bg.jpg") no-repeat fixed center center / cover rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 10px #222;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
    padding-bottom: 44px;
}

#fade-quote-carousel.carousel .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-inner .active {
    opacity: 1;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-indicators {
    bottom: 10px;
}

#fade-quote-carousel.carousel .carousel-indicators > li {
    background-color: #0194a4;
    border: none;
}

#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
    padding: 20px 30px 25px;
}

#fade-quote-carousel blockquote p:before {
    display: none;
}

#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}
/* Listing Style */

.list {
    list-style: outside none none;
    margin: 20px 0;
    padding: 0;
}

.list li {
    margin: 5px 0;
    position: relative;
}

.list li:before {
    display: inline-block;
    height: 20px;
    margin: 0 5px 0 0;
    position: relative;
    width: 20px;
    font-family: "feather";
    color: #0194a4;
}

.list.check-style li:before {
    content: "\e116";
}

.list.arrow-style li:before {
    content: "\e055";
}

.list.star-style li:before {
    content: "\e093";
}

.list.spark-style li:before {
    content: "\e064";
}

/***** Layout Styling *****/

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

.layout-list p {
    color: #9b9999;
    font-size: 15px;
    padding: 10px 0;
}

/***** Shotcode style End *****/

/***** 27. 404 Page *****/

.page-not-found-banner {
    background: url("../img/banner/404.jpg") no-repeat fixed center center / cover;
}

.page-not .title-area {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.page-not a {
    color: #0194a4;
    transition: all ease-in 0.3s;
}

.page-not a:hover {
    color: #8f8f8f;
}

.page-not-found {
    color: #0194a4;
}

.page-not-found span {
    display: block;
    font-size: 100px;
    line-height: 100%;
    margin: 0 0 30px;
}

/***** 27. 404 Page End *****/

/***** 28. Footer ****/

footer {
    background-color: #222;
    padding: 60px 0 0;
    color: #fff;
    position: relative;
}

.footer-navigation {
    padding: 20px 0px 70px;
    background: url(../img/line.png) bottom center repeat-x;
}
/* Footer Social links starts */

.footer-navigation h5 {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 15px;
    font-family: "Montserrat", sans-serif;
}

.footer-navigation .social-follow {
    padding: 0 10px;
    margin-bottom: 20px;
}

.footer-navigation .social-follow ul {
    padding: 0;
    text-align: center;
    margin: 0;
}

.footer-navigation .social-follow .socials li {
    display: inline-block;
    list-style: none outside none;
    margin: 3px;
}

.footer-navigation .social-follow .socials li a {
    float: left;
    width: 38px;
    height: 38px;
    color: #fff;
    border: 2px solid;
    border-radius: 50%;
    line-height: 32px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}

.footer-navigation .social-follow .socials li a:hover {
    color: #0194a4;
}
/* Footer Social links Ends */
/* Newsletter Starts */

.footer-navigation .newsletter {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.subscribe-block {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 3px;
}

.subscribe-block .input-box {
    width: 100%;
    margin: 0;
}

.subscribe-block .input-box input {
    padding: 6px 60px 6px 10px;
    width: 100%;
    height: 38px;
    /*line-height: 36px;*/
    
    font-size: 12px;
    color: #333;
    border: solid 1px #d2d2d2;
    background: #fff;
    box-shadow: none;
    margin-bottom: 10px;
}

.subscribe-block .actions {
    float: left;
}

.subscribe-block .actions button {
    position: absolute;
    right: 8px;
    top: 0;
    padding: 8px 0;
    background-color: transparent;
    border: none;
    color: #0194a4;
    font-size: 16px;
}

label.error {
    color: #e74c3c !important;
    font-size: 12px !important;
    font-weight: normal !important;
    margin: 0;
    display: inline-block;
}

#newsletter_form label.error {
    margin: -6px 0 0;
    display: block;
}

#newsletter_form .subscribe-block .input-box {
    position: relative;
}
/* Newsletter Ends */
/* Sitemap Starts */

.sitemap-block {
    float: right;
	
}

.sitemap {
    float: left;
   
}

.sitemap h5 {
    margin-bottom: 5px;
}

.sitemap ul {
    padding: 0;
    list-style: none;
}
.sitemap ul li  {border-bottom:1px solid #999; padding: 2px 20px 2px 12px;}
.sitemap ul li a {
    border: none;
    outline: none;
    text-decoration: none;
    color: #6a6a6a;
    font-weight: 300;
    font-size: 13px;
    transition: color 0.3s ease-in-out 0s;
}

.sitemap ul li a:hover {
    color: #0194a4;
}
/* Sitemap Ends */
/* Copyright */

.footer-navigation .copyright {
    color: #888;
    font-size: 12px;
    font-weight: 300;
    padding: 7px 0 0;
}
/* Copyright Ends */


.footer_logo {
    margin: 0 8px 0 0;
}

.footer-navigation .copyright a {
    color: #888;
    text-decoration: none;
}

.footer-navigation .copyright a:hover,
.footer-navigation .copyright a:active,
.footer-navigation .copyright a:focus {
    color: #0194a4;
}

.modal-dialog {
    max-width: 1000px !important;
}
/* Style 2*/
/*Footer-2*/

#footer-2 {
    padding-top: 0px;
    color: #fff;
}

#footer-2 a {
    color: #fff;
}

#footer-2 a:hover {
    color: #0194a4;
}

#footer-2 .footer-info {
    margin-bottom: 10px;
}

#footer-2 .footer-info > ul {
    margin-bottom: 10px;
}

#footer-2 .footer-info li {
    display: inline-block;
    font-size: 13px;
    position: relative;
    padding: 0 10px;
}

#footer-2 .footer-info li:before {
    content: "";
    position: absolute;
    right: 100%;
    width: 1px;
    background: #fff;
    height: 10px;
    top: 3px;
}

#footer-2 .footer-info li:first-child:before {
    position: static
}

#footer-2 .footer-info li a {
    color: #fff;
    font-size: 13px;
}

#footer-2 .footer-copywrite {
    font-size: 13px;
}

#footer-2 .footer-copywrite > a:hover,
#footer-2 .footer-info a:hover {
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #0194a4 !important;
}
/* Style 3 */

#footer-3 {
    padding-top: 0px;
}

#footer-3 .footer-navigation {
    line-height: 100px;
    padding-top: 0px;
    padding-bottom: 10px
}

#footer-3 .footer-navigation .social-follow .socials li a {
    border: none;
    padding: 0 8px;
    width: auto;
    height: auto;
    line-height: 0px;
}

#footer-3 .footer-navigation .social-follow ul {
    text-align: left;
}

#footer-3 .footer-navigation .copyright {
    padding: 0;
}

#footer-3 .footer-navigation .social-follow {
    margin-bottom: 0;
    padding: 0;
}

#footer-3 .col-xs-12.col-sm-6.col-md-5 {
    text-align: right;
}

/***** Footer End ****/


/***** 29. Back To Top  *****/

.back-to-top {
    background-color: #0194a4;
    border: medium none;
    border-radius: 50%;
    bottom: 2em;
    color: #ffffff;
    display: none;
    font-size: 30px;
    outline: medium none;
    padding: 0 12px;
    position: fixed;
    right: 1em;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    z-index: 9;
}

.back-to-top:hover {
    background-color: #222;
    color: #0194a4;
}

.back-to-top i {
    top: -3px;
    position: relative;
}

/***** Back To Top  End *****/

/***** 30. Responsive And Media Queries *****/

/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
    .person {
        margin-bottom: 40px;
        width: 31%;
    }
	 #nav>ul>li>a 
   {
	  padding:0 6px;
	  font-size:11px;
  }
    .person > a,
    .person .gag,
    .gag {
        width: 180px;
        height: 180px;
    }
    .person > a:after,
    .persion .gag:after,
    .gag:after {
        line-height: 180px;
    }
    .person .gag:after,
    .gag:after {
        line-height: 180px;
    }
    .modal .img-circle {
        max-width: 180px;
    }
    .team-section .common-team ul {
        padding: 0 28px;
    }
    .team-section .common-team li a {
        font-size: 14px;
        height: 30px;
        line-height: 22px;
        width: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .archtiko-icon {
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 20px;
    }
    .archtiko-icon-effect .archtiko-icon:hover:after {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -o-transform: scale(0.85);
        -ms-transform: scale(0.85);
    }
    .features-info h3 {
        font-size: 15px;
    }
    .features-info p {
        font-size: 11px;
    }
    .features-item {
        margin-bottom: 10px;
    }
}
/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    #header {
        position: relative !important;
    }
}

@media only screen and (max-width: 1024px) {
    .counter-section,
    .about-banner,
    .blog-banner,
    .contact-banner,
    .project-banner,
    .project-detail-banner,
    .shortcodes-banner,
    .testimonial-bg,
    .skil-section,
    .service-block,
    .parallax-carousel,
    .page-not-found-banner {
        background-attachment: scroll;
    }
    .prftl-det {
        width: 68%;
    }
    .prtfl-ico {
        width: 32%;
    }
    .prtfl-ico i {
        font-size: 14px;
    }
    .features-item {
        margin-bottom: 30px;
    }
    .features-info h3 {
        font-size: 18px;
    }
    .features-info p {
        font-size: 12px;
    }
    .sitemap {
       
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .archtiko-icon {
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 20px;
    }
    .archtiko-icon-effect .archtiko-icon:hover:after {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -o-transform: scale(0.85);
        -ms-transform: scale(0.85);
    }
    .features-info h3 {
        font-size: 15px;
    }
    .features-info p {
        font-size: 11px;
    }
    .features-item {
        margin-bottom: 10px;
    }
}
/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    #owl-main-text h2 {
        font-size: 200%;
    }
    .slide-sep {
        margin: -160px auto 0;
    }
    .slide-content p {
        bottom: 25%;
        font-size: 90%;
    }
    #owl-main .owl-buttons {
        display: none;
    }
    #header {
        position: relative !important;
    }
    #archtiko-video--video {
        width: 1600px;
    }
    .person {
        width: 49%;
    }
    #footer-2 .footer-info li:before {
        display: none;
    }
}

@media (min-width: 641px) and (max-width: 768px) {
    .archtiko-icon {
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 20px;
    }
    .archtiko-icon-effect .archtiko-icon:hover:after {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -o-transform: scale(0.85);
        -ms-transform: scale(0.85);
    }
    .features-info h3 {
        font-size: 15px;
    }
    .features-info p {
        font-size: 11px;
    }
    .features-item {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 640px) {
    .features img {
        margin-bottom: 50px;
    }
    .archtiko-icon-effect {
        display: block;
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .archtiko-icon {
        float: none;
    }
    .features-info {
        width: 100%;
        text-align: center;
    }
    .features-item {
        margin-bottom: 20px;
    }
    .row-wrapper .col-sm-3 {
        border-right: none;
    }
    .client-row .row-wrapper {
        border-bottom: none;
    }
    .about-overview img {
        margin-bottom: 30px;
    }
    .company-info a {
        display: inline-block;
        margin-bottom: 10px;
    }
    #map_canvas {
        height: 250px;
    }
    .sitemap-block {
        float: left;
    }
    #footer-3,
    #footer-3 .footer-navigation .social-follow ul {
        text-align: center;
    }
    #footer-3 .footer-navigation {
        line-height: 0px;
        padding-top: 20px;
        padding-bottom: 50px;
    }
    #footer-3 .col-xs-12.col-sm-6.col-md-5 {
        padding-top: 20px;
        text-align: center;
    }
    .project-section .project-detail {
        margin-top: 15px;
    }
}
/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .slide-content {
        padding-top: 25%;
    }
    #owl-main-text h2 {
        font-size: 150%;
    }
    .slide-sep {
        display: none;
    }
    #quote-carousel .carousel-indicators li {
        width: 50px;
        height: 50px;
    }
    #quote-carousel .carousel-indicators .active {
        width: 50px;
        height: 50px;
    }
    #quote-carousel .carousel-control {
        display: none;
    }
    .breadcrum-area {
        padding-top: 0px;
    }
    .breadcrum-area h2 {
        font-size: 16px;
        text-align: center;
        width: 100%;
    }
    .breadcrum-area .breadcrum {
        font-size: 12px;
        padding: 10px 0 20px;
        text-align: center;
        width: 100%;
    }
    .breadcrum-area .breadcrum a {
        font-size: 12px;
    }
    footer {
        padding: 15px 0 0;
    }
    .sitemap-block {
        float: left;
    }
    .sitemap {
       
    }
    #slides .caption-wrapper {
        top: 20%;
    }
    #slides .slide-caption h1 {
        font-size: 25px;
    }
    #slides .slide-caption p {
        font-size: 10px;
        font-weight: 500;
    }
    .tab-header ul li {
        display: block;
    }
    .tabs.style2 > div {
        display: block;
        width: 100% !important;
    }
    .style2 .tab-header ul li.active-tab:after {
        display: none;
    }
    .person {
        width: 100%;
    }
    .pclose {
        right: 30px;
        top: 30px;
    }
    .archtiko-video-container #archtiko-video--content {
        padding: 40px 20px;
    }
}
/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    .slide-content {
        padding-top: 40%;
    }
}

/***** 30. Responsive And Media Queries End *****/



.gn-menu-main,
.gn-menu-main ul {
		margin: 0;
		padding: 0;
		background: white;
		color: #5f6f81;
		list-style: none;
		text-transform: none;
		font-weight: 300;
		font-family: 'Lato', Arial, sans-serif;
		line-height: 60px;
}

.gn-menu-main {
		position: fixed;
		top: 70px;
		left: 0;
		height: 60px;
		font-size: 13px;
		z-index:999;
}

.gn-menu-main a {
		display: block;
		height: 100%;
		color: #5f6f81;
		text-decoration: none;
		cursor: pointer;
}

.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
		background: #5f6f81;
		color: white;
}

.gn-menu-main > li {
		display: block;
		float: left;
		height: 100%;
		border-right: 1px solid #c6d0da;
		text-align: center;
}

/* icon-only trigger (menu item) */

.gn-menu-main li.gn-trigger {
		position: relative;
		width: 60px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.gn-menu-main > li:last-child {
		border-right: none;
		border-left: 1px solid #c6d0da;
}

.gn-menu-main > li > a {
		padding: 0 30px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
}

.gn-menu-main:after {
		display: table;
		clear: both;
		content: "";
}

.gn-menu-wrapper {
		position: fixed;
		top: 60px;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 60px;
		border-top: 1px solid #c6d0da;
		background: white;
		-webkit-transform: translateX(-60px);
		-moz-transform: translateX(-60px);
		transform: translateX(-60px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
}

.gn-scroller {
		position: absolute;
		overflow-y: scroll;
		width: 370px;
		height: 100%;
}

.gn-menu {
		border-bottom: 1px solid #c6d0da;
		text-align: left;
		font-size: 18px;
}

.gn-menu li:not(:first-child),
.gn-menu li li {
		box-shadow: inset 0 1px #c6d0da
}

.gn-submenu li {
		overflow: hidden;
		height: 0;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
}

.gn-submenu li a {
		color: #c1c9d1
}

input.gn-search {
		position: relative;
		z-index: 10;
		padding-left: 60px;
		outline: none;
		border: none;
		background: transparent;
		color: #5f6f81;
		font-weight: 300;
		font-family: 'Lato', Arial, sans-serif;
		cursor: pointer;
}

/* placeholder */

.gn-search::-webkit-input-placeholder {
		color: #5f6f81
}

.gn-search:-moz-placeholder {
		color: #5f6f81
}

.gn-search::-moz-placeholder {
		color: #5f6f81
}

.gn-search:-ms-input-placeholder {
		color: #5f6f81
}

/* hide placeholder when active in Chrome */

.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
		color: transparent
}

input.gn-search:focus {
		cursor: text
}

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
		color: white
}

/* placeholder */

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
		color: white
}

.gn-menu-main a.gn-icon-search {
		position: absolute;
		top: 0;
		left: 0;
		height: 60px;
}

.gn-icon::before {
		display: inline-block;
		width: 60px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		font-family: 'ecoicons';
		line-height: 1;
		speak: none;
		-webkit-font-smoothing: antialiased;
}

.gn-icon-help::before {
		content: "\e000"
}

.gn-icon-earth::before {
		content: "\e004"
}

.gn-icon-cog::before {
		content: "\e006"
}

.gn-icon-search::before {
		content: "\e005"
}

.gn-icon-download::before {
		content: "\e007"
}

.gn-icon-photoshop::before {
		content: "\e001"
}

.gn-icon-illustrator::before {
		content: "\e002"
}

.gn-icon-archive::before {
		content: "\e00d"
}

.gn-icon-article::before {
		content: "\e003"
}

.gn-icon-pictures::before {
		content: "\e008"
}

.gn-icon-videos::before {
		content: "\e009"
}

/* if an icon anchor has a span, hide the span */

.gn-icon span {
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
}

.gn-icon-menu::before {
		margin-left: -15px;
		vertical-align: -2px;
		width: 30px;
		height: 3px;
		background: #5f6f81;
		box-shadow: 0 3px white, 0 -6px #5f6f81, 0 -9px white, 0 -12px #5f6f81;
		content: '';
}

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
		background: white;
		box-shadow: 0 3px #5f6f81, 0 -6px white, 0 -9px #5f6f81, 0 -12px white;
}

.gn-icon-menu.gn-selected::before {
		background: #5993cd;
		box-shadow: 0 3px white, 0 -6px #5993cd, 0 -9px white, 0 -12px #5993cd;
}

/* styles for opening menu */

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
}

.gn-menu-wrapper.gn-open-all {
		width: 340px
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
		height: 60px
}

@media screen and (max-width: 422px) { 
	.gn-menu-wrapper.gn-open-all {
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			transform: translateX(0px);
			width: 100%;
	}

	.gn-menu-wrapper.gn-open-all .gn-scroller {
			width: 130%
	}
}

.sticky-footer
{
	bottom:0;
	left:1%;
	  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
	position:fixed;
	width:15%;
	z-index:9999;
	color:#FFF;
	text-align:center;
	background-color:rgba(0,0,0,0.7);
}
.sticky-footer i
{
	font-size:20px;
	color:#12a5f4;
}
.sticky-footer h4
{
	text-shadow: 1px 2px 1px #595252;
	font-size:14px;
	margin:6px 0;
}

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #ECE4E4;
	
	-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	border-bottom-left-radius:2px;
	
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-right-radius:2px;
	
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
	
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-right-radius:2px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	border-bottom-left-radius:2px;
}.CSSTableGenerator tr:hover td{
	background-color:#ffffff;
		

}
.CSSTableGenerator td{
	vertical-align:middle;
	
	background-color:#ffffff;

	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:11px;
	font-family:Helvetica;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #0194a4 5%, #0194a4 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0194a4), color-stop(1, #0194a4) );
	background:-moz-linear-gradient( center top, #0194a4 5%, #0194a4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0194a4", endColorstr="#0194a4");	background: -o-linear-gradient(top,#0194a4,0194a4);

	background-color:#0194a4;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Helvetica;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #0194a4 5%, #0194a4 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0194a4), color-stop(1, #0194a4) );
	background:-moz-linear-gradient( center top, #0194a4 5%, #0194a4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0194a4", endColorstr="#0194a4");	background: -o-linear-gradient(top,#0194a4,0194a4);

	background-color:#0194a4;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
.sticky-container{
		/*background-color: #333;*/
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -152px;
		top:130px;
		width: 200px;
		z-index:10;

	}

.sticky li{
		list-style-type: none;
		background-color: #333;
		color: #efefef;
		height: 43px;
		padding: 0px;
		margin: 0px 0px 1px 0px;
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
		cursor: pointer;
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
                filter: gray; 
                -webkit-filter: grayscale(100%); 

	}

.sticky li:hover{
		margin-left: -115px;
		/*-webkit-transform: translateX(-115px);
		-moz-transform: translateX(-115px);
		-o-transform: translateX(-115px);
		-ms-transform: translateX(-115px);
		transform:translateX(-115px);*/
		/*background-color: #8e44ad;*/
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                -webkit-filter: grayscale(0%);
	}

.sticky li img{
		float: left;
		margin: 5px 5px;
		margin-right: 10px;

	}

.sticky li p{
		padding: 0px;
		margin: 0px;
		text-transform: uppercase;
		line-height: 43px;

	}
	
.header-top {
 width: 100%;
 z-index: 10000;
 position:fixed;
 background: #fff;
}