/* Template Name: Cyprass Responsive HTML5/CSS3 Template
Author:Esrat
Author URI:
Description:Cyprass Responsive HTML5/CSS3 Template.
Version:1.1 */
/* Table of Content
==================================================
1.  Global Styles
2.  Header
3.  Slider
4.  Services
5.  Features
6.  Portfolio
7.  Post & Service
8.  Testimonial
9.  Call to Action
10. Clients
11. Footer
12. Subpages
13. Blog
14. Responsive */



@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,300,500,600,700);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,700);

@import url(https://fonts.googleapis.com/css?family=Oswald);

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);


/* ----------------------------------------------------------------------------------- */
/* CSS Reset & Clear
/*----------------------------------------------------------------------------------- */

html{
    overflow-x: hidden !important;
}
body{
    line-height:1.5em;
    border: 0;
    margin: 0 auto;
    padding: 0;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,
abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,
var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
/*    font-size: 100%; */
    vertical-align: baseline;
    background: transparent;
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

.none {
    display: none;
}

body {
    line-height: 1.5em;
}

ol,ul,dl{
    margin-left:50px;
    padding:0;
    list-style-type:disc;
}

a {
    text-decoration: none!important;
}
/* Global styles
================================================== */
body {
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    /*color: #6a6a6a!important;*/
}

body {
    margin: 100px auto 0 auto; /* height of the section_header / navbar */
    overflow-x: hidden;
    position: relative;
}

#blog, #blog_single {
    padding: 20px 0px; 
}

/* Blog Editor / Summernote styles */
/* ==================== */

.dropdown-fontname {
  width: 200px;
}
.note-toolbar .dropdown-menu a {
  color: #333;
}

#blog-editor h4, .note-editor h4 {
  color: #111;
}
/* ==================== */

table { table-layout: fixed;
}

th.post { width: 60% }
th.author { width: 16% }

span.smallprint {
  font-size: small;
  font-style: italic;
}

table td {
    word-break: normal;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    color: #262626;
}
h1{
    font-size:80px;
    color: #22AAEE;
}
h2 {
    font-size: 60px;
}

h3 {
    font-size: 40px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    line-height: 60px;
}

h4 {
    line-height:50px;
    font-size: 20px;
}

h5 {
    line-height: 25px;
    font-weight: 600;
}

p {
/*    line-height: 25px;
    font-weight: 400;*/
}

a {
    text-decoration: none!important;
}

a:focus{
    outline: 0;
}
.no-padding{
    padding: 0;
}

.div-img{
    position:relative;
    display:inline-block;
    width:100%;
    margin:15px auto 20px;
    text-align:center;
}
.feature_title{
    position:relative;
    padding-bottom:10px;
    /*color:#EE3B24!important;*/
    color:#22AAEE!important;
    width: 100%;
    font-size: 30px;
    line-height: 50px;
    /*text-transform:uppercase;*/
    text-align: center;
}
.feature_sub img {
    float:left;
    margin-right:50px;
    margin-bottom:50px;
}

.team img {
    float:left;
    margin: 5px 50px 50px 0px;
    width:200px;
    height:200px;
}

.feature_title:hover {
    cursor: pointer;
    animation: pulse 1s ease-in-out 100ms both;
    -webkit-animation: pulse 1s ease-in-out 100ms both;
    -o-animation: pulse 1s ease-in-out 100ms both;
}

.feature_sub {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7em;
    text-align: justify;
}

.feature_sub li {
    padding-bottom: 5px;
    padding-left: 50px;
}

.feature_sub_front {
    color: #000;
    font-size: 20px;
    line-height: 1.7em;
    font-weight: 400;
    text-align: left;
    padding-left: 20px;
}

/*
.feature_sub_front span {
    height: 427px;
    display: flex;
    flex-direction: column;
    justify-content: center; 
} */

.feature_header iframe {
    border: 1px solid #888;
    width: 480px;
    height: 236px;
}

.btn-main {
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #fff;
    z-index: 1;
    font-weight: 700;
    font-size: 16px;
    padding: 18px 20px !important;
    /*height: 44px;*/
    text-transform: uppercase;
    margin-top: 60px;
    background: #333;
    color: #fff;
    border: 1px solid#333;
    border-radius: 3px;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.42857;
}

