/*
Theme Name: Katib Writers Pro
Theme URI:  https://www.themeseye.com/themes/wordpress-themes-for-writer/
Author: Themeseye
Author URI: https://www.themeseye.com/
Description: Katib Writers is a judiciously created, engaging, sleek and well-structured WordPress theme for writers to give them vast space to put forth their thoughts on various different topics. Apart from writers and authors, it can be used by journalists, e-magazines, online and onsite book stores, poets, bloggers from different niches, libraries, online course providers, corporate training providers, publishers, news agencies, product advertisers, literature lovers, online music and games websites and all similar profession, businesses and websites. It is a fully responsive theme with cross-browser compatibility to entertain maximum people. Katib Writers is multilingual so you can post content in your language; supports RTL writing style and compatible with WPML plugin. Its wide spectrum of colours has every possible colour in it and inclusion of Google fonts let you choose from numerous fonts. Sections like gallery, testimonial, skills stats, subscription form and many more are predesigned. This writer WordPress theme is thoroughly customizable and fully SEO enabled. It includes various social media icons and many amazing features for a modern website. It is based on the latest WordPress version, hence bug-free and updated. It has a professional look which is complimented by its sophisticated design to hold visitors for a good amount of time. 
Version: 1.1
License: GNU General Public License
License URI:license.txt
Text Domain: katib-writers-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Katib Writers Pro WordPress Theme has been created by Themeseye(themeseye.com), 2019.
Katib Writers Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
*{
  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: 14px;
  color:#5b5b5b; 
  font-family: 'Montserrat';
}
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;
  line-height: 1.4;
  letter-spacing: 1px;
  color:#5b5b5b;
  font-family: 'Montserrat';
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:14px;
  font-weight:normal;
}
p, ul li a{
  letter-spacing: 0px;
  font-family: 'Montserrat';
}
body a{
  text-decoration:none; 
  color:#2ccdc3;
}
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: 16px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  background:#ececec;
}
 
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -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: 40px 0;
  background-attachment: fixed;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  background-color: #2ccdc3;
}
.shorthcode input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  background-color: #2ccdc3;
  float: left;
}
input[type="submit"]:hover{
  cursor: pointer;
}
.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;
}

.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;
}
.sticky{ 
  margin:0; 
  padding:0; 
  background-color:#d7d7d7;
}
.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;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.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);
}
/* ---------Buttons--------- */
a.button{ 
  border: 2px solid #3890cb ; 
  background:#3890cb;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}
a.theme_button {
  color: #ffffff;
  border: none;
  margin-top: 8px;
  letter-spacing: 1px;
  padding: 12px 12px;
  font-size: 14px;
  font-weight: bold;
  background: #054e47;
  border-radius: 40px;
}
#slider a.theme_white_button{
  border: none;
  margin-top: 30px;
  letter-spacing: 1px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: bold;
}
a.theme_white_button{
  background-color: #2ccdc3;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 3px;
  color: #f1f1f1;
  font-family: "Libre Baskerville";
  font-weight: 700;
}
a.theme_button:hover {
  color: #ffffff;
  background: #054e47;
}
a.theme_white_button:hover {
  color: #fff;
  background: #054e47;
}
.theme_button i{
  padding-left: 5px;
}
/* --------------------------Top Bar---------------------------- */
.contact_details ul li {
  list-style: none;
  display: inline;
  color: #ffffff;
}
.top_bar {
  background: linear-gradient(270deg, #a91696 30%, #59189b 100%);
  width: 100%;
  float: left;
  padding: 4px;
}
.contact_details {
  padding: 12px 0;
}
.contact_details ul li.search-box span {
  border: none;
  padding: 15px 18px;
  margin-right: 0;
}
.contact_details ul li span {
  padding-right: 10px;
  font-size: 13px;
}
.contact_details i{
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
}
.serach_outer i{
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
}
.contact_details p {
  color: #033333;
  font-size: 15px;
  margin: 0 0 0 !important;
}
p.hi_bold {
  color: #1e1d1c;
}
p.hi_normal {
  color: #757575;
}
.contact_details ul li span i {
  padding-right: 6px;
  color: #ffffff;
}
.contact_details ul li a {
  color: #ffffff;
}
#slider .socialbox a i, .social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
#slider .socialbox {
    margin-top: 20px;
}
#slider .socialbox a {
  margin: 3px;
  border-radius: 20px;
  background-color: #e7e8e9;
  padding: 12px 6px;
}
/* --------------------------Header---------------------------- */
#header .col-lg-2.col-md-3.top_bar_btn {
    margin-top: 5px;
}
#header .logo img{
  max-height: 123px;
  width: auto;
}
#header {
  width: 100%;
  float: left;
}
.home.page-template div#header {
    position: absolute;
    z-index: 999;
}
#topbar {
  border-top: 10px solid #435061;
}
#site_top .customize-partial-edit-shortcut button{
  left: 0px;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.neseted-inner {
  top: 0;
  position: absolute;
}
.continnerbox {
  background-size: 100% 100%;
  color: #fff;
  border-top: 40px solid #435061;
  border-left: 60px solid transparent;
}
#header .logo, #footer .logo{
  margin-top: -4px; 
  padding: 10px 0; 
}
#header .logo h1, #footer .logo h1{ 
  font-weight:700; 
  padding:0; 
  margin-bottom:8px; 
  font-size:26px; 
  font-weight:bold; 
  margin-top: 0; 
}
.logo a.custom-logo-link{ 
  color:#000000;
}
.logo h1 a, .logo h1 a{
  color: #054e47;
}
.logo p{ 
  color: #2ccdc3;
  margin-bottom: 0;
  font-size: 14px;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
/*----------------Menu bar-----------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
    margin: 0 auto;
    text-align: center;
    display: block;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
  text-align: right;
}
.main-navigation li{
  position: relative;
  margin-top: 21px;
  padding: 0px 15px;
  display: inline-block;
}
.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  position: relative;
  font-size: 14px;
  letter-spacing: 0px;
  color: #054e47;
  font-family: "Montserrat";
  font-weight: 700;
}
.main-navigation a:hover{
  color: #2ccdc3;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #fcfcfc;
  min-width: 215px;
  z-index: 9999;
}

.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}

.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #1e1d1c;
  padding: 8px 0px;
  font-size: 14px;
  line-height: 1.5;
}

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

.main-navigation ul ul li:last-child{
  border-bottom: 0;
}

.main-navigation ul li:hover > ul{
  display: block;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #2ccdc3;
}

.main-navigation .menu > ul > li.highlight{
  background-color: #2ccdc3;
}

.main-navigation .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;
}

.main-navigation ul ul li:hover > a{
  color: #1e1d1c;
}

.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{
  float: left;
  width: 50%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.search-box{
  margin-top: 20px;
  text-align: right;
}
.search-icon{
  cursor: pointer;
}
.search-icon i{
  color: #054e47;
}
/*----------------------Mobile Menu Icon------------------------------*/

/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border-top-color: #e1e1e1;
}

.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;
}

