/*
Theme Name: VW Knowledge Base Pro
Theme URI: https://www.vwthemes.com/themes/knowledge-base-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: This Knowledge Base WordPress Theme is one of the most preferred choices for establishing a website that acts as a self-serve online collection of information and FAQ about your product and services. To ensure that your knowledge base website matches perfectly with your product brand, there is a theme customizer that provides you many easy and code-free customization options. Its professional design and sober colors give your knowledgebase website a perfect feel and look. Just in case if you don’t like the color, simply change it as you have plenty of choices to make from the color palette. Apart from all this, you do get a user-friendly drag and drop page builder or editor for page building and putting your content at the right place. For the visitors and website users who want to find the relevant information, this WP Knowledge Base WordPress Theme makes use of a live search tool.
Version: 1.0
License: GNU General Public License
License URI:license.txt
Text Domain: vw-knowledge-base-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Knowledge Base Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2020.
VW Knowledge Base Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(assets/webfonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/webfonts/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmb2Rj.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Merriweather Black'), local('Merriweather-Black'), url(assets/webfonts/u-4n0qyriQwlOrhSvowK_l52_wFZWMf6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*{
  margin:0; 
  padding:0; 
  outline:none;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font-size: 15px;
  color: #6c6c6c;
  font-family: 'Poppins';
  font-weight: 300;
  background-color: #f5f6f9;
}
body.modal-open{
  overflow: scroll !important;
}
body{
  padding-right: 0 !important;
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
  letter-spacing: 1px;
  font-family:"Merriweather";
  color:#000000;
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:15px;
  font-weight:300;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none; 
  color:#222222;
}
a:hover{
  text-decoration:none; 
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 14px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  max-width: 100%;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}
 
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: #7a7a7a;
}

blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: 0px;
  bottom: -10px;
  color: #7a7a7a;
}
 
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
  
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  background-color: #3bb7cf;
}
input[type="submit"]:hover{
  cursor: pointer;
}
textarea {
  height: 80px;
}
.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp{
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible!important;
}
iframe{
  width: 100%;
}
.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}

.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
table, td, th {
  border: 1px solid black;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
    color: #000000;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
    color: #7f8391;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 1.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 0em;
  color: #7f8391;
  padding-left: 15px;
  caption-side: top;
}
.widget_calendar tbody a {
 
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody #today{
   background-color: #bbb;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #7f8391;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
/* ------------Sweep To Right ------------- */
.hvr-sweep-to-right {
  display: inline-block;
  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;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*-----------------Search pop up----------------*/
/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height:0;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999999999999;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255, 0.8);
  display: none;
  transition: 2s;
}
.show-search{
  height: 100% !important;
}
.hide-search{
  height: 0 !important;
}
.serach_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.closepop {
  position: absolute;
  top: 29%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
  z-index: 999999;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #000;
  cursor: pointer;
}
.serach_inner form.search-form {
  display: table;
  border-radius: 0;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
  border:none !important;
}
.search-no-results input.search-field{
  border:1px solid #222;
}
.search-no-results input[type="submit"]{
  padding: 12px 30px;
}
.serach-page input.search-field {
    border: 1px solid #ccc;
    padding: 9px;
}
.search_popup input.search-submit {
  border: 0;
  background-color: transparent;
  border-radius: 40px;
  border: 2px solid #fff;
}
.search_popup label {
  background: transparent;
  width: 81%;
}
.search_popup input.search-field {
  padding: 1.5% 0;
  background: transparent;
  width: 100%;
  text-indent: 8px;
  border-bottom: 2px solid #3bb7cf;
  color: #222;
  border-top:none !important;
  border-left: none !important;
  border-right: none !important;
}
.search_popup input.search-field::placeholder{
  font-size: 17px;
  color:#222;
}
.search_popup .search-submit{
  color: #fff;
  border-radius: 50%;
  background-color: #3bb7cf;
  padding: 10px 13px;
  width: 50px;
  height: 50px;
  border:none;
}
.search_popup .search-submit i{
  color: #fff;
}
.vw-hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.vw-hvr-shrink:hover, .vw-hvr-shrink:focus, .vw-hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* ----------- Spinner ------------- */

.spinner-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #3bb7cf;
  cursor: pointer;
  z-index: 9999;
}
.spinner-loading-box .lds-ellipsis {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translateY(-50%);
}
.spinner-loading-box .lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.spinner-loading-box .lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.spinner-loading-box .lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.spinner-loading-box .lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.spinner-loading-box .lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
/* --------------------------Header---------------------------- */
#sticky-onoff{
  display: none;
}
.main-header-box #sticky-onoff{
  display: none;
}
.stickynavbar {
  background-color:#3bb7cf;
  box-shadow: 0 0 8px grey;
}
.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0;
  z-index: 99;
}

.sticky .search-icon i{
   color: #9a9da4;
}

#vw-sticky-menu.sticky {
  margin-top: 0;
  padding: 10px 20px
}
.nav_wrap {
  clear:both;
  background-color: transparent;
  margin-bottom: 0em;
  z-index: 99;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
  padding: 15px 0 0 0;
  
}
.menubar.sticky{
  padding-top: 0;
}
.neseted-inner {
  top: 0;
  position: absolute;
}
.continnerbox {
  background-size: 100% 100%;
  color: #fff;
  border-top: 40px solid #435061;
  border-left: 60px solid transparent;
}
.home.page-template .site-header{
  position: absolute;
  top: 0;
  background-color: transparent;
  width: 100%;
  left: 0;
  z-index: 999;
}
.site-header{
  background-color: #3bb7cf;
}
.menubar ul{
  list-style-type: none;
}
.site-header .header-logo a{
  font-size: 21px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Merriweather";
  font-weight: 900;
  text-align: left;
}
.site-header .header-logo h1{
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 30px;
}
.site-header .header-logo p{
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  font-family: "Merriweather";
  font-weight: 400;
  margin-bottom: 0;
}
.site-header .menubar .row{
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #7d9cea;
}

/* ---------- Return to Top ------------ */

#return-to-top {
  
  background:linear-gradient(to right,#6c5ff8,#3db4d1);
  width: 40px;
  height: 40px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 5;
  border-radius: 50%;
  padding: 10px 0px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -7px;
}
#return-to-top i {
  color: #fff;
  font-size: 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 15px;
}


/*----------------Menu bar-----------*/

.toggle-menu-title{
  display: none;
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
.main-header-box .right_menu{
  padding-left: 0;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: right;
}
.header-wrap #mySidenav{
  display: unset;
}
.menubar ul{
  list-style: none;
  padding-left: 0;
  max-width: 100%;
  width: max-content;
  width: -moz-max-content;
  margin:0 auto;
}

.menubar li{
  position: relative;
  padding:5px 0px;
  display: inline-block;
  margin-left: -5px;
}
.menubar.sticky li{
  padding: 11px 11px;
}
.menubar li ul li{
  padding: 10px 11px;
  margin-left: 0;
}
.menubar ul a{
  display: block;
  text-decoration: none;
  text-transform: none;
  padding: 0 21px;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Roboto";
  font-weight: 500;
  position: relative;
}
.menubar ul a:before{
  content: "|";
  display: inline-block;
  position: absolute;
  right: 0;
  color: #7d9cea;
}
.menubar ul ul a:before{
  content: "";
}
.menubar ul li:last-child a:before{
  content: "";
}
.menubar ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #000;
  min-width: 215px;
  z-index: 9999;
}

.menubar ul ul ul{
  left: 31% !important;
  top: 41px !important;
}

.menubar ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}

.menubar ul ul li,
.menubar.scrolled .menubar ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
  border-left: none;
  border-right: none;
}

.menubar ul ul li:last-child{
  border-bottom: 0;
   border-right: none;
}

.menubar ul li:hover > ul{
  display: block;
}

.menubar .menu > ul > li.highlight{
  background-color: #ffffff;
}
.menubar .menu > ul > li.highlight:hover{
  background: transparent;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}
.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}
.menubar ul ul li:hover > a{
  color: #3bb7cf;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  width: 100%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  text-align: right;
  width: auto;
}
.menubar .menubar-box
{
  padding: 20px 0 10px 0;
}
.menubar .sticky.menubar-box
{
  padding: 5px 0 5px 0;
}
.menubar .login-link{
  text-align: right;
}
.menubar .login-link a{
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 70px;
  color: #ffffff;
  font-family: "Merriweather";
  font-weight: 700;
  border:2px solid #fff;
  padding: 8px 20px;
  border-radius: 30px;
}
.menubar .login-link a:hover{
  background-color: #7973cd;
}

/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}
/*----------------------Mobile Menu Icon------------------------------*/
/*-----------------Superfish Menu------------------*/

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 9px;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #fff;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
.main-navigation ul ul li{
  padding: 10px 0 10px 10px;
  margin-left: 0;
}
/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  color: #000000;
  padding: 0 0 10px;
  margin: 0;
  letter-spacing: 3px;
}
section h3 {
  font-size: 35px;
  letter-spacing: 2px;
  color: #222222;
  font-family: 'Muli', sans-serif;
  font-weight: 500;
  padding: 0;
}
section h4{
  color:#000; 
  font-size:20px;
}
section h5{
  color:#333; 
  font-weight:bold;
  margin:0 0 10px 0; 
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*--------------------- Section Heading------------------------*/
.section-heading{
  text-align: center;
}
.section-heading h3 {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.section-heading p {
  margin: 0;
  padding: 10px 0;
}
.head_white{
  color: #ffffff;
}
.head_black{
  color: #000000;
}
/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #3bb7cf;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  box-shadow: 0 0 5px 0px #cccccc;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover i, .hvr-shutter-in-vertical:focus i, .hvr-shutter-in-vertical:active i {
  color: white;
}
.hvr-shutter-in-vertical:hover {

}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
/* ------------- Shortcodes ----------------- */

.services-short-page #comments{
  display: none;
}
.services-shortcode .our-services-box{
  padding-bottom: 30px;
}
.all-testimonial{
  margin-top: 0 !important;
}
.all-testimonial .testimonial-content{
  margin-bottom: 30px;
}