.feature-tab,.pricing,#testimonial .owl-carousel .owl-wrapper,.blog_full {
    margin-top: 40px;
}

ul.horiz-list li {
  display: inline;
  padding: 5px 10px;
}

ul.horiz-list li:before {
	content: '\00a0\2022\00a0\00a0';
}

ul.big-feature-list {
  font-size: 1.5em;
  list-style-type: none;
  
}
ul.big-feature-list li {
  margin: 40px 0px;
  padding: 20px;
  display: block;
  color: white;
  background-color: #069;
  border-radius: 9px;
  
}

.vla-row {
  display: flex; 
  align-items:center;
}

.rightside {
  float:right; 
}
.rightside img {
  max-width: 200px; 
  margin: 0 0 0 20px; 
  border: 3px solid #9ab;
}

#portfolio{
    padding-bottom: 0px;
}
#footer{
    padding: 0;
}


 /*Divider
================================*/
.divider {
}

.divider {
    display: block;
    margin: 20px auto;
    margin-top: 0;
    margin-bottom: 50px;
    content: "";
    width: 70px;
    height: 5px;
}

#service,#pricing_table,#about,#team,#contact,#testimonial,#portfolio,#video-fact,#about-details {
     padding-bottom: 130px;
     padding-top:90px;
}
section{
    /*padding:50px 0px;*/
}
.feature_header {
    padding-top: 30px;
    padding-bottom: 10px;
}
#video-fact{
    padding-bottom: 90px!important;
}
#portfolio{
    padding-bottom: 0px!important;
}
/* Custom Basic styles
================================================== */
/* Header area
=========================================================== */

.main-nav {
    width: auto;
}

#section_header .haeder-fixed {
    background: #fff;
    padding: 10px 0px;
}

#section_header {
    height: 100px;
    background: #fff;
    padding: 10px 0px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
}

.navbar {
    position: relative;
    margin-top: 10px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px!important;
}

.navbar-brand{
    color: #222;
    display: block;
    font-size: 12px;
    vertical-align: middle;
    margin-left: -20px;
}
.navbar-brand img{
    height: 50px;
    width: auto;
    vertical-align: middle;
    max-width: 100%;
}
.navbar-brand .tagline {
    font-size: 11.3px;
    padding-left: 11px;
}

.navbar {
    margin-bottom: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
}

ul.navbar-nav a {
    font-weight: 700;
    font-size: 14px;
    padding: 30px 0 0 30px;
    line-height: 34px;
    display: inline-block;
    text-transform: uppercase;
    color: #3a3a3a;
}

.nav > li > a:focus {
    background: transparent!important;
}

ul.navbar-nav > .active > a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.nav > li > a:hover {
    background: transparent;
}

.navbar-nav .dropdown-menu {
    left: 0;
    right: auto;
}

.dropdown-menu * {
    width: 100%;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.navbar-nav .dropdown-menu {
    background: rgba(34,85,119,0.95);
    border: 0;
    box-shadow: none;
    min-width: 240px;
    display: block;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);
    -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);
    -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);
    -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);
    transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);
}

.navbar-nav .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.navbar-nav .dropdown-backdrop {
    visibility: hidden;
}

.navbar-nav .dropdown-menu li {
    padding: 5px 20px 0;
}

.navbar-nav .dropdown-menu li:first-child {
    border-radius: 2px 2px 0 0;
}

.dropdown-menu li:last-child {
    border-radius: 0 0 2px 2px;
}

.navbar-nav > li > .dropdown-menu {
    /*margin-top: 15px!important;*/
    margin-top: 0 !important;
    margin-left: 30px !important;
}

.dropdown-menu>li>a {
    font-size: 14px;
    padding: 5px 0;
    color: #fff;
}

.navbar-nav > li > a.current {
  /*background:#22AAEE;*/
  color:#22AAEE;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus,
.dropdown-menu>li.active>a {
    background: none !important;
}

/* Section Slider
========================================================= */

/* Carousel Slider
============================================== */
#slider_part {
    height: 800px;
    width: 100%;
    overflow: hidden;
}

