/*
* SANDY - One page apps landing page
* Build Date: February 2016
* Last updated: May 2017
* Version: 1.4
* Author: ThemeAtelier
* Copyright (C) 2016 ThemeAtelier
*/
/* ------------------------------------- */
/* TABLE OF CONTENTS
/* -------------------------------------
    1. IMPORT GOOGLE FONTS
    2. GENERAL
		-2.1 PARALLAX
		-2.2 COLORS AND BACKGROUND
		-2.3 PADDINGS
		-2.4 MARGINS
		-2.5 BUTTONS
		-2.6 SECTION TITLE
		-2.7 TYPE ANIMATION CSS
		-2.8 PRE LOADER
		-2.9 SCROLL TO UP
	3. HEADER
	4. HERO SECTION
	5. FEATURES SECTION
	6. ABOUT SECTION
	7. HOW WORKS
	8. SCREENSHOTS SECTION
	9. VIDEO PROMO SECTION
	10. PRICING TABLE
	11. FACTS SECTION
	12. TESTIMONIAL AREA
	13. BLOG SECTION
	14. CONTACT SECTION
	15. SUBSCRIPTION SECTION
	16. FOOTER SECTION
	17. BLOG LISTS PAGE
	18. EXTRA PAGES
	------------------------------------- */


/*  ----------------------------------------------------
2. GENERAL
-------------------------------------------------------- */
body {
    color: #54657e;
    font-size: 16px;
    line-height: 28px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    overflow-x: hidden;
    font-family: Arial;
}
h1{
	    font-family: 'Times New Roman', sans-serif;
		font-weight: "bold";
	
}
h2{
	    font-family: 'Times New Roman', sans-serif;
		font-weight: "bold";
	
}
h3{
	    font-family: 'Times New Roman', sans-serif;
		font-weight: "bold";
	
}
h4,
h5,
h6 
button {
    font-family: 'Raleway', sans-serif;
    color: #0d3559;
    margin-top: 0;
    margin-bottom: 0;
	font-weight: 600;
}
a:hover,
a:focus,
a:active,
button {
    text-decoration: none;
    outline: none;
    webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
input:focus{
outline:none;
}
dt{
margin-bottom:5px;}
a {
    color: #346afe;
}
a:hover {
    color: #4676fa;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 32px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
    margin-bottom: 10px;
}
h6 {
    font-size: 16px;
}

blockquote{
	border-color:#356AFD;
	background-color:#f8f8f8;
	font-family: 'Raleway', sans-serif;
    font-weight: 600;
}
blockquote p {
	font-style:italic;
	font-weight: 400;
}
img {
	max-width: 100%;
	height: auto;
}
.admin-bar .navbar {
	margin-top: 32px;
}
#fof {
	background-color: #3a58a9;
}

#pageheader {
	background-color: #346afe;
	position: relative;
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .comment-text h1, .comment-text h2, .comment-text h3, .comment-text h4, .comment-text h5, .comment-text h6{
	margin-bottom:15px;
}
.comment-form-cookies-consent label{
	margin-left: 5px;
}
/* -2.1 PARALLAX */
.bg-parallax {
    background-attachment: fixed !important;
}
.bg-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.bg--img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.header-gradient-overlay,
.gredient-overlay,
.bg-overlay {
    position: relative;
    color: #fff;
    z-index: 0;
}
.header-gradient-overlay:before,
.gredient-overlay:before {
	content: " ";
    background: #346afe;
    background: -webkit-linear-gradient(to left, #346afe, #004e92);
    background: -webkit-linear-gradient(right, #346afe, #004e92);
    background: linear-gradient(to left, #346afe, #004e92);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	opacity: 0.7;
}
.bg-overlay:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    opacity: 0.8;
    z-index: -1;
}
.opacity-8 {
    opacity: 0.8;
}

/* -2.2 COLORS AND BACKGROUND */
.bg-gray {
    background: #eef4f5;
}
.bg-black {
    background: #222328;
}
.bg-gredient{
	background:#eef4f5;
	background: -webkit-linear-gradient(top, rgb(244, 250, 255) 0%, rgb(221, 240, 253) 100%);
    background: linear-gradient(to bottom, rgb(244, 250, 255) 0%, rgb(221, 240, 253) 100%);
}
.color-white h1,
.color-white h4,
.color-white p,
.color-white h2,
.color-white {
    color: #ffffff;
}

/* -2.3 PADDINGS */
.pt200{
	padding-top:200px;
}
.pt100 {
    padding-top: 100px;
}
.pb100 {
    padding-bottom: 100px;
}
.pt70 {
    padding-top: 70px;
}
.pt50 {
    padding-top: 50px;
}
.pb50 {
    padding-bottom: 50px;
}
.pt20 {
    padding-top: 20px;
}
.pb20 {
    padding-bottom: 20px;
}

/* -2.4 MARGINS */
.mb60 {
    margin-bottom: 60px;
}
.mt60 {
    margin-top: 60px;
}
.mb30 {
    margin-bottom: 30px;
}
.mt30{
	margin-top:30px;
}

/* -2.5 BUTTONS */
.primary-btn {
	padding:12px 30px;
    background-color: #346afe;
    color: #ffffff;
    border:none;
    text-transform: uppercase;
    border-radius: 50px;
    display: inline-block;
	transition:all 0.3s ease;
}
button.primary-btn {
    padding: 12px 20px;
}
.primary-btn i {
    margin-right: 8px;
}
.primary-btn:hover {
    background-color: #4676fa;
    color: #ffffff;
}
.cd-btn{
	background: #346afe;
}
.cd-btn:hover{
    background: #4676fa;
    color: #ffffff;
}
/* -2.6 SECTION TITLE */
.section-title h2 {
    margin-bottom: 15px;
    text-transform: uppercase;
}
.section-title h2 span {
    color: #346afe;
	margin-left: 5px;
}
.lines {
    width: 6px;
    position: relative;
    border-top: 2px solid #00aeef;
	margin: auto;
	margin-top:20px;
}
.lines:before,
.lines:after {
    content: "";
    position: absolute;
    top: -2px;
    width: 30px;
    border-top: 2px solid #00aeef;
}
.lines:before {
    left: -34px;
}
.lines:after {
    right: -34px;
}
.section-title p {
    margin-top: 20px;
}

/* -2.7 TYPE ANIMATION CSS */
.typed-cursor {
    opacity: 1;
    font-weight: 100;
    -webkit-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    color: #346afe;
}
@-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* -2.8 PRE LOADER */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #EEF4F5;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}
.status {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
}
.loader {
    position: relative;
    margin: 0px auto;
    width: 70px;
}
.loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}
@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}
@-webkit-keyframes color {
    100%, 0% {
        stroke: #346afe;
    }
    40% {
        stroke: #346afe;
    }
    66% {
        stroke: #346afe;
    }
    80%,
    90% {
        stroke: #346afe;
    }
}
@keyframes color {
    100%, 0% {
        stroke: #346afe;
    }
    40% {
        stroke: #346afe;
    }
    66% {
        stroke: #346afe;
    }
    80%,
    90% {
        stroke: #346afe;
    }
}

