@charset "UTF-8";
/* 
======================================================================== 

ThePhantom: style.css ( Main Theme CSS file )

Theme Name: ThePhantom
Version: 1.0
Author: Umer Tanveer
Author URI: http://themeforest.net/user/themebridge
If you having trouble in editing css. please send a mail to bridgethemes@gmail.com
 
This is the file you need to edit to change the look of the theme.
======================================================================== 

- // TABLE OF CONTENTS // -

========================================================================
 

 # Landing Page
 ===============================================
 1.1) General Style
 1.2) Global Style
 1.3) Navigation Style
 1.4) Header
 1.5) About
 1.6) Services
 1.7) Our Work
 1.8) Awesome Work
 1.9) Our Skills
 2.0) Who we are
 2.1) Fun and Facts
 2.2) Pricing Table
 2.3) Blog
 2.4) Testimonial
 2.5) Our Team
 2.6) Newsletter
 2.7) Contact Us
 2.8) Footer


 # Blog Page
 ===============================================
 -> Navigation 2
 -> Breadcrumbs
 -> Blog Posts


 # Single Post Page
 ===============================================
 -> Navigation 2
 -> Breadcrumbs
 -> Single Post


*/




/* # Landing Page Styles */

/* ====== (1.1) GENERAL STYLING ===== */

body {
    font-family: 'Lato', sans-serif;
    height: 100%;
}


/* Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff; /* change if the mask should have another color then white */
    z-index: 3000; /* makes sure it stays on top */
}
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%; /* centers the loading animation horizontally one the screen */
    top: 50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/status.gif); /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px; /* is width and height divided by two */
}

.section_title h2 {
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    font-size:35px;
    margin-bottom:30px;
}
.section_title h2::before {
    content: "";
    display: block;
    height: 3px;
    width: 120px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.section_title p {
    font-size: 18px;
    text-align: center;
    line-height:28px;
}
.no-margin {
    margin: 0px;
}
.no-padding {
    padding: 0px;
}

.last-item
{
    margin:0px !important;
}

.top-heading_row {
    margin-bottom: 25px;
}
input[type=text]:focus
{
    outline:none;
}
input[type=email]:focus
{
    outline:none;
}

/* END GENERAL STYLING */


/* ====== (1.2) GLOBAL STYLING ===== */

h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: 'Roboto Condensed', sans-serif;
}
h1 {
    margin-bottom: 30px;
} 
h3 {
    font-size: 21px;
    margin-bottom: 10px;
}
p {
    margin: 0 0 15px;
}
a:link, a:visited
{
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color;
}

a:active, a:focus {
    outline: none;
    ie-dummy: expression(this.hideFocus=true);
}
.btn
{
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color;
}
.btn-primary {
    border-radius: 25px;
    font-size: 17px;
    color: #fff !important;
    font-weight: bold;
    padding: 11px 40px;
}

.btn-primary-lg {
    border-radius: 32px;
    font-size: 22px;
    color: #fff !important;
    font-weight: bold;
    padding: 11px 40px;
}
.btn-primary-lg:hover,
.btn-primary-lg:focus {
    color: #fff;
    outline:none;
}
.btn-default {
    background-color: transparent;
    border-radius: 25px;
    font-size: 17px;
    color: #fff !important;
    border: 1px solid #fff;
    font-weight: bold;
    padding: 11px 40px;
}
.btn-default:hover,
.btn-default:focus {
    color: #fff !important;
    outline:none;
}
.btn-black {
    background-color: #1a1a1a;
    border-radius: 2px;
    font-size: 14px;
    color: #fff !important;
    font-weight: 400;
    padding: 8px 22px;
}
.btn-black:hover,
.btn-black:focus {
    background-color: #dddddd;
    color: #1a1a1a !important;
}

.btn-play
{
    border-radius: 100%; 
    padding: 18px 0px 0px; 
    font-size: 30px; 
    width: 80px; 
    height: 80px; 
    color: black !important; 
    background-color: rgb(255, 255, 255) !important; 
    border-color: rgb(255, 255, 255) !important; 
    opacity: 0.95;
}

/* ================= Bounce Animation Hover Image Effect =================== */

.effects .img {
position: relative;
float: left;
width: 100%;
overflow: hidden;
}

.effects .img img {
display: block;
margin: 0;
padding: 0;
max-width: 100%;
height: auto;
}

.overlay-bounce {
display: block;
position: absolute;
z-index: 5;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}


a.expand {
    display: block;
    position: absolute;
    z-index: 100;
    width: 60px;
    height: 60px;
    border: solid 5px #fff;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-weight: 700;
    font-size: 35px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}
.effect-bounce .overlay-bounce {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}

.effect-bounce .overlay-bounce a.expand {
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color:#fff;
}

.effect-bounce .img.hover .overlay-bounce {
opacity: 1;
}

.effect-bounce .img.hover .overlay-bounce a.expand {
top: 50%;
margin-top: -30px;
opacity: 1;
}

/* END BOUNCE ANIMATION EFFECT CSS */



/* END GLOBAL STYLING */

/* ====== (1.3) NAVIGATION BAR ===== */

.navbar-default {
    border: none;
    padding-top: 30px;
}
.navbar-nav {
    margin-top: 22px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #fff;
}
.navbar-default .navbar-nav > li {
    margin-left: 25px;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    padding: 4px 2px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}
.nav-container {
    padding-bottom: 0px;
    border-bottom: 1px solid;
    border-color: #6d6e6f;
}
.logo a {
    text-decoration: none;
    color: #fff !important;
}
/* END NAVIGATION BAR */


/* ====== (1.4) Header Section ===== */


/* Slider Header */

.item-slider {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.item-slider::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(26, 26, 26, 0.65);
}
.carousel {
    height: 700px;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.item,
.active,
.carousel-inner {
    height: 100%;
}
.promo-description {
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 50px;
    color: #fff;
    font-size: 18px;
}
.carousel_button_list li {
    margin-bottom: 17px;
}
.carousel-control {
    position: absolute;
    top: 40%;
    z-index: 5;
    display: inline-block;
    box-shadow: none;
    font-size: 58px;
}

.carousel-control img {
    height: 175px;
}
.carousel-control.left,
.carousel-control.right {
    background-image: none;
    color:#fff;
}
.carousel-indicators .active {
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 3px solid;
    margin-left: 10px;
}
.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border: 3px solid;
    border-color: transparent;
    margin-left: 7px;
    border-radius: 0px;
}

.header-subscribe-form
{
    max-width:570px;
    margin:0 auto;
}
.header-subscribe-form button
{
    font-size:19px;
    height:55px;
    border-radius:28px;
}
.header-subscribe-form input[type=email]
{
    border: medium none;
    box-shadow: none;
    height: 55px;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    font-size: 16px;
    padding-left: 26px;
    background-color:#fafafa;
    color:#1a1a1a;
    border:none;
    border:3px solid;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color;

}
.header-subscribe-form input[type=text]
{
    border: medium none;
    box-shadow: none;
    height: 55px;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    font-size: 16px;
    padding-left: 26px;
    background-color:#F3F3F4;
    color:#1a1a1a;
    border:none;
    border:3px solid;
}