.carousel-caption{
    top: 30%; 
    bottom: 30%; 
   /* margin-top: -50px; */
    text-shadow:none!important;
    left:9%;
    right: 10%;
    -webkit-transition: all.3s ease 0s;
    -o-transition: all.3s ease 0s;
    transition: all.3s ease 0s;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.carousel-caption h4{
    font-size: 35px;
}

.carousel-caption h2{
    color:#fff;
    border-top: 1px solid#fff;
    border-bottom: 1px solid#fff;
    width: 30%;
    margin: 0 auto;
    line-height: 85px;
    position: relative;
}
.carousel-caption h2:after{
    content: "";
    position: absolute;
    width: 2px;
    height: 110px;
    background: #EE3B24;
    left: 10px;
    top: -10px;

}
.carousel-caption h2:before{
    content: "";
    position: absolute;
    width: 2px;
    height: 110px;
    background: #EE3B24;
    right: 10px;
    top: -10px;
}

.carousel-caption h3 {
    text-shadow: none;
    font-size: 40px;
    line-height: 30px;
    font-weight: 700;
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
}

.carousel-caption p {
    font-size: 46px;
    line-height: 62px;
    font-weight: 500;
    color: #fff;
    transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    margin: 40px 0px;
    text-transform: uppercase;
}

.carousel-caption img {
    border: 2px solid#fff;
    padding: 10px 10px 10px 20px;
}

.line {
    width: 100px;
    height: 5px;
    color: #222;
    margin: 0px auto;
}

.carousel-caption p i {
    font-size: 7px;
    margin: 0px 3px;
    position: relative;
    top: -3px;
}

.carousel .item {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.btn-featured {
    text-decoration: none;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: transparent;
    border-radius: 2px;
    z-index: 1;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    padding: 15px 40px !important;
    text-transform: uppercase;
    margin-top: 20px;
    margin-right: 10px;
}

.carousel-control.left,.carousel-control.right {
    background-image: none !important;
    background-repeat: no-repeat !important;
}

.carousel-control {
    width: 4% !important;
}

.carousel-caption img {
    height: auto;
}

.carousel-indicators {
    bottom: 100px;
    width: 10%;
    left: 45%;
    margin: 0 auto;
    bottom: 30%;
}

.carousel-indicators li {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #FFF !important;
    margin: 0px !important;
    border-radius: 50%;
}

.carousel-control.left span {
    padding: 15px;
}

.slides-control .carousel-control i {
    line-height: 36px;
    font-size: 32px;
    padding-top: 6px;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.slides-control .carousel-control {
    position: absolute;
    width: 240px;
    top: 45%;
    z-index: 10;
}

.carousel-control.left {
    left: -15px;
}

.carousel-control.right {
    right: 0px;
}

.carousel-control.left {
    width: 120px;
    height: 40px;
}

.carousel-control.right {
    width: 120px;
    height: 40px;
}

.overlay-slide{
    height: auto; /*550px; */
    position: relative;
    width: 100%;
}
.overlay-slide:after{
    background: url("../images/home/overaly.png");
    position: absolute;
    content: "";
    z-index: 3;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.overlay-slide img{
    width: 100%;
    display: block;
}

/*-- Animation --*/

.carousel .item.active .animated2 {
    -webkit-animation: lightSpeedIn 1s ease-in 200ms both;
    animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3 {
    -webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
    animation: bounceInLeft 1s ease-in-out 500ms both;
}


/* Service  Area
============================================================= */

.main_feature {
    margin: 40px 0px;
}

.feature_content:hover .feature_content:after {
    border: 2px solid#fff!important;
}

.feature_content:hover i {
    top: -20px;
}

.feature_content:hover i,.feature_content:hover  h5 {
    cursor: pointer;
}

.feature_content i{
    font-size:60px;
    line-height: 60px;
    z-index:3;
    position: relative;
     -webkit-transition: all .4s ease .1s;
    -o-transition: all .4s ease .1s;
    transition: all .4s ease .1s;
    display: block;
}

.feature_content h5 {
    font-size: 16px;
    font-weight: 800;
    line-height: 19px;
    margin: 0px 0px 20px;
    text-transform: uppercase;
    padding-top: 20px;
    -webkit-transition: all 150ms linear 0s;
    -o-transition: all 150ms linear 0s;
    transition: all 150ms linear 0s;
    letter-spacing: -1px;
}

.feature_content p{
    font-size: 14px;
    line-height: 24px;
    color: #222;
}

.feature_content a {
    text-decoration: none;
    padding: 8px;
    margin-top: 10px;
}

.feature_content a:hover {
    text-decoration: none;
}

.250w {
  width: 250px;
}

/*portfolio single bx slider
===================================*/
#banner {
    padding: 0px;
    margin: 0px;
}

#banner img {
    height: 450px;
    width: 100%;
}

.sidebar {
    padding: 0px 20px;
}

.right-sidebar h4 {
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 15px;
}

.right-sidebar h4:after {
    position: absolute;
    content: "";
    width: 40px;
    height: 3px;
    background: #4593DE;
    left: 0px;
    bottom: 0px;
}

.circle {
    list-style-type: square;
    padding: 0px 20px;
}

.circle li {
    margin: 10px 0px;
}

.circle li span {
    text-transform: capitalize;
    margin-right: 20px;
}

/*About Us
===================================*/
.nav-tabs {
    border-bottom: 0px;
}

.nav-tabs > li > a {
    border: 0px!important;
}

/* Testimonial PArt
============================================ */
#testimonial {
    visibility: visible;
    padding: 40px 0px;
}

.testimonial-slide .testimonial-text {
    font-size: 16px;
    line-height: 24px;
    max-width: 800px;
    height: 125px;
    padding-top: 20px;
    display: inline-block;
    position: relative;
    color: #636363;
}

.testimonial-slide .testimonial-text:before {
    content: "";
    font-family: FontAwesome;
    padding-right: 10px;
    font-size: 25px;
}

.testimonial-slide .testimonial-text:after {
    content: "";
    font-family: FontAwesome;
    font-size: 25px;
    padding-left: 10px;
}

.testimonial-slide .testimonial-content h3.name {
    font-size: 26px;
    font-weight: 700;
}

.testimonial-slide .testimonial-content h3.name span {
    font-size: 18px;
    font-weight: 500;
    display: block;
    color: #555;
    text-transform: capitalize;
}

.testimonial-content h3.name span:after {
    content: "";
    width: 10%;
    background: red;
    border-bottom: 1px solid #CCC;
    height: 1px;
    position: absolute;
    left: 45%;
}

#testimonial .owl-carousel .owl-wrapper {
    /*width: 100%!important;*/;
}

.testimonial-slide .testimonial-thumb {
    height: 150px;
    position: relative;
}

.testimonial-slide .testimonial-thumb img {
    height: 100px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.testimonial-slide .owl-buttons {
    display: none;
}

.cyprass-carousel-controller {
    cursor: pointer;
    position: relative;
    margin: 20px 0px;
    text-align: center;
}

.customNavigation .fa-chevron-left, .customNavigation .fa-chevron-right {
    padding: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 20px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
/*.customNavigation .fa-chevron-left, .customNavigation .fa-chevron-right{

    background: #444;
    color: #fff;
}
.customNavigation .fa-chevron-left:hover, .customNavigation .fa-chevron-right:hover{
     background: #4593DE;
    color: #fff;
}*/
.customNavigation .fa-chevron-right {
    padding-left: 18px!important;
}

.customNavigation .owl-prev {
    position: absolute;
}


/* Contact Form
==============================================*/
#contact {
    background: #fff;
}

#contact .feature_header {
    margin: 20px 0px;
}

#contact .feature_title {
}