/* -2.8 SCROLL TO UP */
.scrollup {
    background: #346AFE;
	border-radius:2px;
    bottom: 30px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 20px;
    height: 40px;
    line-height: 35px;
    position: fixed;
    right: 50px;
    text-align: center;
    width: 38px;
    z-index: 9;
	border:1px solid transparent;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.scrollup:hover{
	background:#EEF4F5;
	color:#0d3559;
	border:1px dashed #346AFE;
}
/*  ----------------------------------------------------
3. HEADER
-------------------------------------------------------- */
.header {
    background:rgba(238, 244, 245, 0.7);
    padding-top: 20px;
    padding-bottom: 20px;
	transition:all 0.4s;
}
.header a{
	color:#0d3559
}

.header.nav-sticky{
	background: #346afe;
}
.header.nav-sticky a{
	color:#ffffff;
}
.header.nav-sticky .dropdown-menu a{
	color:#0d3559
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background:transparent;
}
.logo {
    font-size: 30px;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
}
.nav-sticky .navbar-header .nonsticky-logo {
	display: none;
}
.logo:hover{
	color:inherit;
}
.logo:first-letter {
    font-size: 40px;
}
.navbar-toggle {
    border: 1px solid #0d3559;
    margin-top: 0px;
}
.navbar-toggle .icon-bar {
    background: #0d3559;
}
.nav-sticky .navbar-toggle{
	border:1px solid #ffffff;
}
.nav-sticky .navbar-toggle .icon-bar{
	background:#ffffff;
}
.header .navbar-nav {
    margin-top: 5px;
}
.header .navbar-nav>li {
    padding-left: 28px;
}
.header .navbar-nav>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.header .navbar-nav>li.active>a, .header .navbar-nav>li>a:hover,
.header .navbar-nav>li>a:focus {
    background: transparent;
	color:#346AFE;
}
.header.nav-sticky .navbar-nav >li.active > a, 
.header.nav-sticky .navbar-nav >li >a:hover, 
.header.nav-sticky .navbar-nav >li >a:focus{
	color:#303030;
}

.header.nav-sticky .nav li a:before, .header.nav-sticky .nav li a:after{
	background:#ffffff;
}
.header .dropdown-menu > li > a:hover {
	color: #ffffff;
}
.header .nav li.active a:after,
.header .nav li.active a:before,
.header .nav li a:hover:after,
.header .nav li a:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.nav-sticky .dropdown-menu >.active > a, 
.dropdown-menu >.active >a:hover{
	background:#346afe;
	color:#ffffff;
}
.dropdown-menu >li > a{
	padding:5px 20px;
}
.dropdown-menu>li>a:hover:after, .dropdown-menu>li>a:hover:before, .dropdown-menu>li.active>a:after, .dropdown-menu>li.active>a:before{
	opacity:0;
	width:0px;
}
.navbar-right .dropdown-menu {
  border: medium none;
  border-radius: 0;
  top: 40px;
}


/*  ----------------------------------------------------
4. HERO SECTION
-------------------------------------------------------- */

.hero-section {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    height: 600px;
    width: 100%;
    position: relative;
    z-index: 1;
}
.hero-full-screen{
	height: 600px;
	height: 100vh;
	width: 100%;
	position: relative;
	z-index: 1;
}
.display-table {
    width: 100%;
    height: 100%;
    display: table;
}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.hero-content h1 {
    margin-bottom: 30px;
}
#home .hero-content h1 {
	font-size: 50px;
}
.hero-content p {
    margin-bottom: 30px;
}
.promo-image {
    position: absolute;
    right: 0px;
    bottom: 0;
}