/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.serach_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.closepop {
  position: absolute;
  top: 20%;
  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: #bbb;
  cursor: pointer;
}
.serach_inner form.search-form {
   display: table;
   padding: 0;
   border-radius: 0;
   background: #ffffff;
   margin: 0 auto;
   max-width: 700px;
   width: 100%;
}
.serach_inner form.search-form {
  display: table;
  border: 1px solid #bababf;
  padding: 14px 20px;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
.serach-page input.search-field {
    border: 1px solid #ccc;
    padding: 9px;
}
.search_popup input.search-submit {
  border: 0;
}
.search_popup label {
  background: transparent;
  width: 85%;
}
.search_popup input.search-field {
  padding: 1.5% 0;
  background: transparent;
  width: 100%;
  text-indent: 8px;
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.menubar .social-media a:hover{
  color:#3890cb;
}
i.fas.fa-headphones {
  color: #ffffff;
  font-size: 25px;
  cursor: pointer;
  border-right: 2px solid #ffffff;
  padding: 5px 8px;
  padding: 3px 8px 11px 6px;
}
.consultation a {
  border: 2px solid #fff;
  padding: 8px 7px;
  padding-left: 0;
}
.consultation {
    background-size: cover;
    background-repeat: no-repeat;
}
.consultation span {
  padding: 0 3px;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}
ul.search-consult {
  padding: 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: #22272b;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h3 {
  font-weight: 900;
  color: #2ccdc3;
  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%;
}
.owl-dots {
    display: none;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*------------------------- About-----------------------------*/
#about {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
section#about {
    padding-top: 60px;
    padding-bottom: 0;
}
.about-heading h3{
  font-size: 36px;
  color: #054e47;
  font-family: "Libre Baskerville";
  font-weight: 400;
}
.about-heading h4{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #555a5e;
  font-family: "Montserrat";
  font-weight: bold;
  padding-bottom: 30px;
}
.about-heading img{
  text-align: right;
}
.about-content p {
  width: 550px;
  /*height: 215px;*/
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 36px;
  color: #82a6a3;
  font-family: "Open Sans";
  font-weight: 400;
}
.about-content a {
  display: inline-block;
  margin-top: 25px;
}
#about ul li {
  list-style: none;
}
.li_content i{
  color: #2ccdc3; 
}
.about_img img {
    width: 100%;
}
.about-content {
    margin-right: 20px;
}
h4.subheading {
  font-size: 20px;
  /*letter-spacing: 1px;*/
  line-height: 36px;
  color: #2ccdc3;
  font-family: "Libre Baskerville";
  font-weight: 400;
  font-style: italic;
}
/*color*/
.section h3{
  color: #2ccdc3;
}
#footer h3{
  color: #2ccdc3; 
}
a.about_button.hvr-icon-wobble-horizontal {
    font-size: 14px;
    letter-spacing: 3px;
    color: #ffffff;
    font-family: "Libre Baskerville";
    font-weight: 700;
    background-color: #054e47;
    text-align: center;
    padding:12px 15px;
    border-radius: 3px;
}
.about_button:hover{
  color: #ffffff;
}
.about_button i{
  font-size: 15px;
  margin-left: 3px;
}
/*------------------Progress bar-----------------*/
.progress-bar {
  height: 8px;
  color: #fff;
  background-color: #2ccdc3;
}
.bar_box p{
  font-size: 13px;
  /*color: #ffffff;*/
}
.bar_box span.progress_percentage {
  position: absolute;
  top: -24px;
  color: #fff;
  background-color: #2ccdc3;
  z-index: 999999;
  padding: 4px;
  right: -24px;
  font-weight: bold;
}
/*.bar_box span.progress_percentage:after {
  content: '';
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #ffffff;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}*/
.bar_box .progress-bar{
  position: relative;
  z-index: 1;
}
.bar_box .progress {
  /*background-color: #ffffff;*/
  position: relative;
  overflow: visible;
  margin-bottom: 20px;
}
.video_bgimg{
  background-size: cover;
}
.video_img {
  margin: 25% 45%;
}
.play-button i {
    color: #ffffff;
    font-size: 28px;
    line-height: 40px;
}
.play-button{
  text-align: center;
  padding: 150px;
}
.play-button a {
    border: 3px solid #fff;
    border-radius: 50%;
    padding: 30px 25px 22px 25px;
    background: linear-gradient(270deg, #a91696 30%, #59189b 100%);
}
/*------------------------Testimonials -----------------------------*/
.testi-data{
  padding: 5px;
}
#testimonials .short_text{
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 36px;
    color: #82a6a3;
    font-family: "Open Sans";
    font-weight: 400;
    text-align: center;
    max-width: 613px;
    margin: 0 auto;
}
.testimonials_title{
  font-size: 40px;
  color: #2ccdc3;
  font-family: "Charm";
  font-weight: bold;
  text-align: center;
}
.testimonial_para{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #ffffff;
  font-family: "Montserrat";
  text-align: center;
  padding: 10px;
}
#testimonials .testimonial_box, .testimonial_sbox {    
    text-align: center;

}
.testimonial_sbox{
    padding:10px;
    border:1px solid #ccc;
}
.testimonials-icon {
    display: none;
}
.inner-test-bg .short_text {
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 24px;
  color: #555a5e;
  font-family: "Montserrat";
  text-align: center;
}
.textimonial-img img {
  border-radius: 50%;
  padding: 10px;
}

#testimonials .fancy-title {
  margin: 0 auto;
}
.testimonial_img img {
    text-align: center;
    margin: 0 auto;
    display: table;
}
h3.testimonials_title {
    font-size: 36px;
    color: #054e47;
    font-family: "Libre Baskerville";
    font-weight: 400;
    text-align: center;
    padding-bottom: 40px;
}
.home.page-template section#testimonials {
    background-color: #f5f5f5;
}
.home.page-template .test_shortcode_bg {
  background-color: #ddd;
  padding: 30px 0;
}
#testimonials .owl-nav {
    margin: 12px auto;
    display: block; 
}
.testimonial_name a {
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #054e47;
  font-family: "Libre Baskerville";
  font-weight: 700;
  text-align: center;
}
#testimonials button.owl-dot {
  display: none;
}
#testimonials p {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #054e47;
    font-family: "Libre Baskerville";
    font-weight: 500;
    text-align: center;
}
#testimonials button.owl-prev {
    border: none;
    position: absolute;
    top: 25%;
    left: 0;
    background-color: #e7e8e9;
    border-radius: 33px;
    padding: 13px 20px;
    color: #054e47;
    outline: none;
}
#testimonials button.owl-next {
    position: absolute;
    top: 26%;
    right: 0;
    background-color: #e7e8e9;
    border-radius: 33px;
    padding: 13px 20px;
    border: none;
    color: #054e47;
    outline: none;
}
#testimonials button.owl-dot.active {
  background-color: transparent;
  border: 2px solid #fff;
}