#contact .divider {
    color: #fff!important;
}

.left_contact {
    color: #E7E7E7;
    max-width: 850px;
}

.admin {
  margin-top: 25px;
}

.form-control {
    box-shadow: 0px!important;
}

.form {
    width: 100%;
    height: auto;
    font-size: 18px;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
    color: #7F7F7F;
    padding: 15px 15px 12px;
    border-radius: 0px;
    text-transform: capitalize!important;
    padding-left: 70px;
}

.right textarea {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid#EEE;
}

textarea {
    width: 100%;
}

.right .form-control {
    box-shadow: 0px!important;
}

.blog_full .btn-main {
    margin-top: 20px;
}

.contact-form-area {
  margin-top: 40px;
  padding: 50px 70px;
  background-color: #295d77;
  border: 1px solid #bbb;
  box-shadow: 0px 0px 16px -4px #000;
}
/*/right*/

.left h4,.right h4 {
    margin-bottom: 20px;
}

.social-contact li i {
    color: #555;
    width: 30px;
    height: 30px;
    padding: 5px 0px 5px 7px;
    border: 1px solid#555;
    border-radius: 2px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background: transparent;
    color: #EE3B24!important;
}
.navbar-inverse .navbar-nav >li> a{
    color: #eee!important;
}

/*.social-contact li i:hover{
    color: #4593DE;
    border:1px solid #4593DE;
}*/