/* End Header Slider */


/* Header background */

#header-bg
{
    background-image:url(../images/slider-3.jpg);
    background-size:cover;
    position:relative;
    background-repeat:no-repeat;
    padding:125px 0px 130px;
}
#header-bg .overlay
{
    background: #1a1a1a;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.bg-content
{
    margin-top:530px;
}
.watch-video a
{
    color:#fff !important;
    text-align:center;
    font-size:14.5px;
    text-transform:uppercase;
    font-weight:600;
    text-decoration:none;
    letter-spacing:1px;
}

/* End Header background */

#header-video-bg {

    overflow: hidden;
    color: white;
    padding:150px 0px 180px;
    position:relative;
}
#header-video-bg .overlay
{
    background: #1a1a1a;
    opacity: 0.55;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

#header-video-bg video {
     position: absolute;
     top: 0px;
     left: 0px;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -1000;
     overflow: hidden;
}
.video-bg-content
{
    margin-top:500px;
    text-align:center;
}



/* header video background */





/* End header video background */



/*=========== END Header SECTION ==============*/


/* ====== (1.5) ABOUT SECTION ===== */

#about {
    padding: 75px 0px;
    background-image: url(../images/about-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position:relative;
}
#about .overlay
{
    opacity: 0.85;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
#about .section_title h2 {
    color: #fff;
}
#about .section_title h2::before {
    background-color: #fff;
}
#about .section_title p {
    color: #f8f8f8;
}
.company-feature_hexagon {
    width: 100px;
    height: 68px;
    background: #1a1a1a;
    position: relative;
    margin: 0 auto;
    margin-bottom: 42px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border, color, background-color, border-color;
    transition-property: border, color, background-color, border-color;
}
.company-feature_hexagon:before {
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 25px solid #1a1a1a;
     -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-color, color, background-color;
    transition-property: color, border-color, background-color;
}
.company-feature_hexagon:after {

    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 25px solid #1a1a1a;
     -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-color, color, background-color;
    transition-property: border-color, color, background-color;

}
.company-feature_hexagon p {
    text-align: center;
    font-size: 68px;
    color: rgb(221, 221, 221);
    position: absolute;
    top: -16px;
    width: 100%;
}
.about-desc h3 {
    color: #ffffff;
    font-weight: 400;
    text-align: center;
}
.about-desc p {
    color: #dddddd;
    text-align: center;
    font-size: 16px;
    line-height:24px;
}
.company-feature:hover .company-feature_hexagon {
    background-color: #dddddd;
}
.company-feature:hover .company-feature_hexagon:before {
    border-bottom: 25px solid;
    border-bottom-color:#dddddd;
}
.company-feature:hover .company-feature_hexagon:after {
    border-top: 25px solid;
    border-top-color:#dddddd;
}
.company-feature:hover .company-feature_hexagon p {
    color: #1a1a1a;
}
/* END ABOUT */



/* ====== (1.6) SERVICES SECTION ===== */

#services {
    padding: 75px 0px;
    background-color: #f5f5f5;
}
#services .section_title h2 {
    color: #1a1a1a;
}

#services .section_title p {
    color: #444444;
}
.hexagon-wrapper {
    text-align: center;
    margin: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    width: 70px;
    height: 70px;
}
.hexagonService {
    height: 100%;
    width: 57.735%;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}
.hexagonService:before {
    content: '';
    position: absolute;
    top: 0;
    right: 21.1325%;
    background-color: inherit;
    height: inherit;
    width: inherit;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
}
.hexagonService:after {
    content: '';
    position: absolute;
    top: 0;
    right: 21.1325%;
    background-color: inherit;
    height: inherit;
    width: inherit;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
.hexagonService p.icon {
    text-align: center;
    font-size: 40px;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-top: 14px;
}
.service-wrapper {
    min-height: 100px;
    padding: 23px 10px 0px 100px;
}
.service-wrapper:hover .hexagonService {
    background-color: #1a1a1a;
}
.service-wrapper:hover .hexagonService p.icon {
    color: #f5f5f5;
}
.service-wrapper h3 {
    text-transform: uppercase;
}
.service-wrapper p {
    font-size: 15px;
    color: #8c8c8c;
    line-height:24px;
}
/* END SERVICES */



/* ====== (1.7) OUR WORK SECTION ===== */

#our-work {
    padding: 75px 0px 0px 0px;
    background-image: url(../images/ourwork-bg.jpg);
    background-size: cover;
    position: relative;
}
#our-work .overlay {
    background: #1a1a1a;
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
#our-work .section_title h2 {
    color: #fff;
}

#our-work .section_title p {
    color: #dddddd;
}
.isotope-filter_links {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}
.isotope-filter_links ul li {
    margin-right: 2px;
    margin-bottom: 17px;
}
.isotope-filter_links ul li a {
    color: #1a1a1a;
    font-size: 15px;
    background-color: #dddddd;
    text-decoration: none;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 3px;
}
.isotope-filter_links li a:hover,
.isotope-filter_links li a:focus {
    color: #fff;
}
.isotope-filter_links li a.active {
    color: #fff;
}
.portfolio_row {
    margin-top: 30px;
}
.hovereffect-portfolio {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect-portfolio .overlayPort {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.hovereffect-portfolio h2,
.hovereffect-portfolio img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hovereffect-portfolio img {
    display: block;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.hovereffect-portfolio:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.hovereffect-portfolio h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
}
.hovereffect-portfolio ul.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 2px;
    margin: 0 auto;
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-weight: normal;
    height: 87%;
    width: 87%;
    position: absolute;
    padding: 18% 0 0 0;
    left: 0;
    right: 0;
    top: 6%;
}
.hovereffect-portfolio:hover ul.info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-color: transparent;
}
.hovereffect-portfolio ul {
    overflow:hidden;
} 
.hovereffect-portfolio ul li {
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 3px;
    margin-right: 7px;
    margin-left: 7px;
}
.hovereffect-portfolio ul li a {
    color: #fff;
    font-size: 42px;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #fff;
}
/* END OUR WORK */



/* ====== (1.8) AWESOME WORK SECTION ===== */

#awesome-work {
    padding: 75px 0px 0px;
    background-color: #fff;
}
#awesome-work .section_title h2 {
    color: #1a1a1a;
}

#awesome-work .section_title p {
    color: #444444;
}
.call_to_action {
    margin-top: 45px;
    margin-bottom: 65px;
}
/* End Our Awesome Work */