/*  ----------------------------------------------------
5. FEATURES SECTION
-------------------------------------------------------- */
#special_features {
	position: relative;
}
.media:first-child {
    margin-top: 15px;
}
.media {
    margin-top: 15px;
    margin-bottom: 15px;
}
.left-icon-boxes {
    text-align: right;
}
.right-icon-boxes {
    text-align: left;
}
.media-icon {
    width: 60px;
    height: 60px;
    text-align: center;
    border: 1px dashed #346afe;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 15px;
    webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
.media-icon img {
    width: 40px;
    height: 40px;
    position: relative;
    top: 9px;
}
.media-icon i {
    font-size: 35px;
    color: #346afe;
    line-height: 60px;
}
.media:hover .media-icon {
    background: #346afe;
}
.media:hover .media-icon i {
    color: #ffffff;
}
.vertical-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.vertical-align > .flex-box,
.vertical-align > .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/*  ----------------------------------------------------
6. ABOUT SECTION
-------------------------------------------------------- */
.about-boxes .media {
    text-align: center;
    padding: 30px 15px;
	webkit-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 5px;
	background-color:#ffffff;
}
.about-boxes .media p {
	margin: 0px;
	margin-bottom: -4px;
}
.about-boxes .media:hover {
    background-color: #eef4f5;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
}

/*  ----------------------------------------------------
7. HOW WORKS
-------------------------------------------------------- */
.how-works-item .icon-outer {
    display: inline-table;
    width: 90px;
    height: 90px;
    position: relative;
	border-radius:5px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    background-color: #ffffff;
	color:#346afe;
	line-height:90px;
	font-size:40px;
	margin-bottom:25px;
	border:1px dashed #346afe;
}
.how-works-item:hover .icon-outer{
	background:#346afe;
	color:#ffffff;
	box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.15);
}
.how-works-item .title{
	font-size:20px;
	font-weight:600;
}
.how-works-item {
    position: relative;
    z-index: 1;
}
.how-works-item:after, .how-works-item:before {
    content: '';
    width: 50%;
    border-top: 1px solid;
    position: absolute;
    top: 45px;
  transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1);
  -o-transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1);
  -ms-transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1);
  -moz-transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1);
  -webkit-transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1);
    z-index: -1;
}
.how-works-item::before {
    right: 50%;
}
.how-works-item:after, .how-works-item:before {
    border-color: #0d3559;
}
.how-works-item:first-child::before {
    border-color: transparent;
}
.how-works-item:last-child::after {
    border-color: transparent;
}
/*  ----------------------------------------------------
8. SCREENSHOTS SECTION
-------------------------------------------------------- */
.shot-item {
    padding: 8px;
    border-radius: 4px;
    background: #EEF4F5;
}
.bg-gray .screenshots .shot-item {
    background: #ffffff;
}
.shot-item img {
    border-radius: 4px;
}
.overlay {
    display: block;
    position: relative;
}
.overlay:before,
.overlay:after {
    position: absolute;
    content: "";
    height: 0;
    width: 100%;
    background: #346afe;
    background: -webkit-linear-gradient(to left, #346afe, #004e92);
    background: -webkit-linear-gradient(right, #346afe, #004e92);
    background: linear-gradient(to left, #346afe, #004e92);
    opacity: 0.8;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	left:0;
}
.overlay:before {
    top: 0;
    z-index: 1;
}
.overlay:after {
    bottom: 0;
    z-index: 1;
}
.shot-item:hover .overlay:before {
    height: 50%;
}
.shot-item:hover .overlay:after {
    height: 50%;
}
.overlay .item-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: #ffffff;
    top: 50%;
    left: 50%;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    position: absolute;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    font-size: 50px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.shot-item:hover .item-icon {
    visibility: visible;
    opacity: 1;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}
.owl-dot {
    margin-top: 30px;
}
.owl-theme .owl-dots .owl-dot span {
    background: #7a9af2;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #4676fa;
}
/*  ----------------------------------------------------
9. NEW SECREENSHOTS SECTION
-------------------------------------------------------- */
.screenshots-mobile{
	padding: 73px 14px 0px 14px;
    background: rgba(0, 0, 0, 0) url(../img/screenshot-mobile.png) no-repeat scroll top center;
    background-size: 100%;
    max-width: 293px;
    margin: 0 auto;
}
.screenshots-mobile.owl-theme .owl-nav.disabled+.owl-dots{
	margin-top:70px;
}
.screenshots-mobile .shot-item{
	padding:0px;
	border-radius:0px;
}
.mfp-counter{
	display:none;
}

/* -9.1 FREQUENTLY ASK QUESTIONS */

.wrap {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #fff;
  background: none;
  box-shadow: none;
}
.panel:last-child {
  border-bottom: none;
}
.panel-group > .panel:first-child .panel-heading {
  border-radius: 4px 4px 0 0;
}
.panel-group .panel {
  border-radius: 0;
}
.panel-group .panel + .panel {
  margin-top: 0;
}
.panel-heading {
	background:#346AFE;
  border-radius: 0;
  border: none;
  color: #fff;
  padding: 0;
    webkit-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.panel-heading:hover{
	opacity:0.8;
}
.panel-title a {
  display: block;
  color: #fff;
  padding: 15px;
  position: relative;
  font-size: 16px;
  font-weight: 700;
}
.panel-body {
  background: #EEF4F5;
}
.bg-gray .panel-body {
  background: #fff;
}
.panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
}
.panel:last-child .panel-heading {
  border-radius: 0 0 4px 4px;
  -webkit-transition: border-radius 0.3s linear 0.2s;
  transition: border-radius 0.3s linear 0.2s;
}
.panel:last-child .panel-heading.active {
  border-radius: 0;
  -webkit-transition: border-radius linear 0s;
  transition: border-radius linear 0s;
}
.panel-heading a:before {
  content: '\e146';
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  font-size: 24px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(1);
   transform: scale(1);
}
.panel-heading.active a:before {
  content: ' ';
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0);
   transform: scale(0);
}
#bs-collapse .panel-heading a:after {
  content: ' ';
  font-size: 24px;
  position: absolute;
   font-family: FontAwesome;
  right: 5px;
  top: 10px;
  -webkit-transform: scale(0);
    transform: scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#bs-collapse .panel-heading a:after {
  -webkit-transform: scale(1);
    transform: scale(1);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#accordion .panel-heading a:before {
  content: '\f107';
  font-size: 24px;
  position: absolute;
  font-family: FontAwesome;
  right: 5px;
  top: 10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#accordion .panel-heading a.collapsed:before {
  -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#accordion a:hover, #accordion a:focus{
	color:#ffffff;
}
/*  ----------------------------------------------------
9. VIDEO PROMO SECTION
-------------------------------------------------------- */
#video-promo {
	position: relative;
}
.video-popup {
    border: 1px dashed #ffffff;
    margin-top: 30px;
    display: inline-block;
    width: 70px;
    height: 70px;
    color: #ffffff;
    line-height: 70px;
    font-size: 25px;
    border-radius: 100%;
	background-color: transparent;
}
.video-popup:hover,
.video-popup:focus {
    background-color: #ffffff;
	color: #346afe;
}