.input-group {
  margin-bottom: 10px; 
}

.input-group .form-control {
    margin: 0px !important;
}

.input-group input {
    height: 50px !important;
}

.input-group textarea {
    line-height: 1.85 !important;
}

.input-group-addon {
  width: 40px !important; 
}

.form-level {
    position: relative;
    width: 100%;
}


.form-level input, .form-level textarea {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #BBBBBB;
    margin-bottom: 10px;
    text-indent: 5px;
}

.form-level select{
    padding: 10px 15px;
    border: none;
    height: 45px;
}

/*map*/

.form-level ::-webkit-input-placeholder {
    color: #999;
    text-transform: capitalize;
}

.form-level :-moz-placeholder {
 /* Firefox 18- */
    color: #999;
    text-transform: capitalize;
}

.form-level ::-moz-placeholder {
  /* Firefox 19+ */
    color: #999;
    text-transform: capitalize;
}

.form-level :-ms-input-placeholder {
    color: #999;
    text-transform: capitalize;
}
/* Footer Area
==========================================*/
#footer {
}

.footer_top {
    overflow: hidden;
    padding: 30px 0px 50px;
    margin-top: 100px;
    border-bottom: 1px solid #0F0F0F;
    background: none repeat scroll 0% 0% #333;
    color: #AAA;
}

.footer_b {
    background: #222;
    border-top: 1px solid #555;
}

.footer_menu li a:before {
    display: inline-block;
    margin-right: 8px;
    color: #5B5B5B;
    content: "";
    font-family: FontAwesome;
}

.menu_head {
    color: #C5C5C2!important;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin: 0px 0px 20px 0px;
}

.menu_head:after {
    position: absolute;
    left: 18px;
    width: 55px;
    height: 1px;
    content: "";
    top: 31px;
}

.menu_head:before {
    position: absolute;
    left: 32px;
    width: 24px;
    height: 5px;
    content: "";
    display: inline-block;
    top: 29px;
}

.footer_mid ul li {
    margin-top: 20px;
}

.footer_menu ul {
    list-style-type:none;
    margin-left:0px;
}

.footer_menu ul li a {
    text-decoration: none;
    color: #9E9E9E;
    display: inline-block;
    padding: 5px 0px;
}

.footer_menu_contact ul {
    list-style-type:none;
    margin-left:0px;
}

.footer_menu_contact ul li {
    padding: 5px 0px;
}

.footer_menu_contact li i {
    width: 20px;
}

.footer_menu_contact li span:hover {
    cursor: pointer;
}

.tags a {
    display: block;
    float: left;
    margin: 3px;
    padding: 8px 10px;
    background: none repeat scroll 0% 0% #2C2C2C;
    color: #C4C4C4;
    font-size: 14px;
    text-decoration: none;
}

.tags a:hover {
    color: #fff;
}

.footer_social {
    padding: 20px 0px;
}

.footer_social i {
    width: 50px;
    height: 50px;
    padding: 14px;
    color: #fff;
    font-size: 25px;
    border-radius: 3px;
}

.footer_bottom a {
    color: #A1A1A1;
}