/* ====== (1.9) OUR SKILLS SECTION ===== */

#our-skills {
    padding: 75px 0px 0px;
    background-color: #f5f5f5;
    border-top: 3px solid #eeeeee;
    border-bottom: 3px solid #eeeeee;
}
#our-skills .section_title h2 {
    color: #1a1a1a;
}

#our-skills .section_title p {
    color: #444444;
}
.progress-bar_wrapper {
    margin-top: 48px;
}
.progress-bar_wrapper .progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #dddddd;
    border-radius: 0px;
}
.progress-bar-color1 {
    background-color: #F64747;
}
.progress-bar-color2 {
    background-color: #3BA3C6;
}
.progress-bar-color3 {
    background-color: #F04F23;
}
.progress-bar-color4 {
    background-color: #F39943;
}
.progress-bar_list {

    overflow:hidden;
} 
.progress-bar_list li {
    min-height: 50px;
    padding-left: 60px;
    position: relative;
    margin-bottom:25px;
}
.progress-bar_list li img {
    position: absolute;
    top: 2px;
    left: 0px;
    width: 50px;
    height: 50px;
}
.progress-bar_list .skill-text {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    color: #444444;
}
/* END OUR SKILLS */



/* ====== (2.0) WHO WE ARE SECTION ===== */

#who-we-are {
    padding: 75px 0px;
    background-color: #fff;
}
#who-we-are.section_title h2 {
    color: #1a1a1a;
}

#who-we-are .section_title p {
    color: #444444;
}
.tabs_row
{
    margin-top:50px;
}
.nav-tabs.nav-justified > li > a {
    background-color: #f5f5f5;
    border-radius: 0px;
    border: none;
    font-family: 'Roboto Condensed', sans-serif;
    color: #1a1a1a;
    font-size: 21px;
    text-transform: uppercase;
    padding: 7px 15px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
    border: none;
    color: #fff;
    transition:none;
}
.tab-content {
    border: 4px solid #f5f5f5;
    border-top: 0px;
    padding: 60px 35px;
}
.ideasList {
    margin-top: 66px;
    padding: 0px 15px;
}
.ideasList li {
    min-height: 55px;
    position: relative;
}
.ideasList li i {
    position: absolute;
    top: -11px;
    left: 0;
    font-size: 40px;
}
.ideasList li p {
    font-weight: 300;
    color: #1a1a1a;
    font-size: 17px;
    padding-left: 40px;
}
.tab-contents h3
{
    margin-bottom:20px;
    color:#1a1a1a;
    margin-top:0px;
    font-size:30px;
}
.tab-contents p
{
    color: #8c8c8c;
    font-size: 15px;
    line-height: 25px;
}
.tab-contents .read-more-info{

    margin-top:17px;
}
.tab-contents ul
{
    overflow:hidden;
}
.tab-contents ul li
{
    color: #8c8c8c;
    font-size: 15px;
    margin-bottom:5px;
}

.middle-tab
{
    border-left:1px solid #dfdfdf;
    border-right:1px solid #dfdfdf;
}

/* END WHO WE ARE */


/* ====== (2.1) FUN AND FACTS SECTION ===== */

#fun-facts {
    padding: 75px 0px;
    background-image: url(../images/fact-bg.jpg);
    background-color:#1a1a1a;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment:fixed;
}

#fun-facts .section_title h2 {
    color: #ffffff;
}

#fun-facts .section_title p {
    color: #dddddd;
}
.facts_row {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 65px;
}
.fun-facts_item {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 95px;
    height: 95px;
    margin: 0 auto;
    margin-bottom: 28px;
    position: relative;
    border: 1px solid #dddddd;
    -o-text-overflow: clip;
    text-overflow: clip;
    background-color: transparent;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    -webkit-transform-origin: 0 100% 0deg;
    transform-origin: 0 100% 0deg;
     -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-color, color, background-color;
    transition-property: border-color, color, background-color;

}
.fun-facts_item:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 2px solid #fff;
     -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-color, color, background-color;
    transition-property: border-color, color, background-color;
}
.fun-facts_contain {
    width: 95px;
    height: 95px;
    margin: 0 auto;
}
.fun-facts_contain p {
    position: absolute;
    width: 95px;
    text-align: center;
    padding-top: 12px;
    font-size: 50px;
    z-index: 1;
     -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-color, color, background-color;
    transition-property: border-color, color, background-color;
}
.fun-facts_figure {
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 600;
    font-size: 55px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 0px;
}
.fun-facts_title {
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: bold;
}
.fun-facts_title:before {

    content: "";
    display: block;
    height: 2px;
    width: 40px;
    margin: 0 auto;
    margin-bottom: 8px;
}
.fun-facts_wrapper:hover .fun-facts_contain p {
    color: #fafafa;
}


/* End Fun and Facts */




/* ====== (2.2) PRICING TABLE SECTION ===== */


#pricing-table {
    padding: 75px 0px 100px;
    background-color:#fff;
}
#pricing-table .section_title h2 {
    color: #1a1a1a;
}

#pricing-table .section_title p {
    color: #444444;
}

.pricing-table_row
{
    margin-top:120px;
    padding:0px 30px;
}
.pricing-table_col
{
    box-shadow: 0 0px 21px -10px rgba(0, 0, 0, 0.75);
}

.pricing-table-inner_wrapper
{
    background-color:#fff;
    border:2px solid;
    padding-bottom:25px;
    border-color:transparent;

}

.pricing-table-inner_wrapper.active .pricing-plan
{
    background-color:#1a1a1a;
}
.pricing-table-inner_wrapper.active .pricing-amount .pricing
{
    color:#fff;
}
.pricing-table-inner_wrapper.active .pricing-plan_list li p
{
    color:#fff;
}
.pricing-table-inner_wrapper.active .pricing-amount .package
{
    color:#eeeeee;
}
.pricing-table-inner_wrapper .pricing-plan
{
    height:120px;
    width:120px;
    border-radius:100%;
    margin:0 auto;
    padding-top:44px;
    margin-top:-60px;
}
.pricing-plan p
{
    color:#fff;
    font-size:21px;
    font-weight:400;
    text-align:center;
    text-transform:uppercase;
}
.pricing-amount .pricing
{
    font-family: 'Roboto', sans-serif;
    font-weight:bold;
    color:#333333;
    text-align:center;
    font-size:35px;
    margin-top:15px;
    margin-bottom:0px;
}
.pricing-amount .package
{
    text-align: center;
    font-size: 13px;
    color: #aaaaaa;
    margin-top: 20px;
    font-style:italic;
}
.pricing-plan_list
{
    padding-left:30px;
    margin-bottom:25px;
    margin-top:30px;
}