/*-------------------------Most Popular---------------------------*/
section#most-popular {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #054e47;
}
#most-popular .post-image img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    border-radius: 5px;
}
#most-popular h2 {
    font-size: 36px;
    color: #2ccdc3;
    font-family: "Libre Baskerville";
    font-weight: 400;
    text-align: center;
    padding-bottom: 30px;
}
.home.page-template h5.popular_titlle a  {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #ffffff;
    font-family: "Libre Baskerville";
    font-weight: 400;
}
#most-popular h5 {
    padding-bottom:10px; 
    padding-top: 16px;
    margin:0;
}
#most-popular ul li {
    display: inline-block;
}
.featured-course-det {
    font-size: 4px;
    color: #ffffff;
    font-weight: 400;
}
#most-popular ul{
  margin:0;
}
#most-popular li{
  font-size: 13px;
  color: #ffffff;
  font-family: "Libre Baskerville";
  font-weight: 400;
  margin-right: 15px;
}
#most-popular h5 a:hover {
    color: #2ccdc3;
}
/*-------------------------Best seller books-------------------*/
#products p.short_text{
    font-size: 13px;
    letter-spacing: 1px;
    color: #2ccdc3;
    font-family: "Open Sans";
    font-weight: 700;
    text-align: center;
}
#products h5.product_head a {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #054e47;
    font-family: "Libre Baskerville";
    font-weight: 400;
    text-align: center;
    display: table;
    margin: 0 auto;
}
#products .custom-product-price {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #054e47;
    font-family: "Libre Baskerville";
    font-weight: 400;
    text-align: center;
}
#products .box{
    font-family: 'Montserrat', sans-serif;
    overflow: hidden;
    position: relative;
}
#products .box:before{
    content: '';
    background-color: rgba(255,255,255,0.7);
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    transition: all 0.3s ease 0.1s;
}
#products .box:hover:before{
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: 15px;
    opacity: 1;
    animation:bounce-left 1s ease-in forwards;
}
#products .box img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
}
#products .box:hover img{ transform: scale(1.5); }
#products .box .box-content{
    color: #fff;
    text-align: center;
    width: 100%;
    height: 100%;
    transform:translateX(-50%) translateY(-50%) scale(1);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transition:all 0.3s ease 0.5s;
}
#products .box .content{
    opacity: 0;
    transform:translateX(-50%) translateY(-50%);
    position: absolute;
    left:50%;
    top:50%;
    z-index: 2;
    transition:all 0.3s ease 0s;
}
#products .box .post{
    left: 25%;
    text-align: center;
    top: 50%;
    position: absolute;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    /*text-transform: capitalize;*/
    /* display: inline-block; */
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(-500px);
    transition: all 0.8s ease 0.15s;
  }
#products .box:hover .title,
#products .box:hover .post{
    opacity: 1;
    transform:translateY(0);
}
#products span.post a {
    font-size: 14px;
    letter-spacing: 3px;
    color: #ffffff;
    font-family: "Libre Baskerville";
    font-weight: 700;
    text-align: center;
    background-color: #2ccdc3;
    border:none;
}
#products a.product_button {
    font-size: 14px;
    letter-spacing: 3px;
    color: #ffffff;
    font-family: "Libre Baskerville";
    font-weight: 700;
    text-align: center;
    background-color: #2ccdc3;
    margin:0 auto;
    display: table;
    padding: 14px;
    border-radius: 4px;
}
#products .product-text {
    margin-bottom: 40px;
}
#products h3 {
    font-size: 36px;
    color: #2ccdc3;
    font-family: "Libre Baskerville";
    font-weight: 400;
    text-align: center;
    padding-bottom: 45px;
}
section#products {
    padding-top: 60px;
    padding-bottom: 60px;
}
/*------------------------Events-------------------------------*/
#events h2 {
    font-size: 36px;
    color: #2ccdc3;
    font-family: "Libre Baskerville";
    font-weight: 400;
    text-align: center;
    padding-bottom: 35px;
}
#events ul li {
    display: inline-block;
}
#events .box img{
  width: 100%;
  height: auto;
}
#events h5 {
    padding: 0;
}
#events .box-content {
    position: relative;
    top: -170px;
}

.box:nth-child(even) h5 a{
  color:#054e47;
}
.box-content h5 a {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 30px;
    font-family: "Libre Baskerville";
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
    display: table;
    color:#fff;
}

ul.seats {
    font-size: 13px;
    color: #ffffff;
    font-family: "Font Awesome";
    text-align: center;
    margin: 0;
}
#events li {
    margin-left: 5px;
}
.meta-events {
    margin-left: 15px;
}
ul.seats i {
    margin-right: 4px;
    font-size: 14px;
}
#events a.products_button {
    font-size: 14px;
    letter-spacing: 3px;
    color: #ffffff;
    font-family: "Libre Baskerville";
    font-weight: 700;
    text-align: center;
    background-color: #054e47;
    margin: 0 auto;
    display: table;
    padding: 14px;
    border-radius: 4px;
}
section#events {
    padding-top: 60px;
    padding-bottom: 60px;
}

/*-------------------------My Skills----------------------------*/
h2.white_head_title {
    font-size: 36px;
    color: #2ccdc3;
    font-family: "Libre Baskerville";
    font-weight: 400;
}
h6.skills-para {
    font-size: 16px;
    letter-spacing: 0px;
    color: #054e47;
    font-family: "Libre Baskerville";
    font-weight: 400;
}
section#skills {
    padding-bottom: 0;
}
.myskills {
    margin-top: 20px;
}
p.white_head_title {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #82a6a3; 
    font-family: "Open Sans";
    font-weight: 400;
}
a.skills_button {
    padding: 15px 20px;
    font-size: 14px;
    letter-spacing: 3px;
    color: #ffffff;
    font-family: "Libre Baskerville";
    font-weight: 700;
    text-align: center;
    background-color: #054e47;
    border-radius: 3px;
}
.skills-btn {
    padding-top: 35px;
}
/*-------------------------Records----------------------------*/
#our_records h2 {
    font-size: 36px;
    color: #ffffff;
    font-family: "Libre Baskerville";
    font-weight: 400;
    text-align: center;
}
#our_records p {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #ffffff;
    font-family: "Open Sans";
    font-weight: 400;
    text-align: center;
    max-width: 600px;
    margin:0 auto;
    padding-bottom: 45px;
}
#our_records h4.count {
    font-size: 37px;
    color: #ffffff;
    font-family: "Libre Baskerville";
    font-weight: 400;
    font-style: italic;
    text-align: center;
}
#our_records h4.text {
    font-size: 18px;
    color: #ffffff;
    font-family: "Open Sans";
    font-weight: 400;
    text-align: center;
}
#our_records h4.count:after {
    content: "";
    position: absolute;
    background: #2ccdc3;
    height: 3px;
    width: 40px;
    left: 45%;
    top: 0%;
}
section#our_records {
    padding-bottom: 70px;
    padding-top: 70px;
}
/*------------------------- Gallery -----------------------------*/
/* Image Hover */
.view {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.view .mask,
.view .content { 
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.view img {
  display: block;
  position: relative;
  width:100%;
}
.second-effect .mask {
  opacity: 0;
  overflow:visible;
  border:0px solid rgba(0,0,0,0.7);
  box-sizing:border-box;
  transition: all 0.4s ease-in-out;
 }
.second-effect:hover .mask {
  opacity: 1;
}
.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}
#gallery p{
  text-align:center;
  font-size: 35px;
}
.single-post .gallery-image img {
  height: 150px;
}
.gallery-image img{
  height:250px !important;
  width:100%;
}
.gallery_img{
  width: 100%;
  height: 100%;
}
.icon_overlay {
  position: absolute;
  z-index: 99;
  top: 0;
  height: 100%;
  background: #1e5f5894;
  width: 100%;
  opacity: 0;
}
/* gallery */

section#business_gallery {
  padding-top:60px;
  padding-bottom: 60px;
}