.footer_bottom p {
    font-size: 16px;
    color: #A1A1A1;
    margin: 25px 0px;
    text-align: center;
}

.blog {
    padding-bottom: 30px;
    background: #FFF;
    padding: 20px;
    border-top: 4px solid #22AAEE;
    /* the following prevents overflowing of dangling styles from snippets */
    font-style: normal;
    font-weight: normal;
}

.blog-post-title a {
    color: #22AAEE!important
}

.blog-timeline {
    position: relative;
    margin-top: 40px;
}

.blog_single {
    margin: 0px 15px;
    background: #FFF;
    padding: 20px;
    border-top: 4px solid #22AAEE;
}

.blog_single hr {
    border-top: 1px solid #22AAEE;
}

.date-author {
    font-size: 14px;
    color: #999;
}

.post_img img {
    float: left;
    width: 100%;
    height: 250px;
}

.post_img {
    position: relative;
}

.post-date {
    position: absolute;
    top: 0px;
    width: 70px;
    height: 70px;
    left: 0px;
}

.post_img {
    text-decoration: none;
    color: #fff;
}

.post-date span {
    display: block;
    padding: 5px 0px;
    font-size: 30px;
    font-weight: 700;
}

.post-date {
    font-size: 20px;
    text-align: center;
}

.pagination a {
  padding: 5px 10px;
  margin: 3px;
  background: #CEEFFF;
  border: 1px solid #78AEFF;
  border-radius: 5px;
}

.pagination .current {
  padding: 5px 10px;
  margin: 3px;
  background: #EEEEEE;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
}

/*Single blog post details
=============================*/
#banner {
    background: url("../images/slider/b6.jpg")no-repeat;
    background-size: cover;
    height: 500px;
}

.blog-header {
    padding: 30px 0px 0px 20px;
    margin-top: 225px;
}

.blog-header h2 {
    font-size: 35px;
    line-height: 40px;
    font-weight: 400;
    color: #fff;
}

.blog-header .breadcrumb {
    background: transparent;
    color: #fff;
}

.blog-desc {
}

.blog-desc .post-meta-links {
    margin: 10px 0px 20px 0px;
}

.blog-desc .post-meta-links li {
}

.blog-desc .post-meta-links li a {
    color: #4593DE;
}

.blog-desc p {
    font-size: 14px;
}

.blog-desc .post-meta-links li a span {
    color: #555;
    margin-right: 10px;
}

.blog-desc blockquote {
    margin: 5px 10px;
    padding: 0px 25px;
    line-height: 25px;
    letter-spacing: 1px;
}

.blog-desc blockquote i {
    font-size: 40px;
    margin-right: 10px;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.video-overlay { position: relative; }
.video-overlay:after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  z-index: 100;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  background: transparent url("../images/home/play-button-blue.png") no-repeat center;
  pointer-events: none;
}
.video-overlay.player iframe { vertical-align: middle; }
.video-overlay.player > img { display: none; }
.video-overlay.player:after { display: none; }

.tags1 p {
    float: left;
    margin-right: 10px;
}

.tags1 a {
    padding: 6px 15px;
    background: #4593DE;
    border-radius: 3px;
    color: #FFF;
    font-size: 14px;
    text-transform: capitalize;
}

.share1 {
    background: #EEE;
    padding: 20px;
    border: 1px solid#CCC;
    height: 74px;
    border-radius: 3px;
}

.share1 {
    margin: 30px 0px;
}

.share1 h4 {
    margin-bottom: 15px;
    margin-right: 20px;
    float: left;
}

.share1 .social-contact {
    float: right;
}

.share1 .social-contact li {
    margin: 0px;
}

.share1 .social-contact li i {
    border-radius: 50%!important;
    color: #fff;
    border: 0px;
    padding: 8px 0px 5px 8px;
    font-size: 16px;
}

.share1 .social-contact li .fa-facebook {
    background: #395793;
}

.share1 .social-contact li .fa-linkedin {
    background: #0A6594;
}

.share1 .social-contact li .fa-google-plus {
    background: #9E3023;
}

.share1 .social-contact li .fa-twitter {
    background: #1CA3DB;
}