/*  ----------------------------------------------------
10. PRICING TABLE
-------------------------------------------------------- */
.bg-gray .single-package {
    background-color: #ffffff;
}
.bg-gray .single-package .price {
    background: #EEF4F5;
}
.single-package {
    background-color: #EEF4F5;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single-package:hover {
    box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
}
.bg-gray .featured-package,
.featured-package {
    background-color: #346afe;
    background-color: -webkit-linear-gradient(to left, #346afe, #004e92);
    background-color: -webkit-linear-gradient(right, #346afe, #004e92);
    background-color: linear-gradient(to left, #346afe, #004e92);
}
.featured-package h4,
.featured-package ul {
    color: #ffffff;
}
.price {
    background: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.price h5 {
    margin-bottom: 0px;
}
.sign {
    font-size: 14px;
    vertical-align: super;
}
.price .month {
    font-size: 14px;
}
.package-head {
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.package-feature {
    margin: 0;
    padding: 0;
    list-style: none;
}
.package-feature li {
    margin-top: 10px;
    margin-bottom: 10px;
}
.download-btn {
    padding-top: 20px;
    padding-bottom: 20px;
}
.download-btn .primary-btn {
    font-size: 14px;
    text-transform: inherit;
    padding: 8px 30px;
}
.featured-package .primary-btn {
    background-color: #ffffff;
    color: #346afe
}
.featured-package .primary-btn:hover {
    background-color: #EEF4F5;
}
/*  ----------------------------------------------------
11. FACTS SECTION
-------------------------------------------------------- */
#facts_section {
	position: relative;
}
.single-counter{
	color:#ffffff;
	margin-top:20px;
	margin-bottom:20px;
}
.single-counter h4{
	color:#ffffff;
	font-weight:600;
}
.single-counter i{
	font-size:50px;
}
.counter-number{
	margin-top:15px;
	margin-bottom:15px;
	font-size:35px;
	font-family: 'Raleway', sans-serif;
}
/*  ----------------------------------------------------
12. TESTIMONIAL AREA
-------------------------------------------------------- */
.testimonial-item {
    text-align: center;
}
.testimonial-item blockquote {
    font-style: italic;
    font-weight: 300;
    border: none;
    margin: 0px;
    padding: 26px;
    text-align: center;
    margin-bottom: 20px;
	background-color: #ffffff;
}
.client-avater {
    display: inline-block;
    border-radius: 4px;
    padding: 5px;
    background: #EEF4F5;
}
.bg-gray .client-avater {
    background: #ffffff;
}
.owl-carousel .owl-item .client-avater img {
    width: auto;
    margin: 0 auto;
}
.company-info {
    margin-bottom: 0px;
}

/*  ----------------------------------------------------
13. BLOG SECTION
-------------------------------------------------------- */
.blog-post {
    background-color: #EEF4F5;
    padding: 8px;
    overflow: hidden;
	margin-top:15px;
	margin-bottom:15px;
    border-radius: 4px;
	
}
.single-page-post.blog-post{
	padding: 0px;
}
.bg-gray .blog-post {
    background: #ffffff;
}

.blog-post.sticky{
  background-color: transparent !important;
  box-shadow: -1px 1px 10px 1px #bababa;
  padding:10px;
  position:relative;
}
.blog-post.sticky .post-content{
  border:2px dashed #356AFD;
  padding-top:30px;
  padding-bottom:30px;
  margin-top:0px;
  margin-bottom:0px;
}
.blog-post.sticky:before {
  background-color: #346afe;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0.05;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.blog-thumb {
    height: 250px;
	margin-bottom:15px;
    background-size: cover;
    background-position: center center;
}
.blog-thumb .thumb-overlay {
    border: 1px solid #ffffff;
    width: 100%;
    height: 100%;
    background-color: #346afe;
    background-color: -webkit-linear-gradient(to left, #346afe, #004e92);
    background-color: -webkit-linear-gradient(right, #346afe, #004e92);
    background-color: linear-gradient(to left, #346afe, #004e92);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    height: 0;
}
.blog-post:hover .blog-thumb .thumb-overlay {
    opacity: 0.8;
    height: 100%;
}
.blog-meta {
    color: #ffffff;
    padding: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    right: 100%;
    position: relative;
}
.blog-post:hover .blog-meta {
    right: 0;
}
section#blog .blog-post .read--more {
	margin-bottom: 10px;
}


/*
.blog-meta ul.post-categories {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
.blog-meta ul.post-categories li{
	float:left;
	margin-left: 5px;
}*/
.blog-meta a {
    color: #ffffff;
}
.blog-meta a:hover {
	color:#ffffff;
}
.post-content {
    padding-left: 15px;
    padding-right: 15px;
}
.post-title {
    font-size: 22px;
    margin-bottom: 10px;
}
.latest-blog {
    padding-top: 25px;
    position: relative;
}
.owl-nav {
    position: absolute;
    top: -50px;
    right: 0;
}
.owl-theme .owl-nav [class*=owl-] {
    padding: 4px 14px;
    font-size: 20px;
    background: #346afe;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: #4676fa;
}
table, th, td {
   border: 1px solid #ccc;
   padding:5px;
}

#wp-calendar table, #wp-calendar th, #wp-calendar td{
	border:inherit;
	padding:inherit;
}
.default-page table {
	margin :15px 0px;
}
/*  ----------------------------------------------------
14. CONTACT SECTION
-------------------------------------------------------- */
#contact {
	position: relative;
}
.contact-block {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 2px;
    padding: 30px 15px;
    overflow: hidden;
}
.contact-block h3 {
    text-align: center;
    margin-bottom: 10px;
}
.contact-block .subtitle {
    margin-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
}
.email-success,
.email-failed,
.email-loading,
.success-msg,
.error-msg {
    font-size: 15px;
    text-align: center;
    padding: 10px;
    display: none;
    margin: 0px!important;
}
.email-loading {
    color: #52B8FF;
}
.email-loading img {
    width: 15px;
    position: relative;
    top: -2px;
}
.email-failed,
.error-msg {
    color: #FF5252 !important;
}
.email-failed .icon {
    font-size: 20px;
    position: relative;
    top: 5px;
}
.email-success,
.success-msg {
    color: #56CC35;
}
.email-failed .icon,
.email-success .icon,
.error-msg .icon,
.success-msg .icon {
    font-size: 20px;
    position: relative;
    top: 2px;
}
.input-box {
    margin-bottom: 10px;
    margin-top: 10px;
    height: 50px;
    box-shadow: none;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
}
.textarea-box {
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: none;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
}
textarea.form-control.textarea-box {
    height: 120px;
}
.input-box:focus,
.textarea-box:focus {
    border: 1px solid #346afe;
    box-shadow: none;
}

/*  ----------------------------------------------------
15. SUBSCRIPTION SECTION
-------------------------------------------------------- */
.subscription-form .input-box {
    min-width: 320px;
	border-radius: 50px;
}
.subscribe-area h3 {
    margin-bottom: 10px;
}
.download-area h3 {
    margin-bottom: 18px;
}
.subscribe-area .primary-btn{
	margin-left:8px;
}
#contact h3,
.subscribe-area h3, 
.download-area h3 {
	font-size: 30px;
}
.info-group {
	margin-bottom: 25px;
}
/*  ----------------------------------------------------
15.1. SUBSCRIPTION SECTION
-------------------------------------------------------- */
#appdownload {
	position: relative;
}
.download-area p {
    margin-bottom: 25px;
}
.download-area .primary-btn {
    margin-bottom: 8px;
    margin-left: 8px;
    padding: 10px 18px;
    font-size: 14px;
    margin-right: 5px;
	
}
.download-apps-content .primary-btn {
	border-radius: 5px;
}
.download-apps-content .primary-btn,
.download-area .primary-btn {
	border:2px solid #222328;
}
.download-apps-content .primary-btn {
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
	padding: 12px 24px;
}
.download-apps-content .primary-btn,
.download-area .primary-btn {
	background-color: transparent;
	color: #222328;
	font-weight: 600;
}

.download-apps-content a span {
	float: left;
}
.download-apps-content a .fa {
	font-size: 24px;
}
.download-apps-content a span.sub-text{
	font-weight: 400;
	font-size: 14px;
}

/*  ----------------------------------------------------
16. FOOTER SECTION
-------------------------------------------------------- */
.line-height-37 {
	line-height: 37px;
}
.biography {
	margin-top: 25px;
	background-color: #EEF4F5;
	padding: 15px 30px;
}
.biography .social-icons {
	margin-bottom: 0px;
}
.social-icons ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.social-icons ul li {
    display: inline;
}
.social-icons ul li a {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px dashed #ccc;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 16px;
}
.social-icons ul li a:hover {
    color: #ffffff;
}
.social-icons ul li i {
    line-height: 40px;
}
.facebook a {
    color: #4867AA
}
.facebook a:hover {
    background: #4867AA;
}
.twitter a {
    color: #1DA1F2;
}
.twitter a:hover {
    background: #1DA1F2;
}
.google-plus a {
    color: #DD4D42;
}
.google-plus a:hover {
    background: #DD4D42;
}
.youtube a {
    color: #DF2926;
}
.youtube a:hover {
    background: #DF2926;
}
.linked-in a {
    color: #007BB6;
}
.linked-in a:hover {
    background: #007BB6;
}
.instagram a {
    color: #A823D1;
}
.instagram a:hover {
    background: #A823D1;
}
.pinterest a {
    color: #BD081C;
}
.pinterest a:hover {
    background: #BD081C;
}
.dribbble a {
    color: #EA4C89;
}
.dribbble a:hover {
    background: #EA4C89;
}
.behance a {
    color: #0B7CFF;
}
.behance a:hover {
    background: #0B7CFF;
}
.vimeo a {
    color: #17B2E8;
}
.vimeo a:hover {
    background: #17B2E8;
}
.github a {
    color: #000000;
}
.github a:hover {
    background: #000000;
}
/*  ----------------------------------------------------
17. BLOG LISTS PAGE
-------------------------------------------------------- */
.sandy-pagination .pagination{
	border-radius:0px;
}
.sandy-pagination .pagination-lg>li:first-child>a, .sandy-pagination .pagination-lg>li:first-child>span{
	border-radius:0px;
}
.sandy-pagination .pagination>li>a, .sandy-pagination .pagination>li>span{
	color:#54657e
}
.sandy-pagination .pagination>li.active>a{
	color:#ffffff;
	background:#346afe;
}
.post-meta{
	color:#ffffff;
	margin-top:15px;
	margin-bottom:15px;
}
.post-meta ul{
	margin:0;
	padding:0;
	list-style:none;
}
.post-meta ul li{
	display:inline-block;
	margin-right:8px;
	margin-left:8px;
}
.post-meta ul li i{
	margin-right:5px;
}
.post-meta ul li a{
	color:#ffffff;
}
.post-thumb{
	margin-bottom:20px;
	padding:10px;
	border: 1px dashed #346AFE;
    border-radius: 4px;
    background-color: #fff;
}
.single-page-post .post-thumb{
	margin-bottom:0px;
	padding:0px;
	border: none;
    border-radius: 0px;
    background-color: transparent;
}
.bg-gray .post-thumb{
	background:#EEF4F5;
}
.post-thumb img{
	max-width:100%;
	border-radius:4px;
	margin:0 auto;
	display:block;
	height: auto;
}
.post-content-full{
	padding-left:30px;
	padding-right:30px;
	margin-top:20px;
	margin-bottom:20px;
	overflow:hidden;
}
.blog-footer{
	padding-left:30px;
	padding-right:30px;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px dashed #346afe;
	
}
.tag.blog-footer {
	border-top:1px dashed #346afe;
	border-bottom:none;
}
.blog-footer span{
	padding-right:15px;
}
/* Sidebar */
#sidebar{
	overflow:hidden;
}
.sidebar-inner .widget{
	margin-top:15px;
	margin-bottom:30px;
}
.widget_search #searchform{
	position:relative;
}
.widget_search #searchform:after {
    content: "\f002";
    font-family: FontAwesome;
    right: 15px;
    position: absolute;
    top: 10px;
    font-size: 20px;
    color: #C3C3C3;
}
.bg-gray .sidebar-inner .widget{
	background:#ffffff;
}
.sidebar-inner .widget{
	background:#EEF4F5;
	padding:30px;
}
.widget h3 {
    border-bottom: 1px solid #cccccc;
    font-size: 22px;
    margin: 0 0 20px;
    padding: 0 0 20px;
	position:relative;
	text-transform: uppercase;
}
.widget h3:before {
    content: "";
    width: 60px;
    height: 5px;
    background: #346afe;
    position: absolute;
    bottom: -3px;
	left:10px;
}
.widget h6{
	margin-top:8px;
	margin-bottom:20px;
}
.widget a{
	color:#54657e
}
.widget ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.widget ul li{
	position:relative;
	padding:5px 0px 5px 15px;
}
.widget ul li:before {
    content: "\f0da";
    position: absolute;
    left: 0;
    font-family: "FontAwesome";
    color: #333;
    transition: all .5s;
    opacity: 1;
}
.latest-post-widget h5{
	font-size:16px;
}
.latest-post-widget span{
	font-size:14px;
}
.tagcloud a{
	display:inline-block;
	border:1px dashed #346AFE;
	border-radius:20px;
	padding:2px 15px;
	margin-right:5px;
	margin-bottom:10px;
}
select{
	max-width:100%
}
/* Calender widget */
#wp-calendar {
width:100%;
font-size:12px;
font-weight:300;
border-collapse:separate;
border-spacing:8px;
margin-left:-2px;
}