/* ---------- Single Pages ------------ */
.single-page-content p{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #9a9da4;
  font-family: "Roboto";
  font-weight: 500;
  padding-top: 20px;
}
#single-shows .single-shows-date{
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 0px;
  color: #ffffff;
  font-family: "Merriweather";
  font-weight: 600;
  text-align: center;
  background-color: #3bb7cf;
  padding: 22px 20px;
  display: inline-block;
  margin-bottom:15px;
}
#single-shows .single-show-meta{
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 32px;
  color: #888e99;
  font-family: "Merriweather";
  font-weight: 400;
  padding-top: 10px;
  margin-bottom: 0;
}
#single-shows .single-show-meta span{
  color: #3bb7cf;
  font-size: 22px;
}
#single-team .single-team-info p{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 17px;
  color: #9a9da4;
  font-family: "Roboto";
  font-weight: 500;
  margin-bottom: 0px;
  padding-top: 15px;
}
#single-team .social-profiles{
  padding-top: 20px;
  padding-bottom: 20px;
}
#single-team .social-profiles i{
  width: 40px;
  height: 40px;
  background-color:#3bb7cf;
  border-radius: 50%;
  padding: 13px 13px;
  color: #fff;
}
#testimonial_single .single-testimonial-desig{
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #a1a5ab;
  font-family: "Roboto";
  font-weight: 500;
  padding-top: 20px;
}
#testimonial_single .social-profiles i{
  width: 40px;
  height: 40px;
  background-color:#3bb7cf;
  border-radius: 50%;
  padding: 13px 13px;
  color: #fff;
}
#testimonial_single .social-profiles{
  padding-top: 20px;
}
.content_page p{
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #a1a5ab;
  font-family: "Roboto";
  font-weight: 500;
}

/* ------------------Single Post ----------------- */

#single_post .postbox .postbox-content {
  position: static;
}
#single_post .date-box-inner {
  padding: 8px;
  border: solid 2px #ffffff;
}
.posttitle a{
  font-size: 20px;
  color: #404042;
  font-family: "Playfair Display";
  font-weight: 900;
  padding-top: 5px;
}
.posttitle a:hover{
  color: #000;
}
.page-header h1{
  color: #000;
  font-family: "Roboto Slab";
  font-weight: 600;
}
.entry-title{
  color: #000;
  font-family: "Roboto Slab";
  font-weight: 600;
}
.single-post-content table td{
  text-align: center;
}
.single-post-content .wp-audio-shortcode{
  margin-bottom: 50px;
}
.author_links a{
  color: #111;
  font-family: "Roboto Slab";
  font-weight: 600;
}
#sidebar .widget_recent_entries a{
  font-size: 13px;
}
/*------------------ Contact Page -----------------*/
.contact-page-details{
  padding-bottom: 30px;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  background-color:transparent;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  border:none;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  font-size: 16px;
  padding: 10px 18px;
  margin: 0 12px 13px 0;
  height: auto;
  border:1px none;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
}
.contact-box .wpcf7 input[type="text"]::placeholder{
  font-family: 'Muli', sans-serif;
}
.contact-box .wpcf7 input[type="email"]::placeholder{
  font-family: 'Muli', sans-serif;
}
.contact-box .wpcf7 textarea::placeholder{
  font-family: 'Muli', sans-serif;
}
.contact-box .contac_form input[type="submit"]{
  border-radius: 2px;
  font-family: 'Muli', sans-serif;
  padding: 12px 20px;
  display: inherit;
  margin: 20px auto 0 auto;
}

section#contact-box{
  padding:0;
  margin:0;
}
.contact-address, .contact-email, .contact-phone {
  margin: 7px 0;
}
.contact-color-bg form textarea{
  margin-right: 10px;
  border-radius: 5px;
  padding-left: 20px;
  padding-top: 23px;
}
.contact-box .google-map{
  margin-bottom: 30px !important;
}
.contact-box .contact-head{
  text-align: center;
  padding-bottom: 30px;
}
.contact-box .contact-head p{
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
  color: #6e6e6e;
  font-family: "Roboto";
  font-weight: 500;
  max-width: 80%;
  margin: 0 auto;
}
.contact-box .contact-head h2{
  font-size: 32px;
  color: #222222;
  font-family: "Merriweather";
  font-weight: normal;
  padding-bottom: 10px;
  font-weight: 600;
}
.contact-box .contact-details-box
{
  align-items: center;
}
.contact-box .contact-details-box span
{
  font-size: 18px;
  letter-spacing: 0px;
  color: #404042;
  font-family: "Merriweather";
  font-weight: 900;
}
.contact-box .contact-details-box p
{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #9f9fa0;
  font-family: "Roboto Slab";
  font-weight: 400;
  margin-bottom: 0px;
}
.contact-box .contact-details-box i
{
  font-size: 25px;
  color: #3bb7cf;
}

/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
.main_title {
  margin-top: 20px;
}
.main_title h1{
  padding: 0;
  margin-bottom: 22px;
  font-size: 36px;
  color: #000;
  font-family:"Roboto Slab";
  font-weight: bold;
  letter-spacing: 2px;
  font-weight: 600;
}
/*-------------Footer Menu ------------*/

.footer_menu ul li {
  display: inline-block;
}
.footer_menu ul li:last-child {
  border-right: none;
}
.footer_menu ul li a {
  color: #ffffff;
  padding: 0 15px;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 16px;
  font-family: "Source Sans Pro";
}
#footer .footer-links{
  background-color: #fff;
}
/*---------------- Custom Footer ----------------------*/
.footer_form .section-heading {
  text-align: center;
}
.footer_form {
  padding: 0 40px 40px;
}
.footer_form .section-heading h3 {
  color: #ffffff;
  display: table;
  text-align: center;
  margin: 0 auto;
  padding: 11px;
  border: none;
  font-weight: bold;
}
.footer_form .section-heading p{
  color: #ffffff;
}
.footer_form input[type="text"], .footer_form  input[type="tel"], .footer_form  input[type="email"], .footer_form  input[type="phno"], .footer_form  input[type="password"], .footer_form  textarea {
  border: 1px solid #ffffff;
  font-size: 16px;
  padding: 10px 10px;
  margin-bottom: 20px;
  height: auto;
  width: 100%;
  background: transparent;
  color: #ffffff;
  font-style: italic;
}
.footer_form  textarea {
  height: 120px;
}
.footer_form input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #1e202c;
}
.footer_form input::-webkit-input-placeholder, .footer_form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.footer_form input::-moz-placeholder, .footer_form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.footer_form input:-ms-input-placeholder, .footer_form textarea:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.footer_form input:-moz-placeholder, .footer_form textarea:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}
.contact_us {
  background-attachment: fixed;
}
.home-contact-box {
  background-color: #ffffff;
  padding: 15px;
}
/*---------------- Footer Section ----------------------*/
#footer{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 70px;
  background-color: #404042;
  position:relative;
}