.share1 .social-contact li .fa-pinterest {
    background: #A9272F;
}

.blog-desc .share h4 {
    margin-bottom: 15px;
    float: left!important;
    margin-right: 20px;
}

.share h4 {
    margin-bottom: 15px;
    margin-right: 20px;
}

.share .social-contact {
    margin: 30px 0px;
    background: #EEE;
    padding: 20px;
    border: 1px solid#CCC;
}

.about-auther {
    margin: 50px 0px;
}

.about-auther .well {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: 0px;
    border-top: 5px solid#4593DE;
}

.about-auther h4,.comments h4 {
    margin-bottom: 10px;
}

.about-auther .well img {
    float: left;
    margin-right: 20px;
    width: 85px;
    height: 82px !important;
}


/*Animation
========================================================*/
.carousel .item.active .animated4 {
    -webkit-animation: flipInX 1s ease-in 500ms both;
    animation: flipInX 1s ease-in 500ms both;
}

.carousel .item.active .animated5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated7 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8 {
    -webkit-animation: bounceInDown 1s ease-in 800ms both;
    animation: bounceInDown 1s ease-in 800ms both;
}

.owl-theme .owl-controls {
    margin-top: 60px;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 45px;
    height: 7px;
    border-radius: 0px;
}

/* Video and video background */

.video-embed {
    position: relative;
    padding-top: 56.25%; /* 16:9 */
    height: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.parallax-overlay{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url("../images/banner/home/overaly.png")repeat;
}
.video-background{
    width: 100%;
}
.video-background-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
section{
    position: relative;
}
iframe{
    border: 0;
}

/*Panel*/

.video-text{}
.video-text .panel{
    border: 0px!important;
    box-shadow: none;
    border-radius: 0px;
    margin-bottom: 10px;
}
.video-text .panel-default{}
.video-text .panel-group .panel-heading{
    border-radius: 0px;
    border-color: #EE3B24;
    position: relative;
    padding: 7px 15px;
    background: #FAFAFA;
    border-bottom: 1px solid#AFAFAF;
}

.video-text .panel-group  h4.panel-title a.collapsed:after{
    font-family: FontAwesome;
    color: #333;
    font-size: 14px;
    right: 0px;
    position: absolute;
    z-index: 111;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 0px;
    text-align: center;
    content: "";
}
.video-text .panel-group  h4.panel-title a:after {
    font-family: FontAwesome;
    color: #22AAEE;
    font-size: 14px;
    right: 0px;
    position: absolute;
    z-index: 111;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 0px;
    text-align: center;
    content: "";
}

.video-text .panel-group .panel-heading.active{
    border: 1px solid#22AAEE;
}


/*home 1 tab
===================*/

.video-text .panel-group .p2{
    background: #FAFAFA;
    border-bottom: 0px;
    border-radius: 5px;
}
.video-text .panel-group .p2 h4 a span{
    float: left;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}
.video-text .panel-group .p2 h4{
    margin-left: 40px;
}
.video-text .panel-group .panel-body.p1{
    color: #313131;
    margin-top: -1px;
}
.video-text .panel-group .panel-body.p3{
      background: #fff!important;
}
.video-text .panel-group .p2 h4.panel-title a.collapsed:after{
    font-family: FontAwesome;
    background: none repeat scroll 0% 0% #363636;
    color: #FFF;
    font-size: 14px;
    left: 0px;
    position: absolute;
    z-index: 111;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 0px;
    text-align: center;
    content: "";
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.video-text .panel-group .p2 h4.panel-title a:after {
    font-family: FontAwesome;
    color: #FFF;
    font-size: 14px;
    left: 0px;
    position: absolute;
    z-index: 111;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 0px;
    text-align: center;
    content: "";
    background: none repeat scroll 0% 0% #F05743;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.video-text .panel-group .p2.active{
    background:#EE3B24;
    color: #fff;
    padding: 7px 0px;
    padding-left: 15px;
}

/* Tabbed Galary */

.tabbed-galary .menu-items {
  /* margin: auto; */
  padding: 0px;
  border: 1px solid #EFEFEF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #FAFAFA;
}
.tabbed-galary ul {
  margin: 0px;
}
.tabbed-galary .nav>li {
  background: #FAFAFA;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.tabbed-galary .nav>li.active, .tabbed-galary .nav>li.active>a {
  background: #8EDFFF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.tabbed-galary .nav>li h4 {
  color: #888888;
  line-height: 30px;
  font-size: 18px;
}
.tabbed-galary img {
  width: 80%;
  border: 5px solid #EFEFEF;
}

/* SIDEBAR */
 #wrapper {
  padding-left: 150px;
  transition: all 0.4s ease 0s;
}

#sidebar-wrapper {
  margin-left: -200px;
  left: 200px;
  width: 200px;
  position: fixed;
  z-index: 0;
}