#wp-calendar
caption {
display:none;
}

#wp-calendar tbody
td {
margin-bottom:10px;
text-align:center;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
border:1px solid #f4f4f4;
padding:6px;
}

#wp-calendar tbody td:hover {
border-color:#4676fa;
}

#wp-calendar tbody
td.pad {
border:0;
}

#wp-calendar tbody
td#today {
color:#4676fa;
border-color:#4676fa;
}

#wp-calendar tfoot td#prev a,#wp-calendar tfoot td#next
a {
color:#888;
font-size:12px;
font-weight:400;
position:relative;
text-transform:uppercase;
bottom:-9px;
margin-bottom:1px;
}

#wp-calendar tfoot
td#prev {
text-align:left;
}

#wp-calendar tfoot
td#next {
text-align:right;
}

#wp-calendar thead
th {
font-size:13px;
font-weight:400;
color:#888;
text-align:center;
padding-bottom:10px;
}

#wp-calendar tbody td
a,#wp-calendar tfoot td#prev a:hover,#wp-calendar tfoot td#next a:hover {
color:#4676fa;
}
/* single page */
.nav-links{
	margin-top:15px;
	margin-bottom:15px;
	overflow:hidden;
}
.nav-links span{
	display: block;
	margin-bottom: 8px;
	text-transform:uppercase;
}
.nav-links a{
	display:block;
}
.nav-links .nav-previous, .nav-links .nav-next{
	background:#EEF4F5;
	padding:10px 15px;
	margin-bottom:15px;
}
.nav-links .nav-previous:hover, .nav-links .nav-next:hover{
	opacity:0.7;
}
.bg-gray .nav-links .nav-previous, .bg-gray .nav-links .nav-next{
	background:#ffffff;
}
.blog-comment{
	background:#EEF4F5;
	padding:15px 30px;
	margin-top:30px;
	overflow:hidden;
}
.bg-gray .blog-comment{
	background:#ffffff;
}
.post-comments-title{
	margin-bottom:30px;
}
.comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.comment-list .the-comment {
    border-bottom: 1px solid #e7e6e6;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.comment-list .children{
	list-style:none;
}
.avatar{
	float:left;
	margin-right:15px;
    padding: 5px;
    border-radius: 3px;
    background:#ffffff;
    border: 1px dashed #346AFE;
}
.bg-gray .avater{
	background: #EEF4F5;
}