.outer-footer {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;

}
.footer-social .socialbox a {
  border-right: none;
}
.footer-social .socialbox a i {
  color: #ffffff;
}
.footer-top {
  padding-bottom: 50px;
}
.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}
.outer-footer {
  background-size: 100% 100%;
 
}
#footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}
#footer form.search-form input{
  float: none;
  border: 1px solid #fff;
  margin: 20px 2px;
}
#footer form.search-form input[type="search"]{
  width: 100%;
  margin-bottom: 0px;
}
#footer textarea{
  height: 100px;
}
#footer p.post-date {
    color: #7f8391;
    font-size: 13px !important;
}
.main_sociobox {
  padding: 20px 0;
}
#footer{ 
  color:#777777;
  text-align:left;
}
.footer_hide{
  display:none;
}
#footer h3 {
  padding:10px 0 0px 0;
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #ffffff;
  font-family: "Merriweather";
  font-weight: 900;
  position: relative;
  margin-bottom: 15px;
}
#footer h3:before{
  content: "";
  width: 80px;
  height: 2px;
  background-color: #3b3b3b;
  display: block;
  text-align: center;
  margin-top: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#footer h3:after{
  content: "";
  width: 30px;
  height: 2px;
  background-color: #7973cd;
  display: block;
  text-align: center;
  margin-top: 22px;
  position: relative;
  z-index: 2;
}
#footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  text-align:left;
  padding: 5px;
  border-bottom: 1px solid #252525;
}
#footer ul li:last-child{
  border:none;
}
#footer ul li a{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 33px;
  color: #81878e;
  font-family: "Roboto";
  font-weight: 500;
}
#footer .about_me table{
  margin-bottom: 0;
}
#footer .about_me table p{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 25px;
  color: #81878e;
  font-family: "Roboto";
  font-weight: 500;
  padding-left: 8px;
}
.widget_recent_entries img {
  width: 100px;
}
.about_me table, .about_me td, .about_me th{
  border: none;
}
.about_me p.message {
    margin-bottom: 20px !important;
}
.copyright{
  margin-top: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 1px solid #252728;
}
.copyright p{
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #ffffff !important;
  font-family: "Merriweather" !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0;
  padding: 30px 0;
}
.copyright .copy-logo-image{
  text-align: center;
  position: relative;
  overflow-x: hidden;
}
.copyright .copy-logo-image:after{
  content: "";
  width: 41%;
  height: 1px;
  background-color: #38292b;
  display: inline-block;
  position: relative;
  right: -38px;
}
.copyright .copy-logo-image img{
  width: 233px;
  height: auto;
}
.copyright .copy-logo-image:before{
  content: "";
  width: 41%;
  height: 1px;
  background-color: #38292b;
  display: inline-block;
  position: relative;
  left: -38px;
}
#footer .textwidget input[type="email"]{
  border:1px solid #fff;
  background-color: #fff;
  color: #7f8391;
  border-radius: 5px;
}
#footer .textwidget input[type="email"]::placeholder{
  color: #7f8391;
}
#footer .textwidget input[type="submit"]{
  background-color: #fff;
  padding: 7px 20px;
  display: inline-block;
  margin-top: 17px;
  color: #7f8391;
  font-family: 'Fondamento'; 
  font-weight: 400;
  border-radius: 5px;
}
#footer .about_me i{
  font-size: 14px;
  color:#888e99;
  width: 30px;
  height: 30px;
  padding: 10px 9px;
  margin-bottom: 8px;
}
#footer .widget td {
  padding-top: 0px !important;
  padding-bottom: 0;
}
#footer .textwidget p{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 25px;
  color: #81878e;
  font-family: "Roboto";
  font-weight: 500;
  margin-bottom: 0;
}
#footer .widget p{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 25px;
  color: #81878e;
  font-family: "Roboto";
  font-weight: 500;
  margin-bottom: 0;
}
#footer .post-content a{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 25px;
  color: #81878e;
  font-family: "Roboto";
  font-weight: 500;
  margin-bottom: 0;
}
#footer .widget_recent_entries .recent-post-box{
  align-items: center;
}
.copyright .socialbox{
  text-align: right;
}
.copyright .socialbox .screen-reader-text{
  color:#fff;
}
.copyright .copyright-icon{
   justify-content: flex-end;
}
#footer .widget_nav_menu ul{
  margin-left: 0;
}
#footer .recent-post-box .post-thumb{
  padding: 0;
}
#footer .widget ul{
  margin-left: 0;
}
#footer .copyright .socialbox i{
  width: 43px;
  height: 54px;
  color: #adadad;
  border:2px solid #adadad;
  margin-right: 10px;
  padding: 17px 12px;
  font-size: 18px;
  margin-top: 10px;
}
#footer .copyright .socialbox i:hover{
  background-color: #3bb7cf;
  border:2px solid #3bb7cf;
  color:#fff;
}
#footer .widget_media_gallery #gallery-1 img{
  border:none;
}
#footer #gallery-1 .gallery-item{
  margin:0;
}
#footer .custom-social-icons i{
  color: #aaaaaa;
}
#footer .custom-social-icons{
  padding-top: 30px;
}
#footer .custom-social-icons a{
  margin-bottom: 5px;
  display: inline-block;
  margin-right: 0;
  width: 27px;
  height: 27px;
  background-color: #fff;
  border-radius: 2px;
  padding: 3px 5px;
  margin-right: 8px;
}
#footer .recent-post-box p{
  line-height: 11px;
}
#footer .widget_products ins{
  text-decoration: none;
}
#footer .about_me aside table{
  border-bottom: 1px solid #252525;
  margin: 10px 0;
}

/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #8e929f;
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
.postbox-content .post-text
{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #9a9da4;
  font-family: "Roboto";
  font-weight: 500;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
   -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  padding: 20px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
a.post-readmore {
   font-size: 18px;
   border-bottom: 1px solid;
}
a.post-readmore i {
 margin-left: 8px !important;
 font-size: 18px;
 border-bottom: 1px solid #ffffff;
 padding-bottom: 2px;
}
.widget_recent_entries li {
  padding: 10px 0;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
    color: #000;
    padding: 5px 0;
    clear: both;
    margin: 10px 0;
}
.metabox .entry-date{
  margin:0 13px 0 0;
}
.metabox .entry-author{
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
  font-family: "Roboto";
}
.metabox .entry-author a
{
  color: #000;
  font-family: "Roboto";
}
.metabox .entry-comments{
  padding: 0 0 0 20px;
  font-family: "Roboto";
}
.logged-in-as a
{
  color: #000;
}
.logged-in-as a:hover
{
  color: #000;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}

.post-featured img {
  width: 100%;
}
.authordetails
{
  padding: 30px 0;
}
.authordetails .author_links
{
  padding-left: 17%;
  font-weight: bold;
  margin-bottom: 7px;
}
.authordetails .b-content {
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #a1a5ab;
  font-family: "Roboto";
  font-weight: 500;
  font-style: italic;
}
h2#reply-title
{
  font-family: "Roboto Slab";
}
.authordetails ul {
  list-style-type: none;
  margin-left: 18%;
  margin-top: 10px;
  position: relative;
}
.authordetails ul li {
    display: inline;
}
.authordetails ul li a i {
  background-color: #000;
  padding:15px 15px 9px 15px;
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.authordetails img{
  border-radius: 50%;
}
#comments input[type="submit"]{
  background-color: #000 !important;
  color: #fff !important;
  font-family: "Roboto";
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background-color: #3bb7cf;
  color: #000;
  border: 1px solid #3bb7cf;
}
.navigation span.page-numbers.current{
  background-color: #ffffff;
  border: 1px solid #3bb7cf;
  color: #000 !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
    background: #d3da36;
    color: #fff;
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}

.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#222222; 
  color:#fff;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments ul{
  list-style-type: none;
}
#comments ol{
  list-style-type: none;
}
#comments .reply{
  float: none !important;
  margin-bottom: 30px;
}
#comments .reply a{
  font-size: 16px;
  letter-spacing: 0px;
  color: #222222;
  font-family: "PT Sans";
  font-weight: 700;
}
#comments .commentmetadata a{
  font-size: 18px;
  padding-top: 8px;
  display: inline-block;
}
#comments h2.comments-title{
  padding-bottom: 20px !important;
}
/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}
/* ---------- Button Animation ---------- */
/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* ---------- Search Banner ---------- */

#search-banner{
  padding: 0;
}
#search-banner img{
  width: 100%;
}
#search-banner .search-banner-content{
  position: absolute;
  top: 230px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
#search-banner .search-banner-content h1{
  font-size: 58px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #ffffff;
  font-family: "Merriweather";
  font-weight: 900;
}
#search-banner .search-banner-content p{
  font-size: 20px;
  letter-spacing: 0px;
  line-height: 35px;
  color: #ffffff;
  font-family: "Roboto";
  font-weight: 400;
  text-align: center;
  padding-top: 15px;
}
#search-banner .search-banner-content form{
  max-width: 43%;
  margin: auto;
  position: relative;
}
#search-banner .search-banner-content form label{
  width: 100%;
}
#search-banner .search-banner-content input[type="search"]{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 35px;
  color: #adaeb9;
  font-family: "Roboto";
  font-weight: 500;
  font-style: italic;
  width: 100%;
  border-radius: 40px;
  padding-left:30px;
}
#search-banner .search-banner-content input[type="search"]:placeholder{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 35px;
  color: #adaeb9;
  font-family: "Roboto";
  font-weight: 500;
  font-style: italic;
}
#search-banner .search-banner-content button[type="submit"]{
  position: absolute;
  top: 14px;
  right: 26px;
  background-color: transparent;
  border:none;
}
#search-banner .search-banner-content button[type="submit"] i{
  color: #adaeb9;
}

/* ----------- Our Features ---------- */

#our-features{
  padding-top: 0;
  margin-top: -228px;
}
#our-features .our-features-content {
  text-align: center;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 0 3px #e1e1e1;
}
#our-features .our-features-content span{
  font-size: 26px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #000000;
  font-family: "Merriweather";
  font-weight: 900;
  display: block;
  padding-top: 20px;
  padding-bottom: 13px;
}
#our-features .our-features-content p{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 28px;
  color: #636e7a;
  font-family: "Roboto";
  font-weight: 500;
  border-bottom: 1px solid #f2f3f4;
  padding-bottom: 25px;
}
#our-features .our-features-content a{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 35px;
  color: #7973cd;
  font-family: "Merriweather";
  font-weight: 700;
}
#our-features #feature-loop{
  display: none;
}
#our-features .owl-carousel .owl-stage-outer{
  padding-bottom: 5px;
}

/* ---------- Our Services ---------- */

#our-services .our-services-head {
  text-align: center;
  padding-bottom: 27px;
}
#our-services .our-services-head h2{
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #000000;
  font-family: "Merriweather";
  font-weight: 900;
  position: relative;
  padding-bottom: 0;
}
#our-services .our-services-head h2:before{
  content: "";
  width: 80px;
  height: 2px;
  background-color: #e6e8ec;
  display: block;
  text-align: center;
  margin: 15px auto 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#our-services .our-services-head h2:after{
  content: "";
  width: 30px;
  height: 2px;
  background-color: #7973cd;
  display: block;
  text-align: center;
  margin: 28px auto 0 auto;
  position: relative;
  z-index: 2;
}
#our-services .our-services-content{
  text-align: center;
}
#our-services .our-services-content a{
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #000000;
  font-family: "Merriweather";
  font-weight: 900;
  display: block;
  padding-top: 12px;
}
#our-services .our-services-content .services-text{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 28px;
  color: #636e7a;
  font-family: "Roboto";
  font-weight: 500;
}
#our-services .our-services-content .services-text{
  max-width: 90%;
  margin: auto;
}
#our-services #services-loop{
  display: none;
}