#wrapper.active {
  padding-left: 0;
}

#wrapper.active #sidebar-wrapper {
  left: 0;
}

#page-content-wrapper {
  width: 100%;
}

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 200px;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #FAFAFF;
  margin-top: 150px;
}

.sidebar-nav li {
  line-height: 40px;
  /*text-indent: 20px;*/
}

.sidebar-nav li a {
  color: #000000;
  display: block;
  text-decoration: none;
  padding-left: 60px;
}

.sidebar-nav li a span:before {
  position: absolute;
  left: 0;
  color: #41484c;
  text-align: center;
  width: 20px;
  line-height: 18px;
}

.sidebar-nav li a:hover {
  color: #000;
  background: #eeeeff;
  text-decoration: none;
}
.sidebar-nav li.active {
  color: #000;
  background: #22AAEE;
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  line-height: 60px;
  font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}



.content-header {
  height: 65px;
  line-height: 65px;
}

.content-header h1 {
  margin: 0;
  margin-left: 20px;
  line-height: 65px;
  display: inline-block;
}

#menu-toggle {

}

.btn-menu {
  color: #000;
}

.inset {
  padding: 20px;
}


/* equal or gt : Extra small viewport or screen */
@media only screen and (min-width : 480px) {
}
/* equal or gt : Small viewport or screen */
@media only screen and (min-width : 768px) {
  .video-section {
    padding: 100px 0;
  }
}
/* equal or gt : Medium viewport or screen */
@media only screen and (min-width : 992px) {
  body { font-size: 14px;}
  .video-section {
    padding: 120px 0;
  }
}
/* equal or gt : Large viewport or screen */
@media only screen and (min-width : 1200px) {
}

/* upto 992px width: Medium viewport or screen */
@media only screen and (max-width : 992px) {
  body { font-size: 12px;}
}

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

  #wrapper {
    padding-left: 0;
  }

  #sidebar-wrapper {
    left: 0;
  }

  #wrapper.active {
    position: relative;
    left: 250px;
  }

  #wrapper.active #sidebar-wrapper {
    left: 250px;
    width: 250px;
    transition: all 0.4s ease 0s;
  }

  #menu-toggle {
    display: inline-block;
  }

  .inset {
    padding: 15px;
  }

  .navbar-collapse { 
    max-height: none !important; 
    height: 560px;
    margin-top: 25px;
  }

  ul.navbar-nav {
    background-color: #0f2b37;
  }
  ul.navbar-nav .dropdown-menu {
    background: #225577;
  }

  ul.navbar-nav > li {
    border-top: 1px solid #345;
  }

  ul.navbar-nav li > ul.dropdown-menu {
    margin-left: 60px !important;
  }
  ul.navbar-nav > li > a {
    color: #e5e5e5;
    padding: 0 0 0 30px;
  }
  ul.dropdown-menu > li > a {
    padding: 0 0 0 10px;
  }
  ul.dropdown-menu > li:not(:last-child)  {
    border-bottom: 1px solid #568;
  }

  .carousel-caption h3{
    font-size: 25px;
  }
  .feature_content i{
    margin-top: 30px;
  }
  .vla-row { display: block; }
  .vla-row img {width: 100%;}

  .rightside {
    float: none !important;
    width: 100%;
  }
  .rightside img { 
    margin: 0 auto 10px;
    display: table;
    float: none !important;
  }

}

#benefit-row {
  padding-bottom: 50px;
}