.pricing-plan_list li
{
    position: relative;
    min-height: 35px;
    padding-left: 30px;
    padding-top: 1px;
}
.pricing-plan_list li img{
    position: absolute;
    top: 2px;
    left: 0px;
    width: 20px;
    height: 17px;
}
.pricing-plan_list li p
{
    margin:0px;
    text-align:left;
    color:#444444;
    font-weight:300;
    font-size:15px;
}
.pricing-table-inner_wrapper .btn-black:hover,
.pricing-table-inner_wrapper .btn-black:focus
{
    color:#fff !important;
}
.pricing-table-inner_wrapper.active .btn-black:hover,
.pricing-table-inner_wrapper.active .btn-black:focus
{
    background-color:#dddddd;
    color:#1a1a1a !important;
}


/* End Pricing Table */




/* ====== (2.3) BLOG SECTION ===== */


#blog {
    padding: 75px 0px 65px;
    background-color:#fff;
    position:relative;
    background-image:url(../images/blog-bg.jpg);
    background-size:cover;
    background-repeat:no-repeat;
}
#blog .section_title h2 {
    color: #ffffff;
}

#blog .section_title p {
    color: #dddddd;
}
#blog .overlay
{
    background: #1a1a1a;
    opacity: 0.85;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.post-detail_container
{
    position:relative;   
}
.post-cards_row
{
    margin-top:70px;
}
.post-cards_row a.all-posts-btn
{
    margin-top:20px;
    margin-bottom:10px;
}
#blog-items .item
{
    padding:0px 15px;
}
.post-detail_container .sperator
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 35px;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: skew(0, -5deg);
    -moz-transform: skew(0, -5deg);
    -ms-transform: skew(0, -5deg);
    -o-transform: skew(0, -5deg);
    transform: skew(0, -5deg);
    background: #fff;
    z-index:10;
}
.post-detail_container .post-content
{
    background-color:#fff;
    padding:15px 15px;
}
.author-image_wrapper
{
    position: absolute;
    z-index: 200;
    right: 0px;
    top: 0px;
    margin-top: -80px;
    margin-right: 10px;
    width: 100px;
    height:100px;
    border: 1px solid #1a1a1a;
    padding: 3px;
    background-color: #fff;
    border-radius:100%;
}
.author-image_wrapper .effect-bounce .overlay-bounce
{
	border-radius: 100% !important;
	z-index: 200 !important;
    background-color:rgba(0,0,0,0.75);
}
.author-image_wrapper .effect-bounce .overlay-bounce p{
    color: rgb(255, 255, 255);
    font-size: 14px;
    margin-top: 35px;
    cursor:default;
}
.author-image_wrapper .author-image
{
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    right: 0;
    z-index: 15;
    position: relative;
}
.post-content .post-title
{
    font-size:21px;
    line-height:24px;
    margin-bottom:2px;
}
.post-content .post-title a
{
    text-decoration:none;
    color:#1a1a1a;
}
.post-content .post-title a:hover,
.post-content .post-title a:focus
{
    text-decoration:none;
}
.post-content .post-metadata
{
    padding-left:2px;
}
.post-content .post-metadata li
{
    font-size:14px;
    line-height:20px;
    color:#555555;
    padding-right:3px;
    padding-left:3px;
}
.post-content .post-metadata li a
{
    font-size:14px;
    line-height:20px;
    color:#555555;
    text-decoration:none;
}
.post-content .post-metadata li a:hover,
.post-content .post-metadata li a:focus
{
    font-size:14px;
    line-height:20px;
}
.post-content p.post-excerpt{
    color:#444444;
    font-size:14px;
    line-height:22px;
}
.post-content a.read-more
{
    font-size:14px;
    line-height:20px;
    color:#000;
    font-weight:600;
    margin-right:6px;
    text-decoration:none;
}


/* End Blog Section */



/* ====== (2.4) Testimonial SECTION ===== */


#testimonial {
    padding: 75px 0px;
    background-color:#fff;
}
#testimonial .section_title h2 {
    color: #1a1a1a;
}

#testimonial .section_title p {
    color: #444444;
}

.testimonials_row
{
    margin-top:155px;
}
.testimonial-content
{
    background-color: #1a1a1a;
    height: 220px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}
.testimonial-image{
  
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -100px;
}
.testimonial-image img
{
    border-radius: 100%;
    width: 200px;
    height: 200px;
}
.testimonial-name
{
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 105px;
}
.testimonial-name h4
{
    text-transform:uppercase;
    font-size:35px;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-weight:400;
}
.testimonial-text_content
{
    background-color:#f5f5f5; 
    padding: 25px 30px;  
}
.testimonial-text_content i.quote-icon
{
    position: absolute;
    color: #e7e6e6;
    font-size: 50px;
    margin-top: -28px;
    margin-left: -16px;
}
.testimonial-text_content p
{
    color: #8c8c8c;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    line-height: 24px;
    margin: 0px;
    position: relative;
}

/* End Testimonial Section */



/* ====== (2.5) OUR TEAM SECTION ===== */


#our-team {
   
    padding: 75px 0px;
    background-color: #f5f5f5;
    border-top: 3px solid #eeeeee;
    border-bottom: 3px solid #eeeeee;
}
#our-team .section_title h2 {
    color: #1a1a1a;
}
.top-team-heading_row
{
    margin-bottom:53px;
}

#our-team .section_title p {
    color: #444444;
}
.team-front_wrapper .team-info
{
    background-color:#dddddd;
    padding:10px 0px 19px;
}
.team-front_wrapper
{
    z-index:2;
}

#team-items .item
{
    padding: 0px 15px;
    display: block;
    height: 348px;
    width: 285px;   
    margin: 0 auto;
}
.team-front_wrapper h4
{
    font-size: 30px;
    color: #1a1a1a;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height:27px;
}
.team-front_wrapper p
{
    text-align:center;
    color:#666666;
    font-size:16px;
    margin-bottom:0px;
}
.team-back_wrapper
{
    padding:30px 20px 20px;
}
.team-back_wrapper h4
{
    font-size: 30px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height:27px;
}
.team-back_wrapper p
{
    text-align:center;
    color:#dddddd;
    font-size:16px;
    margin-bottom:0px;
}
.team-back_wrapper p.description
{
    font-size:15px;
    color:#ffffff;
    text-align:left;
    line-height:22px;
    margin-top:10px;
}
.team-back_wrapper ul
{
    margin-top: 29px;
    margin-left: 4px;
    position: relative;
}
.team-back_wrapper li 
{
    padding: 0px;
    margin-right: 5px;
}
.team-back_wrapper li a
{
    font-size: 30px;
    text-align: center;
    background-color: #000000;
    color: #fff;
    display: block;
    width: 44px;
}
.team-back_wrapper li a:hover,
.team-back_wrapper li a:focus
{
    background-color:#fff;
    color:#000000;
}
.owl-theme .owl-controls .owl-page span {
   
    display: block;
    width: 15px;
    height: 15px;
    margin: 27px 6px;
    filter: Alpha(Opacity=50);
    opacity: 0.9;
    border: 3px solid;
    border-color:transparent;
}
.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span
{
    filter: Alpha(Opacity=100);
    opacity: 1;
    background-color: #fff;
    height: 15px;
    width: 15px;
    border: 3px solid;
}