/* -------- Browse Topics -------- */

#browse-topics{
  padding-top: 8%;
}
#browse-topics .browse-topics-head{
  text-align: center;
  padding-bottom: 27px;
}
#browse-topics .browse-topics-head h2{
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #ffffff;
  font-family: "Merriweather";
  font-weight: 900;
  position: relative;
  padding-bottom: 0;
}
#browse-topics .browse-topics-head h2:before{
  content: "";
  width: 80px;
  height: 2px;
  background-color: #191919;
  display: block;
  text-align: center;
  margin: 15px auto 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#browse-topics .browse-topics-head h2:after{
  content: "";
  width: 30px;
  height: 2px;
  background-color: #7973cd;
  display: block;
  text-align: center;
  margin: 28px auto 0 auto;
  position: relative;
  z-index: 2;
}
#browse-topics .browse-topics-content{
  background-color: #151414;
  padding: 25px;
  text-align: center;
  position: relative;
  z-index: 3;
}
#browse-topics .browse-topics-content span{
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #ffffff;
  font-family: "Merriweather";
  font-weight: 900;
  display: block;
  border-bottom: 1px solid #222121;
  padding: 10px 0;
}
#browse-topics .browse-topics-content a{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 35px;
  color: #787f87;
  font-family: "Merriweather";
  font-weight: 700;
  text-align: center;
  display: inline-block;
  padding-top: 10px;
}
#browse-topics .all-topics-links{
  text-align: center;
  padding-top: 40px;
  border-top:1px solid #222121;
  margin-top: 40px;
}
#browse-topics .all-topics-links a{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 35px;
  color: #7973cd;
  font-family: "Merriweather";
  font-weight: 700;
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 30px;
  display: inline-block;
}
#browse-topics .all-topics-links a:hover{
  background-color: #3bb7cf;
  color: #fff;
}
#browse-topics .browse-topics-wrapper{
  position: relative;
}
#browse-topics .topic-image{
  position: absolute;
  top: 0;
  z-index: 1;
}
#browse-topics .browse-topics-wrapper:hover .browse-topics-content{
  opacity: 0;
  pointer-events: none;
}
#browse-topics .browse-topics-wrapper:hover .topic-image{
  z-index: 5;
}
#browse-topics #topics-loop{
  display: none;
}
#browse-topics .owl-carousel .owl-dots button{
  border:2px solid #fff !important;
}
#browse-topics .owl-carousel .owl-dots .active{
  border:2px solid #3bb7cf !important;
}

/* ----------- Our Records ---------- */

#our-records{
  background-color: #f5f6f9;
}
#our-records .our-records-content{
  position: relative;
}
#our-records .our-records-content span{
  font-size: 40px;
  color: #000000;
  font-family: "Merriweather";
  font-weight: 900;
  position: relative;
  z-index: 2;
}
#our-records .record-title{
  font-size: 16px;
  line-height: 0px;
  color: #636e7a;
  font-family: "Roboto";
  font-weight: 500;
  text-align: center;
}
#our-records .our-records-content img{
  position: absolute;
  top: -9px;
  left: 0;
  z-index: 1;
}
#our-records .record-content-wrap{
  align-items: center;
}
#our-records .owl-carousel .owl-stage-outer{
  padding: 30px 0;
}
#our-records #records-loop{
  display: none;
}

/* ----------- Why Choose Us ---------- */

#why-choose-us{
  background-color: #f5f6f9;
  padding-bottom: 13%;
}
#why-choose-us .why-choose-us-content h2{
  font-size: 36px;
  letter-spacing: 2px;
  line-height: 35px;
  color: #000000;
  font-family: "Merriweather";
  font-weight: 900;
  position: relative;
}

#why-choose-us .why-choose-us-content h2:after{
  content: "";
  width: 30px;
  height: 2px;
  background-color: #7973cd;
  display: block;
  text-align: center;
  margin-top: 28px;
  position: relative;
  z-index: 2;
}
#why-choose-us .why-choose-us-content ul{
  list-style-type: none;
  margin-left: 0;
  padding-top: 12px;
}
#why-choose-us .why-choose-us-content ul li{
  list-style-type: none;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #636e7a;
  font-family: "Roboto";
  font-weight: 500;
}
#why-choose-us .why-choose-us-content a{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 70px;
  color: #7973cd;
  font-family: "Merriweather";
  font-weight: 700;
  display: inline-block;
  padding-left: 30px;
}
#why-choose-us .why-choose-us-content{
  background-color: #fff;
  padding: 25px;
  width: 716px;
  position: absolute;
  right: 0;
  margin-top: 69px;
}
#why-choose-us .why-video-wrap{
  position: relative;
}
#why-choose-us .why-video-wrap span{
  width: 50px;
  height: 50px;
  background-color: #3bb7cf;
  border-radius: 50%;
  padding: 15px 19px;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  color:#fff;
  cursor: pointer;
}

/* ----------- Newsletter ----------- */
#newsletter{
  position: relative;
  padding: 0;
}
#newsletter .newsletter-wrap{
  position: absolute;
  top: 16%;
  transform: translateY(-16%);
  max-width: 100%;
  width: 57%;
  margin: auto;
  left: 0;
  right: 0;
}
#newsletter .newsletter-content h2{
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #ffffff;
  font-family: "Merriweather";
  font-weight: 900;
  text-align: center;
  position: relative;
  padding-bottom: 0;
}
#newsletter .newsletter-content h2:before{
  content: "";
  width: 80px;
  height: 2px;
  background-color: #6f96e4;
  display: block;
  text-align: center;
  margin: 15px auto 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#newsletter .newsletter-content h2:after{
  content: "";
  width: 30px;
  height: 2px;
  background-color: #fff;
  display: block;
  text-align: center;
  margin: 28px auto 0 auto;
  position: relative;
  z-index: 2;
}
#newsletter .newsletter-content form{
  position: relative;
  margin-top: 34px;
}
#newsletter .newsletter-content input[type="email"]{
  border:none;
  background-color: #fff;
  border-radius: 30px;
  max-width: 67%;
  padding: 14px 10px;
}
#newsletter .newsletter-content input[type="email"]::placeholder{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 35px;
  color: #adaeb9;
  font-family: "Roboto";
  font-weight: 500;
  font-style: italic;
  padding: 14px 20px;
}
#newsletter .newsletter-content input[type="submit"]{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 35px;
  color: #ffffff;
  font-family: "Merriweather";
  font-weight: 700;
  text-align: center;
  background-color:transparent;
  border:2px solid #fff;
  border-radius: 28px;
  padding: 5px 20px;
  position: absolute;
  right: 101px;
  top:0;
}
#newsletter .newsletter-content input[type="submit"]:hover{
  background-color: #fff;
  color: #3bb7cf;
}
#newsletter  .newsletter-image{
  width: 100%;
}

/* --------- Testimonial ----------- */
#testimonial{
  padding-top: 0;
  margin-top: -130px
}
#testimonial .testimonial-content{
  background-color: #fff;
  padding: 40px 25px;
  position: relative;
  border-radius: 5px;
}
#testimonial .testimonial-content .quote-icon{
  position: absolute;
  bottom: 40px;
  left: 30px;
}
#testimonial .testimonial-content p{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #636e7a;
  font-family: "Roboto";
  font-weight: 500;
  text-align: right;
}
#testimonial .testi-title{
  text-align: right;
}
#testimonial .testi-title a{
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 24px;
  color: #000000;
  font-family: "Merriweather";
  font-weight: 900;
  display: block;
}
#testimonial .testi-title span{
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #636e7a;
  font-family: "Roboto";
  font-weight: 500;
}
#testimonial .testi-title-box{
  align-items: center;
}
#testimonial .testi-title-box img{
  border-radius: 50%;
}
#testimonial .owl-nav button.owl-prev{
  top:auto;
  bottom: -54px;
  right: 50px;
  left: auto;
}
#testimonial .owl-nav button.owl-next{
  top: auto;
  bottom: -54px;
  right: 0;
}
#testimonial .owl-carousel .owl-stage-outer{
  top:-81px;
}
#testimonial .owl-nav i{
  width: 40px;
  height: 40px;
  border:2px solid #6b7681;
  border-radius: 50%;
  padding: 12px 10px;
  color: #6b7681;
  font-size: 14px;
}
#testimonial .owl-nav i:hover{
  background: linear-gradient(#6b61f7,#3cb4d0);
  border-color: transparent;
  color: #fff;
}
#testimonial #testi-loop{
  display: none;
}

/* --------- Contact Us ------------ */