figure.gallery-item {
  width: 20%;
  float: left;
}
.gallery-image {
  height: 100%;
  margin-bottom: 30px;
}
.view img {
  display: block;
  position: relative;
  width:100%;
  height:200px;
}
.bwt_img {
  height: 100%;
  width: 100%;
}
.view a.info {
  background: url(assets/images/link.png) center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding: 0;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  top: 43%;
  transform: translate(-50%);
  border-radius: 50%;
}
.second-effect a.info {
  position:relative;
  opacity:0;
  transform:scale(0,0);
  transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  outline:none;
}
.second-effect:hover .mask {
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}
.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}
.secondry-menu ul {
  padding: 50px 0;
  margin: 0;
  text-align: center;
}
.secondry-menu li {
  display: inline-block;
  padding: 5px 25px;
}
.secondry-menu li a {
  color: #929292 !important;
  font-size: 14px;
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-weight: bold;
}
.secondry-menu li a:hover {
  color: #ffbf43;
}
.row-eq-height > [class^=col] {
  display: flex;
  flex-direction: column;
}
.head-inner.text-center {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
#TB_window {
  position: fixed;
  background-color: #fff;
  z-index: 100050;
  visibility: hidden;
  text-align: left;
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  transform: translate(-50%,-50%);
  margin: 0 !important;
}
#business_gallery h3 {
    font-size: 36px;
    color: #054e47;
    font-family: "Libre Baskerville";
    font-weight: 400;
    text-align: center;
}
/*-----------------Heading-----------------*/
.gallery-subheading p {
  color: #555a5e;
  font-family: Montserrat;
  font-size: 14px;
  padding: 10px 0px 10px 0px;
}

.gallery-head {
  text-align: center;
  padding-bottom: 40px;
}
.gallery-heading h3 {
  font-size: 40px;
  color: #054e47;
  font-family: "Charm";
  font-weight: bold;
  text-align: center;
}
/*----------popular single page----------*/
.services_des p {
    font-family: "Libre Baskerville";
    color: #054e47;
}
span.single-popular {
    font-family: "Libre Baskerville";
    color: #2ccdc3;
    font-weight: bold;
    font-size: 15px;
}
/*--------------testimonial single page--------*/
span.single-testimonial {
    font-family: "Libre Baskerville";
    color: #2ccdc3;
    font-weight: bold;
    font-size: 15px;
}
.testimonial_des p {
    font-size: 14px;
    color: #054e47;
    font-family: "Libre Baskerville";
    font-weight: 400;
    font-style: italic;
}
/*--------------single event page-----------*/
span.single-event-meta {
    font-family: "Libre Baskerville";
    color: #054e47;
    font-weight: bold;
    font-size: 16px;
}
div#events_single p {
    font-size: 16px;
    letter-spacing: 1px;
    color: #2ccdc3;
    font-family: "Libre Baskerville";
    font-weight: 400;
    font-style: italic;
}
/* ------------- Newsletter -------------- */

#newsletter .newsletter-head
{
  text-align: center;
}
.news-heading h3 {
  text-align: center;
  font-size: 60px;
  font-weight: 600;
  font-family: Charm;
  color: #ffffff;
}
.news-p {
  max-width: 700px;
  width: 100%;
  margin: 15px auto 25px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  padding: 10px 0px 10px 0px;
}
#newsletter .newsletter-head input[type="email"]
{
  max-width: 60%;
  background-color:#fff;
  border-radius: 40px;
  padding: 17px 10px;
}
#newsletter .newsletter-head input[type="submit"]
{
  border-radius: 40px;
  padding: 7px 20px;
  position: absolute;
  right: 23%;
  margin-top: 8px;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-weight: bold;
  background: linear-gradient(270deg, #a91696 30%, #59189b 100%);
} 
.newsletter-form{
  color: #ffffff;
}
/*------------------Latest Post -----------------*/
.blog-heading h3 {
  font-size: 36px;
  color: #2ccdc3;
  font-family: "Libre Baskerville";
  font-weight: 400;
  text-align: center;
  padding-bottom: 20px;
}
span.entry-date.price.pull-right {
    margin-right: 15px;
}
.border_box span {
    margin-right: 15px;
}
.blog-subheading p {
  color: #054e47;
  font-family: Montserrat;
  font-size: 14px;
  padding: 10px 0px 10px 0px;
}
.post-subheading {
  font-size: 14px;
  color: #054e47;
  padding: 10px 0px 10px 0px;
}
.latest_post_text span {
  font-size: 13px;
  color: #b1c8c6;
  font-family: "Libre Baskerville";
  font-weight: 400;
}
.blog_shorttext{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #555a5e;
  font-family: "Montserrat";
  text-align: center;
}
#latest_post .owl-carousel .owl-item img{
  width: 100% !important;
}
#latest_post .about-heading {
  padding: 0;
}
.latest_post_text i{
  color: #054e47 !important;
}
.post_thumb {
  position: relative;
}
h4.latest_post_name a {
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #054e47;
  font-family: "Libre Baskerville";
  font-weight: 400;
}
.tags{
  padding: 25px 0 15px;
  text-transform: uppercase;  
}
.tags a{
  text-transform: capitalize;
  border: solid 1px #66686b;
  padding: 3px 15px;
  border-radius: 15px;
  color: #66686b;
  margin: 2px 5px;
  display: inline-block;
}
.discover-btn {
  border-left: solid 5px #054e47;
  margin: 20px 0 0;
}
.discover-btn a {
  color: #002b46;
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px;
}
.discover-btn a:hover {
  color: #054e47;
}
#latest_post .owl-dots {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
#latest_post button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 2px;
  background-color: #ffffff;
  border: solid 2px #002b46;
  display: block;
  margin: 5px auto;
}
#latest_post button.owl-dot.active {
  background-color: #054e47;
  border: solid 2px #054e47;
}
#latest_post button:focus {
  outline: inherit !important;
}

/*.latest_post_text {
  max-width: 80%;
  background-color: #efefef;
  padding: 20px;
  text-align: center;
  margin: 0 auto;
}*/
.post-box {
  position: relative;
}
#latest_post .owl-nav {
    display: none;
    margin: 0;
}
#latest_post .post_thumb img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    border-radius: 5px;
}
#latest_post .owl-prev{
  position: absolute;
  left: -30px;
  top: 10em;
  border: none;
  padding: 10px 18px;
  border-radius: 50%;
}
#latest_post .owl-next{
  position: absolute;
  right: -30px;
  top: 10em;
  border: none;
  padding: 10px 18px;
  border-radius: 50%;
}
.latest_post_box {
    margin: 0px 15px;
}
#latest_post button i{
  color: #054e47;
}
#latest_post button.owl-prev, #latest_post button.owl-next {
    background: #efefef;
}
/*-----------------------Footer Newsletter-----------------*/
.footernews-heading h3{
  font-size: 40px;
  color: #054e47;
  font-family: "Charm";
  font-weight: bold;
  text-align: center;
}
.footernews-heading p{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #054e47;
  font-family: "Montserrat";
  text-align: center;
}

.footercon-right {
    margin: 25px;
  }
.sec-heading.text-center p {
  color: #054e47;
  font-size: 14px;
  padding: 15px;
}

