/*
Theme Name: Forest Safari Pro
Theme URI:https://www.revolutionwp.com/wp-themes/safari-wordpress-theme/
Author:Revolutionwp
Author URI:https://www.revolutionwp.com
Description: The startup WordPress theme is a smart, creative, stylish theme giving a strong platform to startups to introduce themselves in the most professional way to the world. The theme is made for innovative startups, online business ventures, entrepreneurs, IT companies and tech stratups. It can be made to be used for personal website or blog. The theme is designed to give maximum exposure to your new business and will help establish yourself in this highly competitive environment. The theme is responsive looking absolute marvel on varying device screens. It is made cross-browser compatible to load smoothly on all browsers. It is translation ready with RTL support. The startup WP theme has clean and secure code complying with WordPress standards. The social media icons included in the theme makes your content shareable on various networking platforms like Facebook, twitter etc. It follows proper design structure to get higher SEO rank among your rival sites.
Version: 0.0.1
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License
License URI:license.txt
Text Domain: forest-safari-pro
Tags:
*/
/* Basic Style */
:root {
  --white: #ffffff;
  --black: #000000;
  --peachorgan2:#383838;
  --lightgray:#5b5b5b;
  --black2:#333333;
  --lightgreen:#057357;
  --gary:#bbbbbb;
  --darkgarnishblue:#424648;
  --dimgray:#686868;
  --darkblue:#1E212D;
  }
  :root {
  --common-font-body: 'Quicksand';
}
*{
  margin:0;
  padding:0;
  outline:none;
}
html body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:var(--white);
  position:relative;
  font-size: 14px;
  color:var(--lightgray);
  font-family: var(--common-font-body);
}
label {
  margin-bottom: 3px !important;
}
img{
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
img.alignnone.wp-image-907,img.wp-image-907 {
  border: 3px solid var(--gary);
}
section img{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{
  margin:0;
  padding:10px 0;
  line-height: 1.4;
  letter-spacing: 1px;
  color:var(--lightgray);
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:14px;
  font-weight:normal;
}
p, ul li a{
  letter-spacing: 0px;
  font-family: 'Open Sans';
}
body a{
  text-decoration:none;
  color:var(--lightgreen);
}
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: var(--peachorgan2);
}
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -30px;
  color: #7a7a7a;
}
blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: 33%;
  bottom: -55px;
  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 var(--darkgarnishblue);
  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: var(--white);
  text-transform: uppercase;
  border: none;
  background-color: var(--lightgreen);
}
input[type="submit"]:hover{
  cursor: pointer;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{
  margin:0;
  padding:0;
  background-color:var(--white);
}
.alignleft,img.alignleft{
  display: inline;
  float: left;
  margin-right:20px;
  margin-top:4px;
  margin-bottom:10px;
  padding:0;
  padding:5px;
  border: 1px solid var(--gary);
}
.alignright, img.alignright {
  display: inline;
  float: right;
  padding:5px;
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
  border: 1px solid var(--gary);
}
.aligncenter, img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
  padding:5px;
  border: 1px solid var(--gary);
}
.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:var(--white);
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:var(--white);
  background:#0c5f96;
}
table, td, th {
  border: 1px solid black;
  text-align: center;
}
.spinner-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--lightgreen);
  cursor: pointer;
  z-index: 9999;
}
.spinner-loading-box .lds-ripple{
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translateY(-50%);
}
.spinner-loading-box .lds-ripple div {
  position: absolute;
  border: 4px solid var(--black);
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.spinner-loading-box .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  left: 20px;
  background:var(--lightgreen);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -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: 99;
}
#return-to-top i {
  color: var(--white);
  position: relative;
  top: 13px;
  font-size: 19px;
  -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 18px;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: var(--white);
  top: 5px;
}
#return-to-top.left{
   left: 10px;
   right: auto;
}
#return-to-top.center{
   left: 50%;
   right: 50%;
}
#return-to-top.right{
   left: auto;
   right: 5%;
}
/*-------------------------- 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 var(--black);
}
.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: var(--black);
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: var(--gary);
  color: var(--white);
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,.widget_calendar tbody a:focus {
  background-color: var(--dimgray);
  color: var(--white);
}
.widget th,.widget td {
  padding: 3px;
}
/* ---------Buttons--------- */
a.button{
  border: 2px solid #3890cb ;
  background:#3890cb;
  color: var(--white);
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase;
  font-weight:bold;
}
a.theme_button {
  color: var(--white);
  border: none;
  /*text-transform: uppercase;*/
  letter-spacing: 1px;
  padding: 18px 20px;
  font-size: 15px;
  font-weight: bold;
  background: var(--lightgreen);
  border-radius: 0;
}
a.theme_white_button{
  border: none;
  text-transform: uppercase;
  margin-top: 20px;
  letter-spacing: 1px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 0;
}
a.theme_white_button,a.theme_white_button:hover{
  background-color: var(--white);
  color: var(--lightgreen);
}
a.theme_button:hover {
  color: var(--lightgreen);
  background: var(--darkblue);
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.search-box span {
  background: var(--lightgreen);
  padding: 12px 15px;
  cursor: pointer;
  display: inline-block;
}
.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;
}
.top_bar_btn a.theme_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-size: 16px;
  font-weight: 600;
}
/*----------------------  index ---------------------------*/
.post-section {
  padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #22272b;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h3 {
  font-weight: 900;
  color:var(--darkblue);
  padding: 0;
  font-size: 30px;
}
section h4{
  color:var(--black);
  font-size:20px;
  margin-top: 6px;
}
section h5{
  color:var(--black2);
  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;
}
/*--------------------- Section Heading------------------------*/
.section-heading{
  text-align: center;
}
.section-heading p{
  max-width: 700px;
  width: 100%;
  margin: 15px auto 25px;
  line-height: 24px;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: var(--white);
  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;
}
.social_widget a:hover{
  background: var(--lightgreen);
  border: 1px solid var(--lightgreen);
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background: var(--white);
  border: 1px solid var(--black);
  padding: 6px 9px;
}
.owl-nav {
  margin: 12px auto;
  display: none;
}
button.owl-next.disabled, button.owl-prev.disabled {
    background: var(--gary);
}
/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}
/*Postbox Hover*/
.postbox .postpic{
  position: relative;
  overflow: hidden;
}
.postbox .postpic:before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--black);
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.postbox:hover .postpic:before{
  opacity: 0.4;
}
.postbox .postpic:after{
  content: "";
  width: 100%;
  position: absolute;
  top: -35%;
  left: -110%;
  bottom: -10%;
  background: rgba(0, 0, 0, 0.6);
  transform: rotate(10deg);
  transition: all 0.4s ease 0s;
}
.postbox:hover .postpic:after{
  left: -50%;
}
.postbox .postpic img{
  width: 100%;
  height: auto;
}
.postbox .posticon-1,.postbox .posticon-2{
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  text-align: center;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.postbox .posticon-1{  left: 0; }
.postbox .posticon-2{ right: 0; }
.postbox:hover .posticon-1,.postbox:hover .posticon-2{
  opacity: 1;
}
.postbox .posticon-1 a,.postbox .posticon-2 a{
  display: inline-block;
  font-size: 25px;
  color: var(--white);
  position: relative;
  top: 47%;
}
.postbox .postbox-content{
  background: var(--darkblue);
  padding: 23px 30px;
  transition: all 0.3s ease 0s;
}
.postbox:hover .postbox-content{
  background: var(--lightgreen);
}
.postbox h3.posttitle a{
  font-size: 18px;
  font-weight: bold;
  margin-top: 0;
}
.postbox .posttext{
  display: block;
  font-size: 15px;
  transition: all 0.3s ease 0s;
}
.search-box i,.postbox:hover .posttext,span.posttext a,.postbox .posttext,.postbox h3.posttitle a{
  color: var(--white);
}
/*-----------------Search pop up----------------*/
.-search-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 80%;
  pointer-events: none;
  opacity: 0;
  transition: 1s;
  top: 60px;
  left: 25%;
  z-index: 1;
  right: 0px;
}
.-search-wrapper form input[type="search"]{
  border:none;
  background-color: #fff;
  width: 100%;
  padding:10px 10px;
}
.-search-wrapper form label{
  width: 90%;
}
.-search-wrapper form button[type="submit"]{
  border:none;
  background-color: #fff;
  padding:10px 10px;
  position: absolute;/*
  left: -5px;*/
}
.-search-wrapper form button[type="submit"] i{
  font-size: 14px;
  color: #057357;
}
.-open-menu{
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}
.-close-menu{
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.-search-wrapper form input[type="search"]{
    border: 1px solid #057357;
    border-right: 0px;
}
.-search-wrapper form button[type="submit"]{
    border: 1px solid #057357;
    border-left: 0px;
}
.home.page-template .container {
    max-width: 1024px;
    margin:0px auto;
}