#contact-partners{
  padding: 0;
  margin:50px 0;
}
#contact-partners .home-contact-us{
  padding: 35px 20px;
  position: absolute;
  top: -40px;
  background-repeat: no-repeat;
  background-size: cover;
}
#contact-partners .home-contact-us h2{
  font-size: 30px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #000000;
  font-family: "Merriweather";
  font-weight: 900;
  text-align: center;
  margin-bottom: 0;
}
#contact-partners .home-contact-us .contact-sub-title{
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 35px;
  color: #1f1e24;
  font-family: "Merriweather";
  font-weight: 900;
  text-align: center;
  display: block;
}
#contact-partners .home-contact-us form{
  padding-top: 73px;
  text-align: center;
}
#contact-partners .home-contact-us input[type="text"]{
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom:1px solid #f6f6f7;
  font-size: 16px;
  line-height: 35px;
  color: #adaeb9;
  font-family: "Roboto";
  font-weight: 500;
  font-style: italic;
}
#contact-partners .home-contact-us textarea{
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom:1px solid #f6f6f7;
  font-size: 16px;
  line-height: 35px;
  color: #adaeb9;
  font-family: "Roboto";
  font-weight: 500;
  font-style: italic;
}
#contact-partners .home-contact-us textarea::placeholder{
  font-size: 16px;
  line-height: 35px;
  color: #adaeb9;
  font-family: "Roboto";
  font-weight: 500;
  font-style: italic;
}
#contact-partners .home-contact-us input[type="text"]::placeholder{
  font-size: 16px;
  line-height: 35px;
  color: #adaeb9;
  font-family: "Roboto";
  font-weight: 500;
  font-style: italic;
}
#contact-partners .home-contact-us input[type="email"]{
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom:1px solid #f6f6f7;
  font-size: 16px;
  line-height: 35px;
  color: #adaeb9;
  font-family: "Roboto";
  font-weight: 500;
  font-style: italic;
}
#contact-partners .home-contact-us input[type="email"]::placeholder{
  font-size: 16px;
  line-height: 35px;
  color: #adaeb9;
  font-family: "Roboto";
  font-weight: 500;
  font-style: italic;
}
#contact-partners .home-contact-us input[type="submit"]{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 35px;
  color: #000000;
  font-family: "Merriweather";
  font-weight: 700;
  text-align: center;
  border:2px solid #000;
  padding: 7px 20px;
  margin-top: 30px;
  background-color: transparent;
  border-radius: 30px;
}
#contact-partners .home-contact-us input[type="submit"]:hover{
  background-color: #3cb4d0;
  color: #fff;
}
#contact-partners .our-partners{
  padding-top: 40px;
  padding-bottom: 40px;
}
#contact-partners .our-partners p{
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 32px;
  color: #1f1e24;
  font-family: "Roboto";
  font-weight: 400;
  font-style: italic;
  text-align: center;
}
#contact-partners .our-partners ul{
  list-style-type: none;
  margin-left: 0;
  padding-top: 10px;
}
#contact-partners .our-partners ul li{
  display: inline-block;
  padding: 10px 4px;
}

/* ----------- Our Faq ------------ */

#our-faq h2{
  font-size: 36px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #000000;
  font-family: "Merriweather";
  font-weight: 900;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 0;
}
#our-faq h2:before{
  content: "";
  width: 80px;
  height: 2px;
  background-color: #e6e8ec;
  display: block;
  text-align: center;
  margin-top: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#our-faq h2:after{
  content: "";
  width: 30px;
  height: 2px;
  background-color: #7973cd;
  display: block;
  text-align: center;
  margin-top: 28px;
  position: relative;
  z-index: 2;
}
#our-faq .card .card-header a{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #000000;
  font-family: "Merriweather";
  font-weight: 700;
}
#our-faq .card{
  border:none;
  background-color: transparent;
  margin-bottom: 15px;
}
#our-faq .card .card-header{
  background-color: #fff;
  border-radius: 30px;
  padding: 10px 46px 10px 20px;
  border:none;
  position: relative;
  cursor: pointer;
}
#our-faq .card .card-body{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #636e7a;
  font-family: "Roboto";
  font-weight: 500;
}
#our-faq .card .card-header i{
  width: 30px;
  height: 30px;
  background-color: #ebecee;
  border-radius: 50%;
  padding: 8px 8px;
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
}
#our-faq .card .card-header .fa-minus{
  background:linear-gradient(#6b62f7,#48bad2);
  color:#fff;
}

/* ---------- Pricing Plans --------- */
#pricing-plans{
  background-color: #000;
}
#pricing-plans h2{
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #ffffff;
  font-family: "Merriweather";
  font-weight: 900;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 0;
}
#pricing-plans h2:after{
  content: "";
  width: 30px;
  height: 2px;
  background-color: #7973cd;
  display: block;
  text-align: center;
  margin: 28px auto 0 auto;
  position: relative;
  z-index: 2;
}
#pricing-plans h2:before{
  content: "";
  width: 80px;
  height: 2px;
  background-color: #191919;
  display: block;
  text-align: center;
  margin: 15px auto 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#pricing-plans .pricing-plans-content{
  background-color: #151414;
  padding: 30px 30px 0 30px;
  text-align: center;
  position: relative;
  border:2px solid transparent;
  margin-bottom: 45px;
}
#pricing-plans .pricing-plans-content ul{
  list-style-type: none;
  margin-left: 0;
}
#pricing-plans .pricing-plans-content h4{
  font-size: 45px;
  letter-spacing: 2px;
  line-height: 35px;
  color: #ffffff;
  font-family: "Merriweather";
  font-weight: 900;
}
#pricing-plans .pricing-plans-content span{
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #878f98;
  font-family: "Roboto";
  font-weight: 700;
  background-color: #000;
  display: inline-block;
  padding: 8px 10px 0 10px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-top: -18px;
  position: relative;
  top: -18px;
}
#pricing-plans .pricing-plans-content ul li{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 50px;
  color: #878f98;
  font-family: "Roboto";
  font-weight: 500;
}
#pricing-plans .pricing-plans-content a{
  width: 50px;
  height: 50px;
  display: inline-block;
  background-color: #181818;
  padding: 12px 10px;
  border-radius: 50%;
  border:2px solid #878f98;
  color: #878f98;
  position: relative;
  top: 23px;
}
#pricing-plans .pricing-plans-content:hover{
  border:2px solid #3bb7cf;
}
#pricing-plans .pricing-plans-content:hover span{
  background-color:#3bb7cf;
  color: #fff; 
}
#pricing-plans .pricing-plans-content:hover a{
  background-color:#3bb7cf;
  color: #fff; 
  border-color:#3bb7cf; 
}

/* ----------- Latest News ---------- */

#latest-news h2{
  font-size: 40px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #000000;
  font-family: "Merriweather";
  font-weight: 900;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 0;
} 
#latest-news h2:before{
  content: "";
  width: 80px;
  height: 2px;
  background-color: #e6e8ec;
  display: block;
  text-align: center;
  margin: 15px auto 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#latest-news h2:after{
  content: "";
  width: 30px;
  height: 2px;
  background-color: #7973cd;
  display: block;
  text-align: center;
  margin: 28px auto 0 auto;
  position: relative;
  z-index: 2;
}
#latest-news .news-image{
  position: relative;
}
#latest-news .news-image span{
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 20px;
  color: #000000;
  font-family: "Merriweather";
  font-weight: 700;
  text-align: center;
  background-color: #fff;
  width: 54px;
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 5px 5px;
  border-radius: 5px;
}
#latest-news .news-title{
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 35px;
  color: #000000;
  font-family: "Merriweather";
  font-weight: 900;
  padding-top: 12px;
  display: inline-block;
}
#latest-news .latest-news-content{
  text-align: center;
}
#latest-news .news-meta{
  border-bottom: 1px solid #dbdee2;
  padding-bottom: 15px;
}
#latest-news .news-meta a{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 28px;
  color: #636e7a;
  font-family: "Roboto";
  font-weight: 500;
  padding-right: 10px;
}
#latest-news .news-meta span{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 28px;
  color: #636e7a;
  font-family: "Roboto";
  font-weight: 500;
  padding-left: 10px;
}
#latest-news .link-title{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 70px;
  color: #636e7a;
  font-family: "Merriweather";
  font-weight: 700;
}
#latest-news .latest-news-content:hover .latest-news-date{
  background:linear-gradient(to right,#6c5ff8,#3db4d1);
  color:#fff;
}
#latest-news .latest-news-content:hover .link-title{
  color: #7973cd;
}
#latest-news #news-loop{
  display: none;
}

.posttype-err-msg{
  text-align: center;
}
.woo-smg{
  text-align: center;
}
/*--------------- Sidebar -----------------*/
/* Sidebar */
#sidebar td#prev a {
 color: #6c6c6c;
}
#sidebar caption {
 font-weight: bold;
 color: #6c6c6c;
 font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
 border: 1px solid #e1e1e1;
 text-align: center;
}
#sidebar td {
 padding: 7px;
 color: #6c6c6c;
}
#sidebar th {
 text-align: center;
 padding: 5px;
 color: #6c6c6c;
}
#sidebar select {
 padding: 10px 5px;
 border: solid 1px #e1e1e1;
 color: #6c6c6c;
 background: transparent;
}
#sidebar form{
 text-align: center;
}
#sidebar h3 {
  font-size: 24px;
  color: #222222;
  font-weight: 600;
  padding-bottom: 15px;
  margin-bottom: 11px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
  font-family: "Merriweather";
}
#sidebar input[type="search"] {
 padding:10px 10px;
 font-size:15px;
 margin-bottom: 10px;
 color:#6c6c6c;
 border: solid 1px #e1e1e1;
 width: 100%;
}
#sidebar label{
 margin-bottom: 0;
 width: 100%;
}
#sidebar input[type="submit"]{
 background-color :#3bb7cf;
 color:#fff;
 padding:10px 0;
 font-size:12px;
 width: 100%;
 letter-spacing: 2px;
 font-weight: bold;
}
#sidebar .widget {
 padding: 20px;
 margin-bottom: 25px;
 -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
}
#sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 17px;
}
#sidebar ul li{
 font-weight: 600;
  color: #343434;
  font-family: Poppins,sans-serif;
  font-size: 15px;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}