/*-----------Footer Newsletter-----------*/
#footernewsletter .news_content {
  margin: 25px; 
}
#footernewsletter label {
  display: block;
}
#footernewsletter input[type="email"] {
  width: 80%;
  color: #212121;
  background-color: #ffffff;
}
#footernewsletter input[type="submit"] {
  border-radius: 40px;
  padding: 7px 20px;
  position: absolute;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Libre Baskerville";
  font-weight: bold;
}
.contact-fields span {
  color: #054e47;
  font-size: 18px;
  font-family: Montserrat;
}
.con-location span {
  padding: 15px 10px 15px 10px;
}
.con-location {
  margin-bottom: 12px;
}

.contact-fields i {
    color: #2ccdc3;
    font-size: 18px;
}
span.con-email {
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}
#footernewsletter input[type="submit"]:hover {
  background-color: #054e47;;
  color: #ffffff;
}
#footernewsletter .news_inner {
  padding: 40px;
  margin-top: -50px;
  z-index: -1;
}
#footernewsletter .news_inner {
  margin-top: 0px !important;
}

#footernewsletter  input[type="text"],
#footernewsletter  input[type="tel"],
#footernewsletter  input[type="phno"],input[type="password"],
#footernewsletter  textarea,
#footernewsletter  input[type="email"]{
  width: 100% !important;
  font-size: 13px;
  color: #054e47;
  font-family: "Montserrat";
  padding: 10px 10px;
  margin: 0 0px 8px 0;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  font-size: 14px;
  letter-spacing: 0px;
  color: #054e47;
  font-family: "Libre Baskerville";
  font-weight: 400;
}
#footernewsletter  textarea{
  height: 100px;
}
#footernewsletter  input::placeholder,
#footernewsletter  textarea::placeholder {
  color: #054e47;
}

/*-------------Footer Copyright-------------*/
#return-to-top {
    background: #fff;
    padding: 20px 25px;
    border-radius: 50px;
    position: relative;
    bottom: 50px;
}
#return-to-top i{
  color: #2ccdc3;
}
#footer_box .socialbox a i {
    padding-top: 10px;
    width: 40px;
    /* padding: 10px; */
    background-color: #e7e8e9;
    /* border: 2px solid; */
    border-radius: 52px;
    margin: 3px;
    height: 40px;
    text-align: center;
}
#footer_box .socialbox a i:hover{
  background-color: #2ccdc3;
  color: #fff;
}
/*------------------ Single Testimonials -----------------*/
#testimonial_single .testimonial_des {
    margin-bottom: 25px;
    color: #555;
    line-height: 24px;
}
#testimonial_single blockquote {
  padding: 1.25em 40px;
  color: #383838;
  background: #ffffff;
  border: 1px solid #ddd;
  width: 100%;
}