/**
 * Sperate Code for Flip card animation for Team
*/

.team-wrapper {
  position: relative;
  float: left;
  padding-bottom: 100%;
  width: 255px;
  height:348px;
  margin:0 auto;
  text-align: center;
}


/* card fronts and backs */


.team-front_wrapper,
.team-back_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width:255px;
}

.team-front_wrapper,
.team-back_wrapper {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}


.team-back_wrapper {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}


/* hover effect */
.team-wrapper:hover .team-front_wrapper {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.team-wrapper:focus .team-front_wrapper {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.team-wrapper:hover .team-back_wrapper {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}
.team-wrapper:focus .team-back_wrapper {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

/* End Code Flip Card Animation */






/* End Our Team Section */



/* ====== (2.6) NEWSLETTER SECTION ===== */


#newsletter {
   
    padding: 60px 0px 160px;
    background-image:url(../images/newsletter-bg.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}

.newsletter-inner_wrapper h4
{
    line-height: 41px;
    display: block;
    padding-left: 10px;
    margin-bottom: 28px;
}

.newsletter-inner_wrapper h4 .stay-touch
{
    display:block;
    font-weight:bold;
    color:#1a1a1a;
    font-size:20px;
    text-transform:uppercase;
    padding-left:5px;
    text-align:left;
}

.newsletter-inner_wrapper h4 .offers
{
    display:block;
    font-size:58px;
    font-weight:400;
    color:#fff;
    text-transform:uppercase;
}
.newsletterForm
{
    margin-top:13px;
}
.newsletterForm input[type=text]
{
    font-size:25px;
    border-radius:50px;
    background-color:#fff;
    box-shadow:none;
    border:none;
    color:#676767;
    padding-left:81px;
    height:78px;
    background-image:url(../images/icon-email.png);
    background-repeat:no-repeat;
    background-position: left 40px top 29px;
    background-position-x:10%;
    background-position-y:50%;
}
.newsletterForm input[type=text]:hover,
.newsletterForm input[type=text]:focus
{
    box-shadow:none;
}

.newsletterForm input[type=email]
{
    font-size:25px;
    border-radius:50px;
    background-color:#fff;
    box-shadow:none;
    border:none;
    color:#676767;
    padding-left:81px;
    height:78px;
    background-image:url(../images/icon-email.png);
    background-repeat:no-repeat;
    background-position: left 40px top 29px;
    background-position-x:10%;
    background-position-y:50%;
}
.newsletterForm input[type=email]:hover,
.newsletterForm input[type=email]:focus
{
    box-shadow:none;
}

.newsletterForm .submit-button
{
    background-color:#fff;
    color:#fff;
    border:none;
    height:78px;
    border-top-right-radius:50px;
    border-bottom-right-radius:50px;
}
.newsletterForm .submit-button:hover,
.newsletterForm .submit-button:focus
{
    background-color:#fff !important;
    box-shadow:none;
    outline:0px;
}
.newsletter-message
{
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 17px;
    margin: 0px;
    margin-top: 8px;
}


/* End Newsletter Section */


/* ====== (2.7) CONTACT SECTION ===== */

#contact
{
    padding:75px 0px;
    background-color:#fff;
}
.contact-form_wrapper
{
    font-weight:normal;
}
.contact-form_wrapper .contact-title
{
    font-size:35px;
    color:#1a1a1a;
    text-transform:uppercase;
}
.contact-form input[type=text]
{
    border:none;
    border-bottom:1px solid #1a1a1a;
    box-shadow:none;
    font-size:16px;
    color:#1a1a1a;
    padding:0px 0px 6px 6px;
}

.contact-form
{
    margin-top:30px;
}
.contact-form .form-group
{
    margin-bottom:30px;
}
.contact-form input[type=email]
{
    border:none;
    border-bottom:1px solid #1a1a1a;
    box-shadow:none;
    font-size:16px;
    color:#1a1a1a;
    padding:0px 0px 6px 6px;
}


.contact-form textarea
{
    border:none;
    border-bottom:1px solid #1a1a1a;
    box-shadow:none;
    resize:vertical;
    font-size:16px;
    color:#1a1a1a;
    padding:0px 0px 6px 6px;
    min-height:110px;
}
.contact-form textarea:hover,
.contact-form textarea:focus
{
    box-shadow:none;
}
.contact-form button.contact-form_submit
{
    margin-top:40px;
    text-transform:uppercase;
}

/* End Contact Form */


/* ====== (2.8) FOOTER SECTION ===== */

footer
{
    padding:75px 0px;
    background-image:url(../images/footer-bg.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
}
footer .overlay
{
    background: #1a1a1a;
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.company-about p.description
{
    text-align:left;
    color:#888888;
    font-size:16px;
    font-weight:400;
    line-height:24px;
}
.social-icons
{
    margin-top:30px;
}
.social-icons p
{
    font-size:18px;
    font-weight:bold;
}
.social-icons ul
{
    margin-top:25px;
}
.social-diamond_shape
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    margin-bottom: 28px;
    position: relative;
    border: 2px solid #fff;
    -o-text-overflow: clip;
    text-overflow: clip;
    background-color: transparent;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    -webkit-transform-origin: 0 100% 0deg;
    transform-origin: 0 100% 0deg;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-color, color, background-color;
    transition-property: border-color, color, background-color;
}
.social-diamond_shape p
{
    position: absolute;
    width: 35px;
    text-align: center;
    padding-top:1px;
    padding-left:0px;
    font-size: 23px;
    color: #fff !important;
    z-index: 1;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    border-radius:2px;
}
.social-icons ul li
{
   margin-right:12px;
   padding-left:12px;
   padding-right:0px;
}
.social-icons ul li a
{
    text-align:center;
}

.footer-widget_wrapper
{
    padding-top: 0px;
}
.footer-widget_wrapper h4
{
    font-weight:400;
    font-size:28px;
    color:#fff;
    text-transform:uppercase;
    margin-bottom:26px;
    margin-top:18px;
}
.footer-widget_wrapper h4:before
{
    content: "";
    display: block;
    height: 3px;
    width: 100px;
    margin-bottom: 6px;
}
.latest-post_list img
{
    position: absolute;
    top: 3px;
    left: 0px;
    width: 72px;
    height: 50px;
}
.latest-post_list li
{
    min-height: 73px;
    position: relative;
    padding-left:80px;
}
.latest-post_list li a.post-title
{
    text-decoration:none;
}
.latest-post_list li a.post-title
{
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #888888;
    line-height:18px;
    display:block;
}
.latest-post_list li a:hover,
.latest-post_list li a:focus
{
    color:#fff;
}
.latest-post_list li i.posted-icon
{
    color:#fff;
}
.latest-post_list li p.posted-date
{
    font-size:12px;
    font-weight:600;
}
.photo-stream_row .photo-stream_col
{
    margin-top:4px;
    padding:0px 15px 10px 10px;
}
.photo-stream_wrapper a.expand
{
    border:none;
    line-height:62px;
    color:#fff;
}

.contact-info_row
{
    border-top:2px solid #fafafa;
    padding:35px 0px 5px 0px;
    margin-top:10px;
}
.contact-info_wrapper i.colored-icon
{
    position: absolute;
    top: -14px;
    left: 0;
    font-size: 50px;
}
.contact-info_wrapper .icon-contain
{
    position:relative;
    min-height:60px;
}
.contact-info_wrapper .icon-contain p
{
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    padding-left: 36px;
    margin-top: 15px;
    line-height: 24px;
}
.contact-info_wrapper .contact-list
{
    padding-top:14px;
}
.contact-info_wrapper .contact-list li
{
    position:relative;
    margin-bottom:10px;
}
.contact-info_wrapper .contact-list li i
{
    font-size: 29px;
    top: -6px;
}

.contact-info_wrapper .contact-list li a
{
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding-left: 25px;
    min-height: 10px;
}
.contact-info_wrapper .weblinks i
{
    top:-5px;
}
.contact-info_wrapper .weblinks p
{
    padding-left:52px;
}
.contact-info_wrapper .weblinks p a
{
    color:#fff;
}
.copyright
{
    background-color:#1a1a1a;
    padding:11px 0px;
    border-top:double thin;
    border-color:#7b7b7b;
}
.copyright p
{
    color:#fff;
    text-align:center;
    font-size:16px;
    font-weight:300;
}

/* End Footer */

/* # END Landing Page Styles */



/* # Blog Page Styling */

/* ====== Navigation Bar Style 2 ===== */

.navbar-inverse {
    border: none;
    padding-top: 8px;
    background-color:#fff;
    margin-bottom:0px;
    -webkit-box-shadow: rgba(0,0,0,.1867) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,.1867) 0 1px 3px;
    box-shadow: rgba(0,0,0,.1867) 0 1px 3px;
}
.navbar-inverse {
    margin-top: 0px;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #1a1a1a;
}

.navbar-inverse .navbar-nav > li {
    margin-left: 25px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #1a1a1a;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    padding: 4px 2px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #1a1a1a;
}
.navbar-inverse .navbar-toggle
{
    border:none;
    margin-top:21px;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus
{
    background-color:transparent;
    border:none;
}
.navbar-inverse .navbar-toggle .icon-bar
{
    background-color:#1a1a1a;
}
.navbar-inverse .logo p
{
    color:#1a1a1a !important;
}

/* END Navigatino Bar Style 2 */



/*========== Blog Title Section ========= */

#blog-title
{
    padding:160px 0px 60px;
    background-image:url(../images/blog-title-bg.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    position:relative;
}
#blog-title .overlay
{
    background: #1a1a1a;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.breadcrumbs
{
    overflow:hidden;
    overflow: hidden;
    margin-bottom: 1px;
}
.breadcrumbs li
{
    color:#fff;
    font-weight:400;
    font-size:16px;
}
.breadcrumbs li a
{
    color:#fff;
    font-weight:400;
    text-transform:uppercase;
    font-size:16px;
    font-family: 'Roboto Condensed', sans-serif;

}
.breadcrumbs li.active
{
    text-transform:uppercase;
}

.blog-title_wrapper h1
{
    font-weight:bold;
    font-size:35px;
    text-transform:uppercase;
    color:#fff;
    margin:0px;
}

 .grid-item 
 {
     margin-bottom: 38px;
}


/* End Blog Title Section */


/*===========  Blog Posts ========== */

#blog-posts
{
    padding:100px 0px;
    background-color:#f5f5f5; 
}
.non-thumbnail-post_wrapper
{
    padding-top:15px;
}
.non-thumbnail-post_wrapper .author-image img
{
    width:100px;
    height:100px;
    border:1px solid #1a1a1a;
    padding:3px;
    border-radius:100%;
}
.non-thumbnail-post_wrapper .author-image_wrapper {
    width: 100px;
    height: 100px;
    border: 1px solid #1a1a1a;
    padding: 3px;
    background-color: #fff;
    border-radius: 100%;
    margin: 0 auto;
    position:relative;
    z-index:1;
}


.pagination
{
    margin-top:50px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span
{
    border-radius:0px;
}
.pagination li a
{
    color:#777777;
    font-size:12px; 
    border-radius:0px;
    padding:9px 16px;
    border-color:#bfbfbf;
}
.pagination li a:hover,
.pagination li a:focus
{
    background-color:#F5F5F5;
    color:#777777;
    border-color:#bfbfbf;
}





/* End blog post section */

/* # End Blog Page Styling */


/*===========  Single Post  ========== */


#primary
{
    padding:70px 0px 100px;
    background-color:#fff;
}
.post-detail
{
    margin-top:35px;
}
.entry-header
{
    margin-bottom:15px;
}
.entry-header .author-image_wrapper
{
    top: inherit;
    margin-top: -60px;
    margin-right: 32px;
}
.post-detail .post-title
{
    color:#1a1a1a;
    font-size:28px;
    line-height:24px;
}
.post-detail ul
{
    overflow:hidden;
}
.post-detail ul li
{
    color:#777777;
    font-size:16px;
}
.post-detail ul li a
{
    color:#777777;
    font-size:16px;
}
.post-detail ul li a:hover,
.post-detail ul li a:focus
{
    text-decoration:none;
}
.post-body p
{
    font-size:14px;
    font-weight:400;
    color:#777777;
    line-height:24px;
}
.post-body blockquote
{
    background-color:#f9f9f9;
    font-size:18px;
    font-weight:400;
    padding: 25px 50px 25px 72px;
    font-size: 17.5px;
    border-left: 5px solid;
    font-style:italic;
    line-height:24px;
    color:#666666;
}
.post-body blockquote i
{
    position: absolute;
    color: #e7e6e6;
    font-size: 50px;
    margin-top: -18px;
    margin-left: -42px;
}
.post-body blockquote p
{
    text-align:right;
    font-size:15px;
    color:#888888;
    z-index:1;
    position:relative;
}

.author-info_wrapper
{
    border-top:1px solid #aaaaaa;
    border-bottom:1px solid #aaaaaa;
    padding:40px 0px 27px;
    margin-top:55px;
}
.author-info-inner_wrapper
{
    position: relative;
    min-height: 100px;
    padding-left: 118px;
    padding-top: 1px;
}
.author-info-inner_wrapper h3
{
    color: #1a1a1a;
    font-size: 20px;
    margin-top: 8px;
}
.author-info-inner_wrapper p
{
    font-size:14px;
    color:#777777;
    line-height:24px;
}
.author-info-inner_wrapper ul
{
    overflow:hidden;
}
.author-info-inner_wrapper li
{

}
.author-info-inner_wrapper li a
{
    color:#888888;
    font-size:20px;
}

#comments
{
    margin-top:60px;
}
.single-post_heading
{
    font-size:21px;
    color:#1a1a1a;
    text-transform:uppercase;
}
.single-post_heading:before
{
    content: "";
    display: block;
    height: 3px;
    width: 70px;
    margin-bottom: 6px;
}
.comments-lists
{
    margin-top:45px;
    padding:0px;
}
.comments-lists .comment
{
    position: relative;
    list-style: none;
    padding-left: 118px;
    padding-top: 1px;
    min-height:100px;
    border-bottom: 1px solid #aaaaaa;
    margin-top:35px;
}

.activity_rounded {
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
   -khtml-border-radius: 50%;
    border: 1px solid #1a1a1a;
    padding: 3px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;

}
.activity_rounded img  {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    vertical-align: middle;
    behavior: url(css/PIE.html);
    width:96px;
    height:96px;
}

.comments-lists .comment h4
{
    font-size:20px;
    color:#1a1a1a;
    margin-top:3px;
}
.comments-lists .comment p
{
    font-size:14px;
    color:#777777;
    line-height:24px;
}
.comments-lists .comment small.date-posted
{
    color:#888888;
    font-size:15px;
    margin-left:12px;
}
.comments-lists .comment .comment-body
{
    padding-bottom: 18px;
}
.comments-lists .comment a.reply{
    font-size: 13px;
    color: rgb(85, 85, 85);
    font-weight: bold;
}
.children
{
    overflow:hidden;
    list-style:none;
    padding-left:0px;
}
.children .comment
{
    position: relative;
    /*padding-left: 118px;*/
    border-top: 1px solid #aaaaaa;
    border-bottom:0px;
    margin-top:0px;
}
.children .comment-body
{
    border:none !important;
    margin-top:23px;
}
.children li .activity_rounded
{
    margin-top:23px;
}

#leave-comment
{
    padding:10px 0px;
    margin-top:70px;
}
#leave-comment h3
{
    text-transform:uppercase;
    font-size:35px;
    font-weight:400;
}
#leave-comment form
{
    margin-top:32px;
}
#leave-comment input[type="text"] {
    border: none;
    border-bottom: 1px solid #1a1a1a;
    box-shadow: none;
    font-size: 16px;
    color: #1a1a1a;
    padding: 0px 0px 6px 6px;
    margin-bottom:20px;
}
#leave-comment input[type="text"]:hover,
#leave-comment input[type="text"]:focus
{
    border-bottom: 1px solid;
}
#leave-comment input[type="email"] {
    border: none;
    border-bottom: 1px solid #1a1a1a;
    box-shadow: none;
    font-size: 16px;
    color: #1a1a1a;
    padding: 0px 0px 6px 6px;
    margin-bottom:20px;
}
#leave-comment input[type="email"]:hover,
#leave-comment input[type="email"]:focus
{
    border-bottom: 1px solid;
}
#leave-comment textarea {
    border: none;
    border-bottom: 1px solid #1a1a1a;
    box-shadow: none;
    resize: vertical;
    font-size: 16px;
    color: #1a1a1a;
    padding: 0px 0px 6px 6px;
    min-height: 180px;
}
#leave-comment textarea:hover,
#leave-comment textarea :focus
{
    border-bottom: 1px solid;
}
.comment-form_submit
{
    text-transform:uppercase;
    margin-top:50px;
}

/* Widget Styling */


.widget
{
    background-color:#fff;
    margin-bottom:50px;
}
.widget .search-form input[type=text]
{
    border-radius:30px;
    border:1px solid #777777;
    width:100%;
    font-size: 20px;
    padding-left: 28px;
    height: 52px;
    font-weight:300;
    background-image:url(../images/search-icon.jpg);
    background-repeat:no-repeat;
    background-position:right 17px center;
    background-position-x:93%;
    background-position-y:50%;
}
.widget h3
{
    font-size: 21px;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom:30px;
}
.widget h3:before
{
    content: "";
    display: block;
    height: 3px;
    width: 70px;
    margin-bottom: 6px;
}
.widget ul
{
    padding:0px;
    overflow:hidden;
    list-style:none;
    margin-bottom:0px;
}
.widget ul li
{
    margin-bottom: 12px;
    font-size:16px;
    font-weight:400;
}
.widget ul li span.categoryCount
{
    float:right;
}
.widget ul li a
{
    font-size:16px;
    font-weight:400;
    color:#444444;
    text-decoration:none;
}


.widget_recent_entries ul
{
    overflow:hidden;
}
.widget_recent_entries ul li
{
    position: relative;
    padding-left: 90px;
    min-height: 65px;
}
.widget_recent_entries ul li h4
{
    margin-bottom:3px;
    line-height:16px;
}
.widget_recent_entries ul li span
{
    color:#666666;
    font-size:14px;
}
.widget_recent_entries ul li p
{
    color:#666666;
    font-size:14px;
}
.widget_recent_entries ul li img
{
    position: absolute;
    top: 2px;
    left: 0;
    width: 79px;
}
.widget_recent_entries ul li a
{
    font-size:16px;
    display:block;
    text-decoration:none;
}
.widget_tag_cloud ul
{
    overflow:hidden;
}
.widget_tag_cloud ul li
{
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 15px;
}
.widget_tag_cloud li a
{
    background-color:#f5f5f5;
    font-size:14px !important;
    text-transform:uppercase;
    text-decoration:none;
    color:#444444;
    padding:8px;
    font-weight:400;
    border-radius:3px;
}
.widget_tag_cloud li a:hover,
.widget_tag_cloud li a:focus
{
    color:#fff !important;
}
.widget_recent_comments ul li{
    border-bottom:1px solid #888;
    padding-bottom:15px;
}
.widget_recent_comments ul li h4
{
    margin-bottom: 12px;
    line-height: 16px;
    margin-top: 0px;
}
.widget_recent_comments ul li h4 a
{
    font-size:16px;
    color:#444444;
}
.widget_recent_comments ul li p
{
   font-size:14px !important;
   color:#888888;
   line-height:24px;
}
.widget_recent_comments ul li span.comment-author-link
{
    font-size:14px;
    font-weight:bold;
    color:#666666;
}
.widget_calendar table
{
    width:100%;
}
.widget_calendar table th
{
    text-align:center;
}
.widget_calendar table td
{
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    padding: 5px 0px;
}
.widget_calendar table td#today
{
    color:#fff;
}
.widget_calendar table thead
{
    background-color:#f5f5f5;
}
.widget_calendar table thead th
{
    color:#1a1a1a;
    font-size:13px;
    font-weight:400;
    padding:2px 0px;
}
.widget_calendar tbody
{
    border:2px solid;
    border-color:#f5f5f5;

}


.widget_calendar table caption
{
    background-color:#1a1a1a;
    color:#fff;
    text-align:center;
    font-weight:bold;
    font-size:15px;
}


/* End Widget Styling */




/* End Single Post */









/* ====== Media Quries ===== */

@media only screen and (max-width: 590px) {

    .site-heading {
        margin-bottom: 21px !important;
        text-align:center;
    }
    .carousel-indicators {
        bottom: 20px;
    }
    .about-feature_col.last-item {
        margin-bottom: 0px;
    }
    .newsletter-inner_wrapper h4 .offers
    {
        font-size:45px;
    }

}

@media only screen and (min-width: 430px) and (max-width: 767px) {

    .post-detail_container .sperator
    {
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: skew(0, -2deg);
        -moz-transform: skew(0, -2deg);
        -ms-transform: skew(0, -2deg);
        -o-transform: skew(0, -2deg);
        transform: skew(0, -2deg);
        background: #fff;
        z-index:10;
    }
}



@media(min-width:250px) {
    
    .navbar {
        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
        transition: background .5s ease-in-out, padding .5s ease-in-out;
    }

    .navbar .logo p {
        -webkit-transition: font-size .5s ease-in-out;
        -moz-transition: font-size .5s ease-in-out;
        transition: font-size .5s ease-in-out;
        color:#fff;
    }
    .navbar .logo img {
        -webkit-transition: font-size .5s ease-in-out;
        -moz-transition: font-size .5s ease-in-out;
        transition: font-size .5s ease-in-out;
    }
    .top-nav-collapse {
        padding: 0px;
        background-color: #1a1a1a !important;
    }
    .top-nav-collapse p {
        margin: 0px !important;
        margin-top: 6px !important;
        font-size: 40px;
        padding-bottom: 10px;
        -webkit-transition: font-size .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: font-size .5s ease-in-out, padding .5s ease-in-out;
        transition: font-size .5s ease-in-out, padding .5s ease-in-out;
    }

    .top-nav-collapse-blog {
        padding: 0px;
        background-color: #fff !important;
    }
    .top-nav-collapse-blog p {
        margin: 0px !important;
        margin-top: 6px !important;
        font-size: 40px;
        padding-bottom: 10px;
        -webkit-transition: font-size .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: font-size .5s ease-in-out, padding .5s ease-in-out;
        transition: font-size .5s ease-in-out, padding .5s ease-in-out;
    }

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    
 


    .about-feature_col {
        margin-bottom: 60px;
    }
    .facts_col {
        margin-bottom: 30px;
    }
   .pricing-table_col
    {
        margin-bottom:100px;
    }
    .contact-form_wrapper
    {
        margin-bottom:40px;
    }
    .testimonial-col
    {
        margin-bottom:156px;
    }
    .team_col
    {
        margin-bottom:139px;
    }
}
@media only screen and (min-width: 200px) and (max-width: 767px) {
    
    
    .logo {
        color: #fff;
        font-family: 'Lobster Two', cursive;
        font-size: 36px;
        font-weight: bold;
        font-style: italic;
        margin-top: 14px;
    }
    .contact-form_wrapper
    {
        margin-bottom:40px;
    }
    .pricing-table_col
    {
        margin-bottom:100px;
    }
    .facts_col {
        margin-bottom: 30px;
    }
    .about-feature_col {
        margin-bottom: 60px;
    }
    .testimonial-col
    {
        margin-bottom:156px;
    }
    .team_col
    {
        margin-bottom:139px;
    }
    .site-heading {
        font-weight: bold;
        color: #fff;
        font-size: 36px;
        margin-top: -430px;
        margin-bottom: 45px;
        text-align:center;
    }

    #header-bg
    {
        padding:105px 0px 70px;
    }

    #header-video-bg
    {
        padding:120px 0px 40px;
    }

    .carousel_button_list
    {
        margin-bottom:45px;
    }

    .navbar-default .navbar-nav > li > a {
        text-align: center;
        font-size: 17px;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        color: #dddddd;
    }
    .navbar-default .navbar-nav > li {
        margin-left: 0px;
        margin-bottom: 7px;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }
    .navbar-default .navbar-toggle {
        margin-top: 28px;
        border: none;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }


    /* navbar inverse */

     .navbar-inverse .navbar-nav > li > a {
        text-align: center;
        font-size: 17px;
    }
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus {
        color: #1a1a1a;
        opacity:0.8;
    }
    .navbar-inverse .navbar-nav > li {
        margin-left: 0px;
        margin-bottom: 7px;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #e7e7e7;
        background-color: #fff;
    }
    .navbar-inverse .navbar-toggle {
        margin-top: 28px;
        border: none;
    }
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #1a1a1a;
    }


}
@media only screen and (min-width: 768px) {
    


    .logo {
        color: #fff;
        font-family: 'Lobster Two', cursive;
        font-size: 48px;
        font-weight: bold;
        font-style: italic;
    }

    .navbar-nav
    {
        padding-right:22px;
    }

    .widget{
        padding:0px 0px 0px 15px;
    }

    .carousel-indicators {
        bottom: 70px;
    }
    
    .site-heading {
        font-weight: bold;
        color: #fff;
        font-size: 48px;
        margin-top: -410px;
        margin-bottom: 45px;
        text-align:center;
    }
    .navbar-default .navbar-nav > li > a {
        border-top: 3px solid;
        border-color: transparent;
        padding-left:0px;
        padding-right:0px;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        border-top: 3px solid;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover {
        border-top: 3px solid;
        padding-left:0px;
        padding-right:0px;
    }
    /* .navbar inverse */
    .navbar-inverse .navbar-nav > li > a {
        border-top: 3px solid;
        border-color: transparent;
        padding-left:0px;
        padding-right:0px;
    }
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus {
        border-top: 3px solid;
    }
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .active > a:hover {
        border-top: 3px solid; 
        padding-left:0px;
        padding-right:0px;
    }
    .nav-tabs.nav-justified > .active:after {
        content: "\f104";
        font-family: "Ionicons";
        font-size: 40px;
        width: 100%;
        text-align: center;
        position: absolute;
        top: 20px;
    }
    .pricing-table-inner_wrapper.active
    {
        -ms-transform: scale(1.075);
        -moz-transform: scale(1.075);
        -o-transform: scale(1.075);
        -webkit-transform: scale(1.075);
        transform: scale(1.075);
        z-index:1;
        position:relative;
    }

    .post-body blockquote
    {
        margin: 35px 70px 35px;
    }

}


/* End Media Queries */