#sidebar ul li:last-child{ 
  border:none;
}
#sidebar ul li a {
  font-weight: 600;
  color: #343434;
  font-family: Poppins,sans-serif;
  font-size: 15px;
}
#sidebar .tagcloud a{
 border: solid 1px #e1e1e1;
 color:#6c6c6c;
 font-size:15px !important;
 padding:5px 18px;
 margin:0 0 5px;
 display:inline-block;
}
#sidebar .tagcloud a:hover{
 background:#111;
 color: #fff;
}
span.credit_link a {
  color: #3bb7cf;
}
.single-post-content p{
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #a1a5ab;
  font-family: "Roboto";
  font-weight: 500;
}
.middle-content p{
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #a1a5ab;
  font-family: "Roboto";
  font-weight: 500;
}
.content_boxes .share_icon{
  margin-top: 20px;
}
.content_boxes iframe{
  max-width: 100%;
}
/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
.shrtcod-pg{
  border:1px solid #bbb;
  /*background-color: #cbe9e2;*/
}
.shrt_socio i{
  border: 1px solid #bbb;
  padding: 10px;
  margin-right: 10px;
}
/*---------------- Contact Us Widget ----------------*/
.contact_us_icon i {
  color: #3bb7cf;
  margin: 10px 0;
  font-size: 24px;
}
.widget_recent_entries li a {
  font-size: 14px;
}
.widget_recent_entries span.post-date {
  width: 100%;
  float: left;
  margin-bottom: 11px;
  text-align: left;
  font-size: 14px;
  letter-spacing: 0px;
  color: #aca9a9;
  font-family: "Roboto";
}
/*---------------- Pagination ----------------*/

.post-navigation .post-title{
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #9a9da4;
  font-family: "Roboto";
  font-weight: 500;
}
#search-page-nav
{
  margin: auto;
}

/* ---------- Blog Pagination ------------ */
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0 10px 20px;
}
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15px;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #fff;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
  font-weight: 600;
  font-family: "Roboto";
}
.page-numbers.dots{
  color:#000;
}
.navigation a:hover{
  color: #fff;
}
.navigation span.meta-nav {
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #000;
  font-family: "Roboto";
  font-weight: 500;
  margin-bottom: 0;
}
.navigation .current{
  background: #333333; 
  color:#ffffff;
  font-weight:normal;
}

/* -------- Single Page Pagination ---------- */

.single-page-nav .navigation{
  margin-left: 0;
}
.single-page-nav .navigation a{
  float: none;
  margin-bottom: 0;
  padding-left: 0;
} 
.single-page-nav .navigation span{
  float: none;
  padding-top: 0;
  margin-bottom: 0;
  padding-left: 0;
} 
.single-page-nav .navigation .nav-next{
  text-align: left;
}

/* ------------- Category --------------------*/
.alt-screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories li{
  display: inline-block;
}
ul.post-categories li:after{
  content: ' ,';
}
ul.post-categories li:last-child:after{
  content: '';
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
    padding: 0;
    border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
.post_tag .meta-sep{
  font-weight: bold;
}
.post_tag a:after{
  content: ", ";
  display: inline-block;
}
.post_tag a:last-child:after{
  content: "";
}
/*-------------- Main Title ---------------*/
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
  background-color: #55acee;
}
.services_inner h4, .services_inner .short_text {
    color: #ffffff;
}
.share_icon a{
  padding-bottom: 5px;
  display: inline-block;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
    display: block !important;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-dots{
  text-align: center;
  padding-top: 30px;
}
.owl-carousel .owl-dots button{
  width: 10px;
  height: 10px;
  background-color: transparent;
  margin: 0 7px;
  outline: none;
  border:2px solid #06080a !important;
}
.owl-carousel .owl-dots .active{
  background-color: #3bb7cf !important;
  border-color:#3bb7cf !important;
}
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  width: auto;
}
#our_partners img{
  width: auto !important;
}
button.owl-next, button.owl-prev {
  background: #1e202c;
}
button.owl-prev {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
  outline: none;
}
button.owl-next {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
  outline: none;
}
button.owl-next i, button.owl-prev i{
  color: #ffffff;
}
.owl-carousel .owl-nav i{
  color: #222;
  font-size: 20px;
}
.owl-carousel .owl-nav button:focus{
  outline: none;
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
    font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #3bb7cf;
  border-radius: 0;
  padding: 10px 14px;
  color: #ffffff;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #3bb7cf;
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: #3bb7cf;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
input#password, input#reg_password {
    padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: #ffffff; 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 100%;
    max-width: 100%;
}
.woocommerce a.added_to_cart {
  padding: 0 .5em .5em;
  display: inline-block;
}
.woocommerce h1,.woocommerce h2,.woocommerce h3{
  font-family: "Merriweather";;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 53%;
}
.woocommerce .woocommerce-MyAccount-navigation ul{
  list-style-type: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a{
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
  color: #1f1e1e;
  font-family: "Roboto";
}
.woocommerce .woocommerce-MyAccount-navigation .is-active a{
  color: #3bb7cf;
}
.woocommerce form .form-row.woocommerce-invalid label
{
  color:#8fa3aa;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #111111;
  color:#fff;
}
.woocommerce .form-row{
  display: unset;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
  width: 100%;
}
.woocommerce #order_review table th{
  text-align: left;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
  padding: 20px;
}
.woocommerce div.product div.images img{
  width: auto;
}

.woocommerce-Tabs-panel p{
  font-size: 14px;
  letter-spacing: 1px;
  color: #a7a9ac;
  font-family: "Roboto";
  font-weight: 500;
}
.woocommerce-products-header__title{
  letter-spacing: 0px;
  color: #252525;
  font-family: "Muli";
  font-weight: 800;
}
.woocommerce .shop-page ul.products li.product .star-rating{
  margin: 10px auto 15px auto;
}
.woocommerce ul.products li.product .price ins{
  text-decoration: none;
}
.shop-page .added_to_cart{
  background-color: #3bb7cf;
  border-radius: 0;
  padding: 5px 14px !important;
  font-weight: 600;
  color: #ffffff;
  width: 100px;
  margin-bottom: 10px;
}
.woocommerce .shop-page ul.products li.product{
  text-align: center;
}
.woocommerce-account .woocommerce .form-row{
  display: block
}
.woocommerce .woocommerce-breadcrumb{
  margin-top: 30px;
}