/*------------------------- Testimonial Shortcode --------------------------*/
.testimonial-shortcode .testimonials_inner {
    border: solid 2px #002b46;
}
.our_testimonials_outer.testimonial-shortcode {
    margin-top: 2em;
}
.testimonial-shortcode .testimonials_inner:hover{
  border: solid 2px #fec200;
}
h1.staf-testimonial_title {
  font-size: 24px;
  font-weight: bold;
}
.testimonial-shortcode .testimonials-icon img {
  width: 100%;
}
/*------------------Events Shortcode----------------*/
.box-content-events {
    text-align: center;
    padding-top: 20px;
    color: #ffffff;
}
span.meta-eventss {
    font-size: 16px;
    font-family: "Libre Baskerville";
    margin-left: 5px;
}
.box-content-events i {
    margin-left: 10px;
}
span.meta-popular {
    font-size: 14px;
    font-family: "Libre Baskerville";
    margin-left: 7px;
}
.popular-img img {
    width: 100%;
    border-radius: 4px;
}
/*-----------------Popular shortcode---------------*/
h5.popular-title a {
    color: #000;
}
/*------------------ Contact Page -----------------*/
/*.c_icon {
  display: table;
  margin: 0 auto;
  padding: 25px 8px;
  border: 2px solid #2ccdc3;
  border-radius: 50%;
}*/
.contac_form h3 {
    color: #d3037b;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
/*.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
}*/
.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-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  height: 140px;
  background-color: #f2f2f2;
  border: 2px solid #f2f2f2;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  width: 100% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;

}
.contac_form.col-md-12 {
  margin-top: 20px;
}
section#contact-box{
  padding:0;
  margin:0;
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 0;
  width: 100%;
  border-top:1px solid #2ccdc3;
  border-bottom: 1px solid #2ccdc3;
  margin-bottom: 30px;
}
.inner-cont {
  padding: 10px 5px;
  background: #ffffff;
}
.contac_form h3 {
  text-align: center;
  margin: 20px auto;
  display: table;
}
.contact-email i, .contact-address i, .contact-phone i {
  font-size: 25px;
  height: 40px;
  line-height: 30px;
  width: 30px;
  color: #2ccdc3;
  text-align: left;
}
.contact-info .head{
  color:#000;
}
p.contact-para {
    text-align: right;
    margin-right: -15px;
}
span.phone-class {
    color: #000;
    /* color: #2ccdc3; */
    font-weight: bold;
}
.contact-address, .contact-email, .contact-phone {
  margin: 20px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
/*.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
}*/
/*.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}*/
.contac_form label{
  width: 100%;
}
.contact-address:hover i, .contact-email:hover i, .contact-phone:hover i{
  color: #054e47;
}
.contact-address:hover .c_icon, .contact-email:hover .c_icon,
.contact-phone:hover .c_icon{
  border-color: #054e47;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
/*---------------- Footer Section ----------------------*/
#footer{
  background-size: cover;
}
#footernewsletter .socialbox i {
    color: #054e47;
}
.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;
  margin: 0 2px;
}
#footer input, #footer textarea{
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
#footer textarea{
  height: 100px;
  background-color: #fff;
  font-size: 14px;
  letter-spacing: 0px;
  color: #054e47;
  font-family: "Libre Baskerville";
  font-weight: 400;
}
#footer p.post-date {
    color: #ffffff;
    font-size: 11px !important;
}
.copyright p {
  font-size: 16px;
  letter-spacing: 0px;
  color: #054e47;
  font-family: "Libre Baskerville";
  font-weight: 400;
  text-align: center;
  margin: 0 auto;
  display: table;
}
/*.socialbox {
  text-align: right;
}*/
.main_sociobox {
    padding: 30px 10px;
}
#footer{ 
  text-align:center;
  color:#fff;
  padding:3em 0 0 0px;
  text-align:left;
}
.footer_hide{
  display:none;
}
.footer-top-col {
    border-left: solid 5px #2ccdc3;
    padding-left: 15px;
}
.container #blog-right-sidebar h3, #footer h3{
  color:#2ccdc3;
  text-align:left;
  font-size:24px;
}
#footer .copyright p{
  font-size: 16px;
  letter-spacing: 0px;
  color: #054e47;
  font-family: "Libre Baskerville";
  font-weight: 400;
  text-align: center;
}
.copyright {
    background-color: #2ccdc3;
}
#footer .copyright a {
    color: #fff;
  cursor: pointer;
}
#footer input{
  padding:8px 8px; 
  float:left;
  margin:5px 0;
  border-radius:0px;
  background-color:#fff;
}
#footer input[type="submit"] {
  background-color: #2ccdc3;
  color: #ffffff;
  text-transform: uppercase;
}
#footer .copyright{
  text-align:center; 
  border-top:1px solid #2ccdc3;
  margin:30px 0 0 0;
  padding-top:40px;
}
#footer ul {
    margin: 0;
}
#footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  text-align:left;
  padding: 5px;
}
.footer_menu ul li{
  display: inline-block;
}
#footer ul li a:hover {
    color: #2ccdc3;
}
.footer_menu ul li a{
  padding-right: 50px;
}
.footer_menu .current_page_item a{
  color: #2ccdc3;
}
#footer ul li a{
  color:#ffffff;
}
#footer p{
font-size:16px;
margin: 0;
line-height: 20px;
font-family: "Libre Baskerville";
}
.widget_recent_entries img {
  width: 100px;
}
#footer h3 {
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Libre Baskerville";
  font-weight: 700;
  padding-bottom: 12px;
}
span.con-loc {
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}
h3.social_title {
    margin-top: 40px;
}
.footer-cols {
  padding-bottom: 20px;
}
.about_me table, .about_me td, .about_me th{
  border: none;
}
.about_me td i{
  color: #2ccdc3;
  font-size: 20px;
}
.about_me p.message {
    margin-bottom: 20px !important;
}
.vw-credit, .vw-credit a{
  color: #ffffff;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #054e47;
  padding: 12px 10px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 15px;
  letter-spacing: 3px;
  width: 26px;
  text-align: center;
}
.social_widget a:hover{
  background: #2ccdc3;
  color: #fff;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox {
   width: 100%;
   border: none;
}
#full-width-blog .postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 20px;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 0 0;
}
.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;
}
.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 {
  margin: 10px;
}
.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;
    border-top: 1px solid #2ccdc3;
    border-bottom: 1px solid #2ccdc3;
}
.metabox .entry-date{
  background:url('assets/images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}
.metabox .entry-author{
  background:url('assets/images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('assets/images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
    margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
/* --------- 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;
}
ol.carousel-indicators {
  position: static !important
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  color: #333333;
  border-radius: 50%;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background: #2ccdc3;
  color: #ffffff !important;
  border: 1px solid #2ccdc3;
}
.navigation span.page-numbers.current{
  background: #ffffff;
  border: 1px solid #2ccdc3;
  color: #000000 !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
}
aside#search-3 {
  padding: 0 !important;
}
.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:#f1f1f1; 
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs a:hover{
  background-color:#2ccdc3;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title{
  font-size:20px; 
  font-weight:bold;
}
#comments h3.comment-reply-title{
  font-size:20px; 
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px; 
  font-size:18px;
}
#comments input[type="submit"].submit {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  color: #ffffff;
  border-left: 1px solid #2ccdc3;
  border-right: 1px solid #2ccdc3;
  border-bottom: 3px solid #2ccdc3;
  text-transform: uppercase;
  border-top: none;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  text-align:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  padding: 2px;
}
/*------slider-----*/
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
#slider ul li {
    margin: 0px;
    font-size: 16px;
    display: inline-block;
}
h5.details-title {
    margin-left: 15px;
}
#slider ul{
  margin: 0;
}
#slider blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  font-family: "Anton";
  position: absolute;
  left: -4%;
  top: -18px;
  color: #2ccdc3;
}
.inner_carousel {
    padding-top: 50px;
}
#slider blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
 font-family: "Anton";
  right: 8%;
  color: #2ccdc3;
  bottom:-50px;
}
#slider blockquote {
  font-size: 18px;
  font-style: italic;
  width: 550px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  background-color: transparent;
}
#slider h2 {
  opacity: 0.4;
  line-height:90px;
  font-size:60px;
  font-weight: 900;
  color: #455665;
  font-family: "Courgette";
}
#slider h6 {
    max-width: 550px;
    padding-bottom: 25px;
    font-size: 30px;
    color: #054e47;
    font-family: "Libre Baskerville";
    font-style: italic;
}
h5.details,h5.details-title {
    color: #054e47;
    font-size: 22px;
    font-family: "Playfair Displa";
}
#slider p{ 
  color:black; 
  font-weight:700; 
  margin:15px 0 37px 0; 
  line-height:20px; 
  border-radius:0 0 5px 5px; 
  font:16px/20px lato; 
}
#slider span i {
    font-size: 30px;
    color: #2ccdc3;
}
img.slide_img {
   width: auto !important;
}
#slider p.price {
  font-size: 22px !important;
}
.slider-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /*padding: 20px;*/
    max-width: 72%;
}
.carousel-item img {
    width: 100%;
}
#slider .carousel-caption {
  margin-top:1.5em;
  top: 50%;
  transform: translateY(-50%); 
  bottom: inherit;
  text-align: left;
  left: 10%;
  right: 10%;
}
#slider ul.right-side-content {
    margin: 0;
}
a.blog-more{ 
  display:inline-block; 
  font:400 16px 'Roboto Condensed', sans-serif; 
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}
#slider .carousel-control-next, #slider .carousel-control-prev {
  width: 10%;
  display: block !important;
  background-color: #000;
}

#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active {
    display: block !important;
  }
#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon{
  /*background-image:none; */
  display: block;
}
#slider ol.carousel-indicators{
  position: relative !important;
  top: -30px;
}
#slider ol.carousel-indicators li{
  border-radius: 0;
  max-width: 12px !important;
  height: 12px;
}
#slider .carousel-control-next,
#slider .carousel-control-prev{
  display: block;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: auto;
  height: auto;
  background-color: #2ccdc3;
  position: absolute;
}
#slider ol.carousel-indicators li{
  background-color: #054e47;
}
#slider li.active{
  background-color: #2ccdc3 !important;
}
#slider a i {
  padding-top: 10px;
  height: 50px;
  text-align: center;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  font-size: 22px;
  color: #000000;
}
#slider .socialbox a i {
  margin:5px;
  font-size: 16px;
  padding-top: 15px;
  color: #054e47;
}
.inner_carousel h2 small {
  color: #ffffff;
  display:block;
  margin-bottom: 20px;
}
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{
  display: none;
}
#slider .socialbox a i:hover{
  color:#fff;
}
#slider .socialbox a:hover{
  background-color: #2ccdc3;
}
/*--------------- Sidebar -----------------*/
#sidebar .textwidget input[type="submit"]{
  width: 100%;
}
#sidebar .textwidget label {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
    background: #333;
    border: none;
    color: #ffffff;
    padding: 14px 0;
    font-size: 15px;
    margin: 0;
}
#sidebar form{
  display: table;
  width: 100%;
  border: 1px solid #bbb;
}
#sidebar h3 {
   margin: 0 0 10px;
   font-size: 20px;
   color: #2ccdc3;
}
#sidebar h3:after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #054e47;
  margin-top: 7px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:10px 10px; 
  border:none; 
  font-size:15px; 
  color:#000;width:100%;
}
#sidebar label{
  width:68%;
  float:left;
  margin-bottom:0;
}
#sidebar input[type="submit"]{
  background-color: #2ccdc3;
  border: none;
  color: #000000;
  padding: 9px 15px;
  font-size: 10px;
  margin: 5px;
}
#sidebar aside{
  margin-bottom:30px;
  border:1px solid #bbb;
  padding: 10px;
}
#sidebar ul {
  list-style:none;
  margin:0; 
  padding:0; 
  font-size:17px;
}
#sidebar ul li{ 
  line-height: 32px;
  background: url('./images/arrow-right.png') no-repeat 0px 10px;
}
#sidebar ul li a{ 
  color:rgba(0, 0, 0, 0.78);
}
#sidebar .tagcloud a{
  background:#eeeeee; 
  color:#000; 
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px; 
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#3890cb;
}
#sidebar .widget_recent_entries ul li{ 
  background: none;
}
#sidebar .post-content {
    line-height: 20px;
    margin-bottom: 15px;
}
span.credit_link a {
  color: #054e47;
}
a.custom_google {
  background: #fff;
}
a.custom_linkedin {
  background: #fff;
}
a.custom_pinterest {
  background: #fff;
}
a.vk {
  background: #fff;
}
a.custom_tumblr {
  background: #fff;
}
a.flicker {
  background: #fff;
}
a.custom_facebook {
  background: #fff;
}
a.custom_twitter {
  background: #fff;
}
a.custom_instagram {
  background: #fff;
}
a.custom_youtube {
  background: #fff;
}