.meta{
	margin-bottom:10px;
}
.blog-comment .textarea-box{
	margin-top:10px;
	margin-bottom:10px;
}
.blog-comment ul, .blog-comment ol {
margin-bottom:15px;
}
.blog-comment .primary-btn{
	margin-top:10px;
}
.post-content table, .comment table{
	margin-bottom:15px;
  width:100%;
}
.blog-post table tr th, .blog-post table tr td{
	border:1px solid #ccc;
	padding:5px;
	text-align:center;
}
dd, dt{
	line-height:1.5em;
}
.page-links span {
    padding: 5px;
}
.post-content input {
    padding: 5px 10px;
    border-radius: 50px;
    border: 1px solid #ccc;
}
.post-content input[type=submit] {
    padding: 5px 20px;
    background: #346afe;
    color: #fff;
    border-radius: 50px;
}
.post-content input[type=submit]:hover {
background:#333333;
}
.post-content input:focus {
    border: 1px solid #346afe;
}
.blog-post iframe{
	max-width:100%;
	margin:0 auto;
	display:block;
}
/*  ----------------------------------------------------
18. EXTRA PAGES
-------------------------------------------------------- */
.extra-page-wrapper{
	overflow:hidden;
	position:relative;
}
.ep-title{
	font-family: 'Raleway', sans-serif;
	font-size:120px;
	line-height:130px;
}
.ep-subtitle{
	font-size:22px;
	margin-bottom:25px;
}
.cloud {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    overflow: hidden;
    border: 5px dashed #EEF4F5;
	opacity:0.8;
}
.x1 {
    -webkit-animation: moveclouds 15s linear infinite;
    -moz-animation: moveclouds 15s linear infinite;
    -o-animation: moveclouds 15s linear infinite;
    top: 150px;
	border: 5px dotted #346AFE;
}
.x2 {
	border: 5px solid #FE7E17;
    left: 200px;
    top: 200px;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-animation: moveclouds 25s linear infinite;
    -moz-animation: moveclouds 25s linear infinite;
    -o-animation: moveclouds 25s linear infinite;
}
.x3 {
	border: 5px dashed #673AB7;
    left: -250px;
    top: 250px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-animation: moveclouds 20s linear infinite;
    -moz-animation: moveclouds 20s linear infinite;
    -o-animation: moveclouds 20s linear infinite;
}
.x4 {
	border: 5px dotted #E91E63;
    left: 470px;
    top: 300px;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-animation: moveclouds 18s linear infinite;
    -moz-animation: moveclouds 18s linear infinite;
    -o-animation: moveclouds 18s linear infinite;
}
.x5 {
	border: 5px solid #E91E63;
    left: -150px;
    top: 100px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-animation: moveclouds 20s linear infinite;
    -moz-animation: moveclouds 20s linear infinite;
    -o-animation: moveclouds 20s linear infinite;
}
.x6 {
	border: 5px dashed #8D6E63;
    left: -150px;
    top: 500px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-animation: moveclouds 15s linear infinite;
    -moz-animation: moveclouds 15s linear infinite;
    -o-animation: moveclouds 15s linear infinite;
}
.x7 {
	border: 5px dotted 08C2F3;
    left: 470px;
    bottom: 100px;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-animation: moveclouds 18s linear infinite;
    -moz-animation: moveclouds 18s linear infinite;
    -o-animation: moveclouds 18s linear infinite;
}
.x8 {
	border: 5px solid #6FDA44;
    left: -250px;
    bottom: 250px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-animation: moveclouds 20s linear infinite;
    -moz-animation: moveclouds 20s linear infinite;
    -o-animation: moveclouds 20s linear infinite;
}
.x9 {
	border: 5px dotted #78AC53;
    left: 200px;
    bottom: 200px;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-animation: moveclouds 25s linear infinite;
    -moz-animation: moveclouds 25s linear infinite;
    -o-animation: moveclouds 25s linear infinite;
}
.x10 {
	border: 5px dashed #123F63;
    -webkit-animation: moveclouds 15s linear infinite;
    -moz-animation: moveclouds 15s linear infinite;
    -o-animation: moveclouds 15s linear infinite;
    bottom: 150px;
}
@-webkit-keyframes moveclouds {
    0% {
        margin-left: 1000px;
    }
    100% {
        margin-left: -1000px;
    }
}
@-moz-keyframes moveclouds {
    0% {
        margin-left: 1000px;
    }
    100% {
        margin-left: -1000px;
    }
}
@-o-keyframes moveclouds {
    0% {
        margin-left: 1000px;
    }
    100% {
        margin-left: -1000px;
    }
}
/* Coming soon page */
.extra-page-content h1{
	margin-bottom:25px;
}
.extra-page-content h4{
	margin-bottom:15px;
}
.countdown-timer{
	margin-bottom:35px;
}
.countdown-timer ul{
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:center;
}
.countdown-timer ul li{
	display:inline-block;
	margin-right:25px;
	margin-left:25px;

}
.countdown-timer ul li span{
	display:block;
	font-size:35px;
}
.extra-page-content .logo{
	margin-bottom:15px;
	font-size:35px;
	color:#ffffff;
}
.extra-page-content .logo {
    margin-bottom: 35px;
    font-size: 50px;
    color: #ffffff;
    display: inline-block;
}
.extra-page-content .logo:first-letter{
	font-size:70px;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    padding-top:10px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/**** bypostauthor css *****/

.commentlist .bypostauthor {
    background: #e7f8fb;
}
.commentlist li ul.children li.bypostauthor {
    background: #e7f8fb;
}
/*** gallery-caption ***/

.gallery-caption {
    color: #4676fa;
}