.woocommerce ul.products li.product .star-rating{
 color: #fec806;
 margin: 0 auto;
 display: block;
 float: none;
 overflow: hidden;
 position: relative;
 height: 1.7em;
 line-height: 1;
 font-size: 1em;
 font-family: star;
}
.star-rating{
  color: #f6d718;
  margin: 0 auto;
  font-size: .857em;
  display: block;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
}
#footer_box .widget_products .star-rating{
  margin: 0 !important;
}
.star-rating:before{
 content: "\73\73\73\73\73";
 color: #d3ced2;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
}
.star-rating span{
 overflow: hidden;
 float: left;
 top: 0;
 left: 0;
 position: absolute;
 padding-top: 1.5em;
}
.star-rating span:before{
 content: "\53\53\53\53\53";
 top: 0;
 position: absolute;
 left: 0;
}
/* ----------- Unit Testing ------------- */
.outer_dpage table{
  text-align: center;
}
.outer_dpage table th{
  text-align: center;
}
/*-------------- media section ---------------*/
@media screen and (max-width:576px) {
  #site_top .socialbox {
    text-align: left;
  }
  .row.bg-media {
    margin: 0;
  }
  .contact_details .row{
    margin: 0;
  }
  #slider h2 {
    font-size: 12px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  #slider .inner_carousel h2 small{
    font-size: 12px !important;
    margin-bottom: 6px;
  }
  .about-content p{
    font-size: 14px;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
    width: 37%;
  }
  #slider ol.carousel-indicators{
    bottom: 6%;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: none !important;
  }
  .call_text{
    padding: 2em;
  }
  .inner_tabbox_bg {
    background-color: #ffffff;
    padding: 0 10px;
  }
  .nav-tabs {
    text-align: left;
  }
  li.nav-item h4 {
    font-size: 14px;
    font-weight: normal;
  }
  .call_text p{
    top: 24px;
    font-size: 12px;
  }
  .about-content p{
    font-size: 12px;
  }
  #testimonials .testimonial_box {
    padding: 20px 20px 40px 20px;
  }
  section{
    padding: 25px 0;
    background-size: cover;
  }
  blockquote{
    width: 100%;
  }
  #slider p{
    margin: 0 0 9px 0;
  }
  section h2{
    font-size: 22px;
  }
  .top-icon{
    top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }
  .menubar {
    padding: 0 15px;
  }
  .serach_inner input.search-field {
    width: 85%;
  }
  .contact-info{
    text-align: center;
  } 
  button.owl-prev{
    padding: 10px 12px;
  }
  button.owl-next{
    padding: 10px 12px;
  }
  .logo p{
    line-height: 17px;
  }
  #header .header-search{
    text-align: left;
  }
  .header-nav{
    padding-top: 0;
  }
  #slider p{
    font-size: 18px;
    display: none;
  }
  #slider h3{
    font-size: 20px;
  }
  #slider .slide_nav{
    display: none;
  }
  #slider .slider-button-1{
    padding: 4px 7px;
    margin-top: 10px;
    font-size: 13px;
  }
  #slider .slider-button-2 {
    padding: 4px 7px;
    margin-top: 10px;
    font-size: 13px;
  }
  #slider span{
    font-size: 21px;
    line-height: 0;
  }
  .footer_menu ul{
    text-align: left;
    padding-top: 15px;
  }
  #header .search-form label{
    width: 53%;
  }
  input.search-field{
    width: 97%;
  }
  .header-nav .menubar{
    background-color: transparent;
  }
  #header .header-search{
    position: unset;
  }
  #slider .slider-box{
    padding: 0;
    left: 0;
    right: 0;
    border-style: none;
    top: 40%;
    padding: 15px;
    max-width: 90%;
  }
  #slider .carousel-prev-button{
    right: 48%;
    bottom: 5%;
  }
  #slider .carousel-next-button{
    right: 34%;
    bottom: 5%;
  }
  #slider .slide_nav a{
    padding: 4px;
  }
  .logo h1 a{
    font-size: 17px;
  }
  .post-navigation .nav-previous{
    width: 100%;
  }
  .post-navigation .nav-next {
    width: 100%;
  }
  .search_popup input.search-submit{
    padding:3px 20px; 
  }
  .contact-info-box .c_content{
    text-align: center;
  }
  .toggle-nav{
    margin-top: 0px !important;
  }
  .sticky .toggle-nav{
    margin-top: 2px !important;
  }
  .serach_inner form.search-form{
    text-align: center;
  }
  .spinner-loading-box .lds-ellipsis
  {
    left: 43%;
  }
  .home.page-template .site-header{
    position: unset;
    background-color: #3bb7cf;
  }
  .menubar li{
    padding: 8px 11px;
  }
  .menubar ul{
    text-align: center;
  }
  #our-features{
    margin-top: 35px;
  }
  #search-banner{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #search-banner .search-banner-content h1{
    font-size:19px;
    line-height: 25px;   
  }
  #search-banner .search-banner-content p{
    padding-top: 0;
    font-size: 18px;
    line-height:25px;  
  } 
  #search-banner .search-banner-image{
    display: none;
  }
  #search-banner .search-banner-content{
    position: unset;
  }
  #search-banner .search-banner-content form{
    max-width: 88%;
  }
  #header .header-logo{
    text-align: center;
    padding-top: 15px;
  }
  #our-services .our-services-head h2{
    font-size: 22px;
  }
  #browse-topics .browse-topics-head h2{
    font-size: 22px;
  }
  #our-records .record-content-wrap{
    text-align: center;
  }
  #our-records .our-records-content img{
    left: 0;
    right: 0;
    margin: auto;
  }
  #our-records .record-title{
    display: block;
    padding-top: 50px;
  }
  #our-records .owl-carousel .owl-dots{
    padding-top: 0;
  }
  #newsletter .newsletter-content h2{
    font-size: 22px;
  }
  #newsletter .newsletter-image{
    display: none;
  }
  #why-choose-us .why-choose-us-content{
    position: unset;
    width: 100%;
  }
  #why-choose-us .why-choose-us-content{
    margin-top: 0;
  }
  #why-choose-us .why-choose-us-content h2{
    font-size: 22px;
  }
  #testimonial{
    margin-top: 0;
    padding-top: 25px;
  }
  #newsletter .newsletter-wrap{
    position: unset;
    width: 88%;
    transform: unset;
    padding-top: 20px;
    text-align: center;
    padding-bottom: 20px;
  }
  #newsletter .newsletter-content input[type="email"]{
    max-width: 100%;
  }
  #newsletter .newsletter-content input[type="submit"]{
    position: unset;
    margin-top: 10px;
  }
  #testimonial .testimonial-content p{
    text-align: center;
  }
  #testimonial .testi-title{
    text-align: center;
    padding-bottom: 20px;
  }
  #testimonial .owl-nav button.owl-prev{
    left: -50px;
    right: 0;  
    margin: 0 auto 0 auto;
    bottom: 0;
  }
  #testimonial .owl-nav button.owl-next{
    left: 0;
    right: -50px;
    margin: 0 auto 0 auto;
    bottom: 0;
  }
  #contact-partners .home-contact-us{
    position: unset;
  }
  #contact-partners .our-partners ul{
    text-align: center;
  }
  #our-faq h2{
    font-size: 22px;
  }
  #contact-partners{
    margin: 0;
  }
  #pricing-plans h2{
    font-size: 22px;
  }
  #latest-news h2{
    font-size: 22px;
  }
  #footer{
    background-size: cover;
  }
  #footer h3{
    font-size: 22px;
  }
  .copyright p{
    font-size: 12px;
    line-height: 21px;
  }
  #our-features .our-features-content span{
    font-size: 17px;
    line-height: 27px;
  }
  #pricing-plans .pricing-plans-content{
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
  #latest-news .latest-news-content{
    max-width: 340px;
    margin: auto;
  }
  #latest-news{
    padding-bottom: 40px;
  }
  #browse-topics{
    padding-top: 21%;
    background-size: 100% 100%;
  }
  #why-choose-us{
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 577px) and (max-width:767px){

  button.owl-next{
    right:0;
  }
  #footer{
    background-size: cover;
  }
  button.owl-prev{
    left:0;
  }
  .top_bar_link{
    text-align: center;
  }
  .top_bar_link a {
    display: table;
    margin: 20px auto;
    text-align: center;
  }
  .top_bar_link{
    padding: 0 15px !important;
  }
  .post_dec{
    display: none;
  }
  .contact_details {
    padding: 12px 0;
    position: static;
    right: 0;
    top: 50%;
    transform: unset;
  }
  .logo_footer {
    margin-bottom: 20px;
  }
  .footer_form {
     padding: 0; 
  }
  .postbox h3{
    line-height: 22px;
  }
  #latest_post .owl-nav {
    position: static;
    margin: 0 auto;
    text-align: center;
  }
  .meta_post span {
    font-size: 12px;
  }
  .postbox .postbox-content{
    padding: 5px 15px;
  }
  .search-box span {
    float: right;
  }
  .contact_details ul li{
    display: block;
    color: #ffffff;
  }
  .left-side-content {
    text-align: left;
  }
  ul.right-side-content{
    margin: 0;
    text-align: center;
  }
  .left-side-content li{
    padding-bottom: 10px
  }

  .woocommerce-cart table.cart td.actions .coupon .input-text
  {
    width: 37%;
  }
  #slider h2{
    font-size: 22px;
    padding-top: 0;
  }
  #slider .inner_carousel h2 small{
    font-size: 15px !important;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #slider p.font-weight-bold {
      display: none;
  }

  #header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .site-title{
    font-size: 34px;
  }
  .site-description{
    font-size: 14px;
  }
  .main-header{
    margin-bottom: 25px;
  }
  .header-title{
    padding: 30px 0;
  }
  .main-title{
    font-size: 30px;
  }
  
  #masthead #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }
  .main-navigation li,
  #masthead.scrolled .main-navigation li{
    display: block;
    line-height: 1.5 !important;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  .menu > ul > li > a{
    padding: 10px 0;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .slide-cta{
    float: none;
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }
  #home-slider-section .bx-wrapper .bx-controls-direction a{
    display: none;
  }
  .slide-button-left,
  .slide-button-right{
    padding: 7px 25px 7px 25px;
    min-width: 160px;
    font-size: 16px;
  }

  #cta-section .cta-left{
    width: 100%;
    float: none;
    text-align: center;
  }
  .site-info{
    float: none;
    width: 100%;
    text-align: center;
  }
  #footer-menu ul {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .contact-box .wpcf7 input[type="text"],
  .contact-box .wpcf7 input[type="email"],
  .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
  .footer_menu ul{
    text-align: left;
  }
  .header-nav{
    padding-top: 6px;
  }
  .header-nav .menubar{
    background-color: transparent;
  }
  .logo h1 a{
    font-size: 23px;
  }
  section{
    background-size: cover;
    padding: 25px 0;
  }
  .copyright .copy-text{
    text-align: center;
  }
  .home.page-template .site-header{
    position: unset;
    background-color: #3bb7cf;
  }
  #header .header-logo{
    text-align: center;
    padding-top: 15px;
  }
  #search-banner .search-banner-content h1{
    font-size: 25px;
  }
  #our-features{
    margin-top: 30px;
  }
  #search-banner{
    padding: 30px 0;
  }
  #search-banner .search-banner-content p{
    padding-top: 0;
  }
  #search-banner .search-banner-content form{
    max-width: 61%;
  }
  #search-banner .search-banner-image{
    display: none;
  }
  #search-banner .search-banner-content{
    position: unset;
  }
  .sticky .toggle-nav{
    margin-top: 3px !important;
  }
  .menubar{
    padding-top: 0;
  }
  #our-features .our-features-content span{
    font-size: 17px;
    line-height: 28px;
  }
  #our-services .our-services-head h2{
    font-size: 28px;
  }
  #browse-topics .browse-topics-head h2{
    font-size: 28px;
  }
  #browse-topics .browse-topics-content span{
    font-size: 16px;
  }
  #our-records .record-content-wrap{
    text-align: center;
  }
  #our-records .record-title{
    display: block;
    padding-top: 50px;
  }
  #why-choose-us{
    padding-top: 25px;
    padding-bottom: 0;
  }
  #why-choose-us .why-choose-us-content{
    position: unset;
    width: 100%;
    margin-top: 0;
  }
  #why-choose-us .why-choose-us-content h2{
    font-size: 28px;
  }
  #newsletter .newsletter-content h2{
    font-size: 28px;  
  }
  #newsletter .newsletter-image{
    display: none;
  }
  #testimonial{
    margin-top: 0;
    padding-top: 40px;
  }
  #testimonial .owl-nav button.owl-prev{
    bottom: 0;
  }
  #testimonial .owl-nav button.owl-next{
    bottom: 0;
  }
  #contact-partners{
    margin: 0;
  }
  #contact-partners .home-contact-us{
    position: unset;
  }
  #contact-partners .our-partners ul{
    text-align: center;
  }
  #our-faq h2{
    font-size: 28px;
  }
  #pricing-plans h2{
    font-size: 28px;
  }
  #pricing-plans .pricing-plans-content{
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
  #latest-news h2{
    font-size: 28px;
  }
  #latest-news .news-title{
    font-size: 14px;
  }
  #latest-news{
    padding-bottom: 50px;
  }
  #footer h3{
    font-size: 22px;
  }
  #browse-topics{
    background-size: 100% 100%;
    padding-top: 13%;
  }
  #newsletter .newsletter-wrap{
    position: unset;
    transform: translateY(0);
  }
  #newsletter{
    padding: 20px 0;
  }
  #newsletter .newsletter-content input[type="submit"]{
    right: -18px;
  }
}