/*------------- 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);
  font-size: 34px;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0;
}
 
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -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;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333; 
  color:#ffffff;
  font-weight:normal;
}

/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
    padding: 0;
    border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
/*-------------- Main Title ---------------*/
.main_title h1{
  color: #054e47;
}
.main_title h1:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #2ccdc3;
  margin-top: 7px;
}
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  border-radius: 50%;
  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;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
    display: block !important;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background: #ffffff;
  border: 1px solid #000;
  padding: 6px 9px;
}
.owl-nav {
  margin: 12px auto;
  display: none;
}
button.owl-next.disabled, button.owl-prev.disabled {
    background: #bbb;
}
/*-------------- 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: #2ccdc3;
  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: #2ccdc3;
}
.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: #ffffff;
  color: #333333;
  border: 1px solid #2ccdc3;
}
#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: #2ccdc3;
  padding: 0;
}
.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;
}
/*-------------- media section ---------------*/
@media screen and (max-width:1199px) {
  .why-choose-us-icon-line:after {
    height: 56px;
    margin-left: 2%;
    margin-top: 5%;
  }
}
@media screen and (max-width:767px) {
  .play-button {
    padding: 100px;
  }
  .services-img{
    text-align: center;
  }
  .services-content{
    padding: 0 0!important;
  }
  .services-icon {
    padding: 3px 10px;
    width: 30px;
    height: 30px;
  }
  .video_img {
    margin: 25% 40%;
  }
  .contact_details ul li{
    text-align: center;
  }
  .about-content a {
    margin-bottom: 10px;
  }
  .about-content{
    margin: 0;
  }
  .top_bar_btn {
    text-align: center;
    margin-bottom: 20px;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  
  #slider p.font-weight-bold {
      display: none;
  }
  .gallery-image img{
    height: 140px !important;
  }
  div#TB_window {
    width: 90% !important;
  }
  #testimonials .owl-dots {
    text-align: center;
    margin-top: 20px;
  }
  #our_records h4, .counter_inner {
    text-align: center;
  }
  .testimonialwrapper-box{
    margin-bottom: 50px;
  }
  #header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .fadeInRight{
    animation-name: unset !important;
  }
  .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{
    min-height: 60px;
  }
  #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;
  }
  #slider p {
    display: none;
  }
  .about-sec,
  .about-image{
    width: auto;
    float: none;
  }
  .about-sec{
    margin-bottom: 40px;
  }
  .about-image{
    max-width: 400px;
    margin: 0 auto;
  }
  #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;
  }
  .innermenubox {
    position: static;
  }
  .contact-box .wpcf7 input[type="text"],
  .contact-box .wpcf7 input[type="email"],
  .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
}
@media screen and (max-width:576px) and (min-width: 0px) {
  #newsletter .newsletter-head input[type="email"] {
    max-width: 100%;
  }
  .home.page-template div#header{
    position: relative;
  }
  .search_popup label{
    width:65%;
  }
  #slider ol.carousel-indicators{
    top:-20px;
  }
  #slider ol.carousel-indicators li{
    max-width: 8px !important;
    height: 9px;
  }
  #events li{
    margin-left:0;
  }
  .logo h1 a, .logo h1 a{
  color: #054e47;
  font-size: 12px;
  }
  .post-image img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100% !important;
  }
  .search-box{
    margin-top: 10px;
  }
  span.meta-eventss{
    font-size: 16px;
  }
  #products .box .post{
    left:15%;
  }
  .toggle-nav {
    margin: 0 auto !important;
  }
  #footer{
    padding:0;
  }
  .about-heading h3{
    padding-top: 10px;
  }
  #testimonials button.owl-prev,#testimonials button.owl-next{
    top:65%;
  }
  #our_records h2{
    font-size: 35px;
  }
  .skills-btn{
    margin-bottom: 10px;
  }
  section#about{
    padding-top: 0;
  }
  #most-popular h5 a{
    text-align: center;
    display: table;
    margin: 0 auto;
  }
  .featured-course-det {
    text-align: center;
  }
  #newsletter .newsletter-head input[type="submit"] {
    position: absolute;
    right: 16px;
    padding: 7px 9px;
  }
  .about-content p{
    width: auto;
  }
  #latest_post .owl-nav {
    display: none;
  }
  #site_top ul.left-side-content {
    display: grid;
  }
  #slider h2 {
    font-size: 20px;
  }
  ul.contacts {
    display: none;
  }
  .slider-box{
    padding: 0;
    top:-70px;
    left:8.5%;
  }
  .toggle-nav{
    margin:0 auto;
  }
  #slider a.theme_white_button{
    padding: 5px;
    margin-top: 0;
    font-size: 10px;
    margin-bottom: 5px;
  }
  #slider h6,#slider blockquote,#slider .social-icons{
    display: none;
  }
  a.theme_white_button {
    margin-top: 10px;
    padding: 10px 14px;
    font-size: 12px;
  }
  blockquote{
    width: 100%;
  }
  .media-small {
    padding-left: 10px !important;
  }
  .small_media {
    padding: 10px 0;
  }
  .copyright p{
    text-align: center !important;
    padding: 5px 0;
  }
  #slider p{
    margin: 0 0 9px 0;
  }
  #slider h5{
    font-size: 16px;
  }
  #slider a i{
    padding: 1px;
  }
  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%;
  }
  #events h5 a{
    font-size: 20px;
    line-height: 30px;
  }
  #events h5 a{
    top:6%;
  }
  ul.seats i{
    font-size: 13px;
  }
  #events li{
    font-size: 16px;
  }
}
@media screen and (min-width: 577px) and (max-width:767px){
  #events h5 a{
    font-size: 13px;
    line-height: 20px;
  }
  .home.page-template div#header{
    position: relative;
  }
  .search_popup label{
    width:84%;
  }
  #events .box-content {
    position: relative;
    top: -129px;
  }
  span.meta-eventss{
    font-size: 13px;
  }
  .logo h1 a, .logo h1 a{
    font-size: 15px;
  }
  .shorthcode input[type="submit"]{
    margin-bottom: 15px;
  }
  .search-box{
    margin-top: 10px;
  }
  #sidebar label{
     width: 59%;
  }
  ul.contacts{
    display: none;
  }
  #events li{
    font-size: 12px;
  }
  .toggle-nav{
    margin: 0 auto !important;
  }
  #slider h2{
    font-size: 36px;
    padding-top: 0px;
  }
  .about-heading h3{
    padding-top: 10px;
  }
  #slider a.theme_white_button{
    padding: 4px 16px;
    font-size: 12px;
  }
  #most-popular h5 a{
    font-size: 14px;
  }
  #testimonials .short_text{
    font-size: 14px;
  }
  #products .box .post{
    left: 17%;
  }
  #slider blockquote:before,#slider blockquote:after{
    font-size: 50px;
  }
  #slider blockquote:before{
    left: 0;
  }
  #slider blockquote:after{
    bottom: -10px;
    right: 20%;
  }
  #slider h6{
    font-size: 17px;
    padding-bottom: 0;
  }
  #slider a.theme_white_button{
    margin-top: 0;
  }
  #slider .socialbox {
    margin-top: 0px; 
    display: none;
  }
  h5.details, h5.details-title{
    font-size: 15px;
  }
  #slider blockquote{
    /*width: 465px;*/
    display: none;
  }
  #site_top .contact_details ul li span {
    font-size: 8px;
  }
  #site_top .col-lg-8.col-md-8.col-sm-8.pl-0 {
    margin-top: 8px;
  }
}
@media screen and (max-width:719px) {
  .menubar.scrolled.hmenu {
    background-color: #222222;
    height: auto; 
  }
  .contact-info {
    margin: 0 !important;
  }
  .search-box{
    float: none;
  }
  .menubar .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  
  span{
    text-align: right;
  }
}
@media screen and (max-width:768px) {
  #slider .inner_carousel {
    padding: unset;
  }
  .menubar {
    position: relative;
    right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width:991px){
  #site_top .contact_details ul li span {
    font-size: 12px;
  }
  .toggle-nav{
    margin: 5px auto !important;
  }
  #skills p.white_head_title {
    font-size: 15px;
    line-height: 24px;
  }
  h6.skills-para {
    padding-top: 0;
    padding-bottom: 3px;
  }
  #skills h2.white_head_title {
    font-size: 28px;
  }
  .box-content-events i{
    margin-left: 3px;
  }
  #events h5 a{
    font-size: 16px;
  }
  .share_icon i{
    margin:0;
    width: 33px;
  }
  .skills-btn {
    margin-bottom: 27px;
    padding-top: 19px;
  }
  #sidebar label{
     width: 59%;
  }
  .slider-box{
    max-width:100%;
    right: 20%;
  }
  #slider blockquote:after{
    font-size: 60px;
    right: 40%;
  }
  #slider blockquote{
    padding:0;
    margin:0;
    width: auto;
  }
  h5.details, h5.details-title{
    font-size: 15px;
  }
  #slider h6{
    margin-bottom: 20px;
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  #slider a.theme_white_button{
    margin-top: 10px;
  }
  #slider .socialbox{
    display: none;
  }
  #slider blockquote:before{
    font-size: 60px;
    top: -40px;
  }
  .about-content a{
    margin-bottom: 10px;
    margin-top:0px;
  }
  #slider h2{
    font-size: 30px;
  }
  .about-content p{
    width: auto;
  }
  .about-heading h3{
    font-size: 20px;
  }
  .about-content p{
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 5px;
  }
  a.about_button.hvr-icon-wobble-horizontal {
    padding: 10px;
    font-size: 12px;
  }
  h4.subheading{
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 10px;
    padding-top: 0;
  }
  #site_top .col-lg-8.col-md-8.col-sm-8.pl-0 {
    margin-top: 9px;
  }
  #header .col-lg-2.col-md-3.top_bar_btn {
    margin-top: 12px;
  }
}
@media screen and (max-width:991px) {
  .why-choose-us-icon-line:after {
    display: none;
  }
  .why-choose-box{
    margin-top: 10px;
  }
  #about p.text-uppercase.font-weight-bold {
    font-size: 11px;
  }
   #team .team-image img {
    width: 100% !important;
  }
  .toggle-nav {
    right: 0px;
  }
  .search-box{
    float: none;
  }
  .search-box form.search-form{
    margin: 0 auto;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  #footer input[type="submit"] {
    padding: 9px 3%;
  }
  .socialbox a i{
    /*font-size: 12px;*/
    width: auto;
  }
  small {
    font-size: 13px !important;
  }
  #slider a i {
    padding: 5px 8px;
    font-size: 15px;
  }
}
@media screen and (min-width: 992px) and (max-width:1024px){
  .about-content p{
    width: auto;
    font-size: 15px;
  }
  .slider-box{
    right: 38%;
  }
  #about h3 {
    font-size: 25px;
  }
  #about h4.subheading {
    font-size: 16px;
    line-height: 29px;
  }
  #skills h2.white_head_title {
    font-size: 30px;
  }
  h6.skills-para {
    padding-bottom: 3px;
    padding-top: 5px;
  }
  .search-box{
    margin-top: 30px;
  }
  #sidebar label{
    width: 59%;
  }
  .about-content a{
    margin-top: 10px;
    margin-bottom: 20px;
  }
  #slider h6{
    font-size: 20px;
  }
  .skills-btn{
    padding-top: 10px;
    margin-bottom: 25px;
  }
  #slider h2{
    font-size: 40px;
  }
  #events h5 a{
    font-size: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width:1200px){
  .about-content p{
    width: auto;
    font-size: 15px;
    line-height: 25px;
  }
  #skills h2.white_head_title {
    font-size: 30px;
  }
  h6.skills-para {
    padding-bottom: 3px;
    padding-top: 5px;
  }
  span.meta-eventss{
    font-size: 12px;
  }
  #sidebar label{
    width: 59%;
  }
  .skills-btn{
    padding-top: 10px;
    padding-bottom: 20px;
  }
  #events ul li{
    font-size: 12px;
  }
  #events h5 a{
    font-size: 15px;
  }
  .about-heading h3{
    font-size: 30px;
  }
}
@media screen and (max-width: 1024px){
  .main-navigation ul ul{
    background-color: transparent;
    position:static;
  }
  .main-navigation li {
     margin-top: 0px; 
    line-height: 45px;
    }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .toggle-nav {
    display: none;
    position: relative;
    float: right;
    right: 15px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 15px auto;
    right: 0;
    text-align: right;
    right: 0;
    margin-right: 0;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #000000;
  }
  .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: #2ccdc3;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .toggle-nav{
    display: block;
  }
  .innermenubox {
    position: static;
  }
  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .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: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .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: 100%;
  }
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }
  .nav ul li a:hover{
    color:#2ccdc3;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
}

/* Icon Grow */
#header .hvr-icon-grow {
  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;
}
#header .hvr-icon-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#header .hvr-icon-grow:hover .hvr-icon, 
#header .hvr-icon-grow:focus .hvr-icon,
#header .hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-top {
  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;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
#about .hvr-icon-wobble-horizontal {
  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;
}
#about .hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#about .hvr-icon-wobble-horizontal:hover .hvr-icon, 
#about .hvr-icon-wobble-horizontal:focus .hvr-icon, 
#about .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

#header .hvr-icon-wobble-horizontal {
  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;
}
#header .hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#header .hvr-icon-wobble-horizontal:hover .hvr-icon, 
#header .hvr-icon-wobble-horizontal:focus .hvr-icon, 
#header .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
embed{
  max-width: 100%;
}
.modal-footer button {
    cursor: pointer;
}