@media screen and (min-width: 768px) and (max-width:991px) {
  .search-form button i {
    font-size: 12px !important;
    padding-right: 2px !important;
  }
  .header-nav .menubar{
    background-color: transparent;
  }
  #header .header-search{
    position: unset;
  }
  #slider .slider-box{
    top: 68%;
    max-width: 83%;
  }
  .home .main-navigation ul{
    border-bottom: none;
  }
  #footer #site-navigation ul li{
    padding-top: 14px;
    padding-bottom: 11px;
  }
  .toggle-nav{
    margin-top: 3px !important;
    float: none !important;
    margin-right: 30px !important;
  }

  .menubar .header-logo a{
    font-size: 20px;
  }
  .menubar .header-logo h1{
    line-height: 18px;
    padding-bottom:0;
  }
  .menubar .sticky .toggle-menu-title{
    top: 10px;
  }
  .menubar li{
    padding: 4px 11px;
  }
  #our-features{
    margin-top: -110px;
  }
  #search-banner .search-banner-content h1{
    font-size: 27px;
  }
  #search-banner .search-banner-content p{
    padding-top: 0;
  }
  #search-banner .search-banner-content{
    top:145px;
  }
  #our-features .our-features-content span{
    font-size: 19px;
  }
  section{
    padding: 30px 0;
  }
  #our-services .our-services-head h2{
    font-size: 28px;
  }
  #our-services .our-services-content a{
    font-size: 17px;
  }
  #our-records .our-records-content span{
    font-size: 22px;
  }
  #our-records .our-records-content img{
    top:-24px;
  }
  #why-choose-us .why-choose-us-content{
    width: 100%;
    position: unset;
  }
  #why-choose-us .why-choose-us-content h2{
    font-size: 28px;
  }
  #why-choose-us{
    padding-bottom: 50px;
  }
  #newsletter .newsletter-content h2{
    font-size: 28px;
  }
  #testimonial{
    margin-top: 0;
  }
  #testimonial .owl-nav button.owl-prev{
    bottom: 0;
  }
  #testimonial .owl-nav button.owl-next{
    bottom: 0;
  }
  #newsletter .newsletter-content input[type="submit"]{
    right: 0;
  }
  #newsletter .newsletter-content h2:after{
    margin-top: 15px;
  }
  #contact-partners .home-contact-us{
    position: unset;
  }
  #contact-partners{
    margin: 0;
  }
  #our-faq h2{
    font-size: 28px;
  }
  #pricing-plans h2{
    font-size: 28px;
  }
  #latest-news h2{
    font-size: 28px;
  }
  #browse-topics .browse-topics-content span{
    font-size: 15px;
  }
  #browse-topics .browse-topics-head h2{
    font-size: 28px;
  }
  #browse-topics{
    background-size: 100% 100%;
    padding-top: 11%;
  }
}

@media screen and (max-width: 1024px) and (min-width:991px){
  .toggle-nav {
    right: 0px;
    position: unset !important;   
  }
  .sticky .toggle-nav{
    margin-right:30px !important;
  }
  small {
    font-size: 13px !important;
  } 
  .postbox{ 
    margin-bottom: 20px; 
  }
  #slider .slider-box{
    max-width: 81%;
    top: 58%;
  }
  .logo h1 a{
    font-size: 18px;
  }
  .widget th, .widget td{
    padding: 0;
  }
  .toggle-nav{
    margin-top: -4px !important;
  }
  .sticky .toggle-nav{
    margin-top: 5px !important;
  }
  
  #header .innermenubox{
    background-color: transparent !important;
    padding: 0;
  }
  #header .innermenubox.sticky{
    background-color: #fff !important;
  }
  /*.menubar .menubar-box{
    position: relative;
  }*/
  .header-social .vwsmp_front a{
    padding: 17px 10px;
  }
  .menubar li{
    padding: 6px 11px;
  }
  .menubar .toggle-menu-title{
    display: none !important;
  }
  #search-banner .search-banner-content h1{
    font-size: 34px;
  }
  #search-banner .search-banner-content p{
    padding-top: 0;
  }
  #search-banner .search-banner-content{
    top:190px;
  }
  #our-features{
    margin-top: -155px;
  }
  #browse-topics .browse-topics-content span{
    font-size: 15px;
  }
  #why-choose-us .why-choose-us-content{
    width: 624px;
  }
  #why-choose-us{
    padding-bottom: 22%;
  }
  #testimonial{
    margin-top: -50px;
  }
  #newsletter .newsletter-content input[type="submit"]{
    right: 20px;
  }
  #newsletter .newsletter-content h2:after{
    margin-top: 16px;
  }
  #testimonial .owl-nav button.owl-prev{
    bottom: -20px;
  }
  #testimonial .owl-nav button.owl-next{
    bottom: -20px;
  }
  #contact-partners .home-contact-us{
    position: unset;
  }
  #contact-partners{
    margin: 0;
  }
  #our-records .our-records-content span{
    font-size: 28px;
  }
  #our-records .our-records-wrap{
    padding: 50px 0;
  }
  #our-records .our-records-content img{
    top:-21px;
  }
  #our-records .owl-carousel .owl-stage-outer{
    padding: 0;
  }
  #browse-topics{
    background-size: 100% 100%;
    padding-top: 9%;
  }

}
@media screen and (max-width: 1024px){
  .home#slider h3{
    font-size: 38px;
  } 
  .main-navigation ul{
    border:none;
  }
  .list_outer {
    padding: 20px 20px;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .top_bar_btn a.theme_button {
    position: static;
    top: 0;
    transform: unset;
  }
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .toggle-nav {
    display: block;
    position: relative;
    width: 30px;
    cursor: pointer;
    margin: 0 auto;
    z-index: 5;
    right: 0;
    margin-right: 7px;
    margin-top: -4px;
    cursor: pointer;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #fff !important;
  }
  .menubar .toggle-menu-title
  {
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    font-family: "Roboto";
    font-weight: 600;
    position: absolute;
    left: 20px;
    display: none;
  }
  .menubar .sticky .toggle-menu-title{
    top:12px;
  }
  .menubar .toggle-menu-title{
    display: inline-block;
  }
 
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
    cursor: pointer;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .content_boxes figure #instagram-embed-0{
    height: 706px;
  }
  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  
  .menu > ul > li:hover:before, 
  .menu > ul > li.current_page_item:before, 
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #fff;
  }
 
  .menubar .nav ul{ 
    width:100%;
    margin-top:0; 
  }

  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #303030 solid; 
    display:block;
    text-align:left;
    float:none;
    width: 15.7rem;
    padding: 5px 5px 0px 0;
    margin-left: 0;
  }
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:25px !important;
  }
  .nav ul li ul li ul li ul a{
    padding-left:30px !important;
  }
  .nav ul li ul li ul li ul li ul a{
    padding-left:35px !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .top_bar_btn{
    padding:0;
  }
  .main-navigation li.current_page_item{
    border:none;
  }
  .main-navigation ul ul{
    background: transparent !important;
  }
  .main-navigation ul ul li{
     background: transparent !important;
  }
  #header-menu .current_page_item{
    background:none;
  }
  #header-menu .current_page_item ul li a{
    color: #fff;
  }
  .main-navigation .current_page_ancestor > a{
    color: #fff !important;
  }
  .main-header-box{
    padding-bottom: 0 !important;
  }
  .menubar ul a:before{
    content: "";
  }
}
@media screen and (max-width: 1200px) and (min-width: 1025px) { 

  .logo h1 a{
    font-size: 18px;
  }
  .widget th, .widget td{
    padding: 0;
  }
  .logo h1 a{
    font-size: 18px;
  }
  .widget th, .widget td{
    padding: 0;
  }
  .menubar li{
    padding: 6px 11px;
  }
  #our-features {
    margin-top: -160px;
  }
  #browse-topics .browse-topics-content span{
    font-size: 14px;
  }
  #why-choose-us .why-choose-us-content{
    width:590px;
  }
  #why-choose-us{
    padding-bottom: 20%;
  }
  #testimonial .owl-carousel .owl-stage-outer{
    top:-33px;
  }
  #contact-partners .home-contact-us form p{
    margin-bottom: 0;
  }
  #contact-partners .home-contact-us{
    position: unset;
  }
  #contact-partners{
    margin-bottom: 0;
  }
  #browse-topics{
    background-size: 100% 100%;
    padding-top: 9%;
  }
  #newsletter .newsletter-content input[type="submit"]{
    right: 45px;
  }
}
/* ------------- Mozilla Style -------------- */

@-moz-document url-prefix() {

  .main-navigation ul{
    text-align: left;
  }
  .main-navigation a{
    font-size: 18px;
  }
}