/*
Theme Name: Aagaz Startup Pro
Theme URI: https://www.themeseye.com/wordpress/startup-wordpress-theme/
Author: Themeseye Themes
Author URI: https://www.themeseye.com
Description: This startup WordPress theme has many amazing features that you will not need anything outside of it. It comes with several useful shortcodes to include functionality like multi-column layout, video and audio post, gallery, Google maps etc. without writing long lines of code; the Font Awesome icons pack specific to startup and business is provided with this theme. This startup theme is deeply customizable to get the wow look that you wish for your website without involving in the coding part. It is a complete theme with niche oriented sections predesigned like gallery, testimonial, contact form, etc.
Version: 1.1
License: GNU General Public License
License URI:license.txt
Text Domain: aagaz-startup-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Aagaz Startup Pro WordPress Theme has been created by Themeseye Themes(themeseye.com), 2019.
Aagaz Startup 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: 15px;
  color: #6c6c6c;
  font-family: 'Poppins';
  font-weight: 300;
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto; 
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
  letter-spacing: 1;
  font-family: 'Poppins';
  color:#000000;
}
ul li{
  font-family:Poppins;
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:15px;
  font-weight:300;
}
p, ul li a{
  letter-spacing: 0px;
  font-family: 'Poppins';
}
body a{
  text-decoration:none; 
  color:#9fcd55;
  font-family: 'Poppins';
}
a:hover{
  text-decoration:none; 
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 14px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}
 
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -5px;
  top: -25px;
  color: #7a7a7a;
}

blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: 55px;
  bottom: -70px;
  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;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #9fcd55;
}
input[type="submit"]:hover{
  cursor: pointer;
}
textarea {
    height: 100px;
}
.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;
    color: #000000;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
    color: #ffffff;
}
.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: #262525;
  border: solid 2px #262525;
  padding: 12px 20px;
  font-size: 14px;
  background-color: transparent;
  border-radius: 40px;
  display: inline-block;
  cursor: pointer;
  transition: all ease-in-out 300ms;
}
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;
  display: inline-block;
  cursor: pointer;
  transition: all ease-in-out 300ms;
  margin-top: 20px;
}
a.theme_white_button{
  background-color: #ffffff;
  color: #9fcd55;
  border: 1px solid #9fcd55;
}
a.theme_button:hover {
  color: #ffffff;
  background: #9fcd55;
  border: 1px solid #9fcd55;
}
a.theme_white_button:hover {
  color: #ffffff;
  background-color: #9fcd55;
  border: 1px solid #ffffff;
}
/*-----------------Search pop up----------------*/
.serach_outer {
  width: 100%;
  overflow: hidden;
  transition: 0.5s;
  z-index: 99999;
  position: absolute;
  top: 72px;
  right: 0px;
  display: none;
}
.serach_inner {
  width: 100%;
  padding: 10px;
  float: right;
  max-width: 510px;
  background: #ffffff;
}
.closepop {
  width: 100%;
  text-align: right;
  margin-right: 28px;
}
.serach_outer i {
  font-size: 16px;
  padding: 4px 0 0 0;
  color: #9fcd55;
  cursor: pointer;
  font-weight: bold;
}
.serach_inner form.search-form {
  display: table;
  border: 1px solid #9fcd55;
  padding: 7px 20px;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  width: 100%;
}
.serach-page input.search-field {
   padding: 10px;
}
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 95%;
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.menubar .social-media a:hover{
  color:#3890cb;
}
.search-box span {
  cursor: pointer;
  display: inline-block;
  padding: 25px 10px;
}
.search-box i {
  color: #9fcd55;
}


/* --------------------------Top Bar---------------------------- */
.contact_details ul li {
  list-style: none;
  display: inline;
  color: #ffffff;
  padding-left: 20px;
  padding-right: 10px;
  font-weight: 600;
}
.top_bar {
  width: 100%;
  float: left;
  background-color: #9fcd55;
}
.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;
}
.contact_details i{
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
}
.serach_outer i{
  font-size: 15px;
  padding: 8px 5px;
  color: #9fcd55;
  margin: 0 auto;
  margin-left: 35px;
}
.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;
}
.socialbox a i, .social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
.socialbox a:last-child{
  border: none;
}
.top_bar_link a {
  color: #000000;
  padding: 10px;
  border: 1px solid #000000;
}
.top_bar_link {
  text-align: right;
}
/* --------------------------Header---------------------------- */
.nav_wrap {
  clear:both;
}
.home.page-template #header {
 padding-bottom: 0px;
}
#header {
  background: #e89314;
  background: -webkit-linear-gradient(to right, #9fcd55, #e89314);
  background: linear-gradient(to right, #9fcd55, #e89314);
  padding-bottom: 15px;
}

#masthead {
  width: 100%;
}
#header .logo img{
  max-height: 123px;
  width: auto;
}
#topbar {
  border-top: 10px solid #435061;
}
.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:0; 
  padding: 0px 15px; 
}
#header .logo h1{ 
  font-weight:700; 
  padding:0; 
  margin-bottom:8px; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
}
.logo a.custom-logo-link{ 
  color:#000000;
}
.logo h1 a, .logo h1 a{
  color: #2b3546;
  text-transform: uppercase;
  font-size: 26px;
}
.logo p{ 
  color: #2b3546;
  margin-bottom: 0;
  font-size: 14px;
}
.nav_wrap .logo {
  position: absolute;
  text-align: center;
  z-index: 999;
  padding: 20px;
  margin-bottom: -35px;
  background-color: #ffffff;
  margin-top: -25px;
  border-bottom-right-radius: 75px;
  border-top-right-radius: 75px;
  border-right: 50%;
  padding-top: 25px;
  padding-bottom: 25px;
}
.home .nav_wrap .logo {
  position: absolute;
  text-align: center;
  z-index: 999;
  padding: 20px;
  margin-bottom: -35px;
  background-color: #ffffff;
  margin-top: -25px;
  border-bottom-right-radius: 75px;
  border-top-right-radius: 75px;
  border-right: 50%;
  padding-top: 25px;
  padding-bottom: 25px;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
.scrolled {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 9999999;
  background:#fff;
}
#masthead.scrolled {
  background: #ffffff;
}
#site-navigation {
    width: 100%;
}
#footer #site-navigation {
    border-bottom: solid 1px #707478;
    text-align: center;
}
.contact_details .socialbox a {
    padding: 3px;
}
#header_home .logo h1:after {
    background: none;
    content:none;
}
/*----------Search Section-----------*/
.nav_wrap .search {
    background-color: #000;
    padding: 25px 25px;
    cursor: pointer;
}
.nav_wrap .search-section {
    float: right;
    margin: 0 auto;
}
.nav_wrap .search i {
    color: #fff;
}
.nav_wrap .search-section {
    float: right;
    margin: 0 auto;
    margin-right: -15px;
}
/*------------Search----------------*/
.search h1.entry-title {
    margin-top: 35px;
}
/*----------------Header-------------*/
div#header_home {
    background-color: #f7f7f7;
}
#site_top .social-icons {
    float: right;
    margin-right: 50px;
}
.home .nav_wrap .logo {
    padding-left: 25%;
}

/*----------------Menu bar-----------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: right;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
  margin: 10px 0;
}
.main-navigation li{
  position: relative;
  padding: 15px;
  display: inline-block;
}
.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  color: #898989;
  padding: 0;
  font-size: 15px;
  position: relative;
  font-weight: 400;
}
.main-navigation a:hover{
  color: #9fcd55;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #F6F6F6;
  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;
  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 .menu > ul > li.highlight{
  background-color: #9fcd55;
}

.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: 100%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  width: auto;
}
.top_bar_btn a.theme_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/*----------------------Mobile Menu Icon------------------------------*/

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

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #000000;
}

.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
.main-navigation ul ul li{
  padding: 10px;
}
/*----------------------  Index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  color: #000000;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h3 {
  color: #000000;
  padding: 0;
  margin-bottom: 22px;
}
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;
}
/*--------------------- Section Heading------------------------*/
.section-heading{
  text-align: center;
}
.section-heading p {
  max-width: 700px;
  width: 100%;
  margin: 15px auto 25px;
  font-size: 14px;
}
p.services_content{
  color: #ffffff;
  text-align: left;
  padding-bottom: 20px;
}
/*------------------------- About us-----------------------------*/
#about {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #fefefe;
}
.about-heading h2{
  margin-bottom: 15px;
  font-weight: bold;
  color: #002b46;
}
.about-heading img{
  text-align: right;
}
.about-content p {
  padding: 10px 0;
  font-size: 14px;
  line-height: 30px;
  margin: 0;
  color: #60666c;
}
.li_content p {
  color: #000000;
}
.about-content a {
  display: inline-block;
  margin-top: 25px;
}
#about ul li {
  list-style: none;
}
#about .about-heading h3{
  font-weight:1000;
}
.li_content i{
  color: #7fbe4b; 
}
#about .about_img img {
    width: 100%;
}
#about .about-heading {
    text-align: left;
}
#about .about_img {
    margin-top: 35px;
}
.about-content {
    margin-right: 20px;
}
h4.subheading {
  color: #858585;
}
.call_text {
  background-size: 100% 100%;
  padding: 4em;
}
.call_text p {
  color: #ffffff;
  font-weight: bold;
  position: relative;
  top: 35px;
  font-size: 20px;
}
/*color*/
.section h3{
  color: #7fbe4b;
}
#footer h3{
  color: #7fbe4b; 
}
#about .about-heading h3:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin-top: 10px;
    background: #9fcd55;
    margin-bottom: 12px;
}
#about h6 {
    color: #262525;
    font-size: 25px;
    font-weight: 700;
}
#about a.read-more-button {
    background-color: #9fcd55;
    padding: 15px 25px;
    color: #ffffff !important;
    border-radius: 25px;
    font-weight: 700;
}
#about a.read-more-button {
    background-color: #9fcd55;
    padding: 15px 25px;
    color: #ffffff;
    border-radius: 25px;
    font-weight: 700;
    border: solid 1px #9fcd55;
    cursor: pointer;
}
#about a.read-more-button:hover {
    background-color: transparent !important;
    color: #000 !important;
    border: solid 1px #000 !important;
    color: #000;
}
#about .about-image {
    border: 9px solid #9fcd55;
}
#about .about_img img {
    margin-left: -25px;
    margin-top: -40px;
    margin-bottom: 25px;
}
/*------------------------- About-----------------------------*/
p.subtext{
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
}
.read_more{
  color: #9fcd55;
}
.read_more i{
  width: auto;
  padding-left: 5px;
}
/*------------------------- Services -----------------------------*/
.service-box-content, .postbox-content {
    padding: 10px;
}
.service-box {
    text-align: center;
}
.service-box-content i {
  background-color: #9fcd55;
  padding: 5px;
  border-radius: 50%;
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
}
.service-box h4 a {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
}
.service-box:hover {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.services-image {
    position: relative;
    overflow: hidden;
}
.services_content {
  color: #b7b6b8;
  font-size: 13px;
}
.sread_more {
  margin-top: 20px;
}
.sread_more a{
  color: #ffffff;
}
.service-box:hover .sread_more a {
  background-color: #9fcd55;
  color: #ffffff;
  padding: 10px;
  transition: all ease-in-out 300ms;
}
.service-box{
  margin: 20px 0;
}
.services_outer {
  border: 1px solid #393b3c;
}
.services_outer:first-child {
  border-left: none;
}
.services_outer:nth-child(-n+3) {
    border-top: none;
}
.services_outer:nth-child(3n+1) {  /* or 4n+1 */
    border-left: none;
}
.services_outer:nth-child(2n+1) {  /* or 4n+1 */
    border-right: none;
}
.services_outer:last-child{
  border-bottom: none;
  border-right: none;
}
.services_outer:nth-last-child(2), .services_outer:nth-last-child(3){
    border-bottom: none;
}
/*------------------------- Services Shortcodes -----------------------------*/
.service-box-shortcodes {
  border: 1px solid #ddd;
  padding: 15px;
}
.service_shortcodes h4 a {
color: #000000;
font-weight: bold;
}
.service_shortcodes .read_more a {
  color: #ffffff;
  background-color: #9fcd55;
  padding: 10px;
  display: table;
  margin: 20px auto;
}
/*------------------------- Our Portfolio -----------------------------*/
.portfolio_tab_content h4 a{
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
}
.nav-tabs {
  background-color: #ffffff;
  display: inline-grid;
  margin: 0 auto;
  text-align: left;
  width: 100%;
  border: none;
}
.tab_list a.nav-link.active {
  border-left: 2px solid #9fcd55;
  border-top: none;
  border-bottom: 1px solid #eee;
  border-right: none;
}
.tab_list a.nav-link {
  color: #6c6c6c;
  font-size: 14px;
  border-radius: 0;
  border-bottom: 1px solid #eee;
}
.tab_list li.nav-item {
  padding: 5px;
  display: inline-grid;
}
.portfolio_tab_content .box{
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    position: relative;
}
.portfolio_tab_content .box img{
    width: 100%;
    height: auto;
}
.portfolio_tab_content .box .box-content{
    position: absolute;
    top: 65%;
    left: 5px;
    bottom: 0;
    right: 5px;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.portfolio_tab_content .box:hover .box-content{ opacity: 1; }
.portfolio_tab_content .box:before,
.portfolio_tab_content .box:after,
.portfolio_tab_content .box .box-content:before,
.portfolio_tab_content .box .box-content:after{
    content: "";
    width: 50%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease 0s;
}
.portfolio_tab_content .box:after{ top: 50%; }
.portfolio_tab_content .box .box-content:before,
.portfolio_tab_content .box .box-content:after{
    top: 0;
    left: 50%;
    z-index: -1;
}
.portfolio_tab_content .box .box-content:after{ top: 50%; }
.portfolio_tab_content .box:hover:before{
    left: 50%;
    opacity: 1;
}
.portfolio_tab_content .box:hover:after{
    top: 0;
    opacity: 1;
}
.portfolio_tab_content .box:hover .box-content:before{
    top: 50%;
    opacity: 1;
}
.portfolio_tab_content .box:hover .box-content:after{
    left: 0;
    opacity: 1;
}
.portfolio_tab_content .box .title{
    font-size: 17px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.portfolio_tab_content .box .post{
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 20px 0;
}
.portfolio_tab_content .box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 20px;
}
.portfolio_tab_content .box .icon li{
    display: inline-block;
    margin: 0 5px 0 0;
}
.portfolio_tab_content .box .icon a{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15%;
    background: #fff;
    font-size: 15px;
    color: #2d2c2c;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.portfolio_tab_content .box .icon a:hover{
    background: transparent;
    color: #fff;
    border-radius: 50%;
    box-shadow: 1px 1px 3px #fff, -1px -1px 3px #fff;
}
#portfolio_tab_content h3.portfolio-title {
    color: #262525;
    font-weight: 1000;
}
#portfolio_tab_content h3.portfolio-title:after {
    content: "";
    display: block;
    width: 70px;
    height: 3px;
    margin-top: 10px;
    background: #9ecc54;
    margin-left: 46%;
    margin-bottom: 12px;
}
#portfolio_tab_content p.portfolio-subtitle {
    color: #60666c;
    font-size: 14px;
    padding-bottom: 25px;
}
#our_portfolio h3.portfolio-title:after {
    display: block;
    width: 70px;
    height: 3px;
    margin-top: 10px;
    background: #9ecc54;
    margin-left: 47%;
    margin-bottom: 12px;
    content: "";
}
.portfolio_tab_content h4 a i {
    float: right;
}
#portfolio_tab_content a.arrow-icon i {
    background-color: #9ecc55;
    border-radius: 50%;
    width: 40px;
    padding: 12px 16px;
    color: #fff;
}
.portfolio_tab_content .box:after {
    content: "";
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all 0.4s ease-in-out 0s;
}
/*-----------Single Portfolio---------*/
.single-portfolio .post_info {
    margin-top: 15px;
}
#portfolio_single span.category-name {
    font-weight: 500;
    color: #000;
    font-size: 18px;
    font-family: Poppins;
}
/*-----------Our Records-------------*/
#our-records h3.our-title {
    text-align: center;
    color: #fff;
    font-weight: 1000;
}
#our-records p.records_content {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
    color: #fff;
    padding-bottom: 25px
}
#our-records .our-features-content ul li {
    display: inline-block;
    margin-left: 8px;
}
#our-records .row .records-list {
    background-color: #9fcd55;
    border-top-right-radius: 42px;
    border-bottom-right-radius: 42px;
    position: relative;
    z-index: 999;
}
#our-records h6.count {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    padding-top: 30px;
}
#our-records section#our-records {
    padding-bottom: 5em;
    margin-bottom: 5em;
}
#our-records h3.our-title:after {
    content: "";
    display: block;
    width: 70px;
    height: 3px;
    margin-top: 10px;
    background: #9ecc54;
    margin-left: 47%;
    margin-bottom: 12px;
    content: "";
}
#our-records p.record-para {
    background-color: #fff;
    padding: 8px 8px;
    margin-top: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: -8px;
    padding-left: 14px;
}
#our-records .records-list img {
    padding-top: 10px;
    padding-bottom: 10px;
}
#our-records .row {
    padding-top: 15px;
    padding-bottom: 15px;
}
/*----------Our Skills-------------*/
#our_skills .progress-bar {
  height: 20px;
  color: #fff;
  background-color: #d7d8d9;
  border-radius: 25px;
  height: 30px;
}
#our_skills .bar_box span.progress_percentage {
  position: absolute;
  top: 8px;
  color: #000;
  z-index: 999;
  padding: 5px;
  right: 6px;
  font-weight: bold;
}
#our_skills .bar_box .progress {
  background-color: transparent;
  position: relative;
  overflow: visible;
  border: solid 3px #d7d8d9;
  padding: 5px 45px 5px 5px;
  border-radius: 25px;
  margin-bottom: 20px;
}
#our_skills .section-heading h3 {
    color: #262525;
    font-weight: 700;
    text-align: left;
}
#our_skills .section-heading  h3 {
    text-align: left;
    color: #262525;
    font-weight: 1000;
}
#our_skills .section-heading p {
    text-align: left;
    color: #60666c;
    font-size: 14px;
    padding-bottom: 35px;
}
#our_skills .section-heading {
    margin-top: 25px;
}
#our_skills .bar_box .progress1 {
    border: solid 3px #9fcd55;
}
#our_skills .progress1 .progress-bar {
    background-color: #9fcd55;
}
#our_skills .bar_box p {
    padding-top: 10px;
}
#our_skills .section-heading h3:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin-top: 10px;
    background: #9fcd55;
    margin-bottom: 12px;
}
/*------------------------- Single Project -----------------------------*/
a.post_taxonomy:before {
  content: '-';
  padding: 10px;
}
.post_taxonomy:first-child:before{
  content: '' !important;
}
/*-------------------------Footer Gallery------------------------*/
#gallery-1 img {
    border: none !important;
}
/*------------------------- Gallery -----------------------------*/
.icon_overlay i {
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #9fcd55;
  padding: 20px 20px;
}
.view_more {
  background-color: #9fcd55;
  padding: 40px;
  text-align: center;
}
.view_more a {
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 18px 20px;
  font-size: 14px;
  font-weight: bold;
  background-color: #3a393e;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  transition: all ease-in-out 300ms;
  border: 1px solid #ffffff;
}

/*------------- Faq section -----------------*/
.panel.panel-default {
    width: 100%;
}
#ourfaqs {
    padding: 30px 0 0px;
}
#ourfaqs h2 {
  text-align: center;
  text-transform: uppercase;
  color: #22272b;
  padding: 0 0 10px;
  margin: 0;
  font-size: 36px;
}
#ourfaqs h5 {
  text-align: center;
  color: #22272b;
  font-size: 15px;
  font-weight: normal;
}
#ourfaqs img {
    float: right;
}
#ourfaqs div#accordion {
    padding-top: 45px;
}
#ourfaqs .section-heading h3{
    font-weight:1000;
}
#ourfaqs .section-heading h3:after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin-top: 10px;
  background: #9ecc54;
  margin-left: 47%;
  margin-bottom: 12px;
}
.panel-default>.panel-heading {
  color: #333;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.panel-default>.panel-heading a {
  display: block;
  padding: 20px;
  background-color: #f3f4f4;
  font-size: 14px;
  color: #929599;
}
.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}
.panel-default>.panel-heading a[aria-expanded="true"] {
  color: #ffffff;
  background-color: #9dcb54;
  font-weight: 700;
}
.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 25px;
}
.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-weight: 700;
  font-size: 26px;
}
.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}
.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}
.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}
.accordion-option .toggle-accordion:before {
  content: "Expand All";
}
.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}
#ourfaqs div#accordion a.collapsed:hover {
    background-color: #9dcb54;
    color: #fff;
}
#ourfaqs div#accordion .panel-body p {
    color: #929599;
    font-size: 12px;
}
.panel-group.col-md-6.w-100.mb-3 {
  width: 100%;
  max-width: 100%;
}
.banner-border {
  position: absolute;
  z-index: -1;
  top: 10px;
  border: 2px solid #ffbf43;
  height: 100%;
  left: 25px;
  right: 5px;
}
.image-content {
  height: max-content;
}

/*------------------------- Our Services -----------------------------*/
#our_records h3{
  border-right: none;
  margin: 0;
}
.record_listing {
  display: inline-block;
  width: 100%;
  padding: 11px 0;
  margin: 0;
}
#our_records {
  padding: 50px 0;
  background-size: 100% 100%;
}
#our_records .counter-icon {
  text-align: left;
}
#our_records h4 {
  font-size: 34px;
  color: #ffffff;
  font-weight: bold;
  line-height: 34px;
  padding: 0;
}
#our_records p {
  font-size: 14px;
  color: #ffffff;
}
#our_records .owl-dots {
  text-align: center;
  margin-top: 30px;
}
#our_records button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 2px;
  background-color: #ffffff;
  border: solid 2px #191b27;
}
#our_records button.owl-dot.active {
  background-color: #ff6589;
  border: solid 2px #ff6589;
}
#our_records button:focus {
    outline: inherit !important;
}
#our_records .counter_inner {
  margin-bottom: 20px;
}
ul.record_listing li {
  display: inline;
  padding: 0 10px;
  color: #000000;
}
li.record-box-icon {
  padding: 25px 20px !important;
  background-color: #9fcd55;
  font-size: 23px;
  text-align: center;
  margin-left: 12px;
}
li.record-box-icon i{
  color: #ffffff;
  font-weight: bold;
}
.record_box2 li.record-box-icon{
  background-color: #e89314;
}
.record_box3 li.record-box-icon{
  background-color: #efc62a;
}
.record_box4 li.record-box-icon{
  background-color: #bac10a;
}
li.record-count {
  text-align: right;
  float: right;
  font-size: 24px;
}
.record_box3, .record_box4{
  margin-bottom: 0 !important;
}
#our_services .our-services-box {
    background-color: #9fcd55;
    padding: 50px;
}
#our_services h3.our-services-title {
    color: #fff;
    text-align: left;
    font-size: 35px;
    font-weight: 1000;
}
#our_services .services-box-title a {
    color: #262525;
    font-weight: 300;
    font-size: 15px;
}
#our_services a.view-all-services {
    color: #ffff;
    border: solid 2px #fff;
    padding: 12px 15px;
    border-radius: 50px;
    font-weight: 700;
}
#our_services .services-main-box {
    background-color: #ffffff;
    position: relative;
    left: -35px;
    top: 45px;
    box-shadow: 10px 10px 10px #f2f2f2;
}
#our_services a.view-all-services:hover {
    background-color: #fff;
    color: #9fcd55 !important;
    border: solid 1px #9fcd55;
}
#our_services .view-services-button {
    text-align: left;
}
#our_services .services-box {
    padding-top: 26px;
    padding-bottom: -15px;
}
#our_services h3.our-services-title:after {
    content: "";
    display: block;
    width: 69px;
    height: 3px;
    margin-top: 10px;
    background: #fff;
    margin-bottom: 12px;
}
#our_services{
  margin-bottom: 40px;
}
#our_services .services-box-title {
    margin-top: 5px;
}
/*---------------------------Request a Quote---------------------------*/
#request_a_quote .our-services-box {
    background-color: #9fcd55;
    padding: 50px;
}
#request_a_quote h3.our-services-title {
    color: #fff;
    text-align: left;
    font-size: 35px;
    font-weight: 1000;
}
#request_a_quote .services-box-title a {
    color: #262525;
}
#request_a_quote .request-a-quote-box {
    background-color: #ffffff;
    position: relative;
    left: -35px;
    top: 45px;
    box-shadow: 10px 10px 10px #f2f2f2;
}
#request_a_quote .services-box {
    padding-top: 26px;
    padding-bottom: -15px;
}
#request_a_quote h3.our-services-title:after {
    content: "";
    display: block;
    width: 69px;
    height: 3px;
    margin-top: 10px;
    background: #fff;
    margin-bottom: 12px;
}
#request_a_quote .contact-box i {
    font-size: 45px;
    color: #9ecc54;
}
#request_a_quote .contact-box h6 {
    color: #262525;
    font-weight: 700;
}
#request_a_quote .contact-box p {
    color: #60666c;
    font-weight: 500;
}
#request_a_quote input[type="text"], input[type="tel"], input[type="email"], input[type="phno"], input[type="password"], textarea {
    font-size: 14px;
    padding: 10px 10px;
    margin: 0 0 15px 0;
    height: auto;
    border: none;
    width: 35%;
    font-style: italic;
    background: transparent;
}
#request_a_quote .request_a_quote_form {
    padding-top: 25px;
    padding-left: 25px;
} 
#request_a_quote input[type="submit"] {
    padding: 10px 25px;
    font-weight: 700;
    border-radius: 50px;
    color: #ffffff;
    border: none;
    background-color: #9ecc54;
}
#request_a_quote .contact-box-outer {
    padding-left: 25px;
}
#request_a_quote a.read-more {
    color: #fff;
    font-weight: 700;
    border: solid 2px #ffffff;
    border-radius: 50px;
    padding: 12px 25px;
}
#request_a_quote .read-more-div {
    text-align: left;
}
#request_a_quote a.read-more:hover {
    background-color: #fff;
    color: #9fcd55 !important;
    border: solid 1px #9fcd55;
}
/*------------------------------Newsletter-----------------------------*/
.contact_us .footer_form {
    padding: 0px 10px;
}
.contact_us .footer_form input[type="text"], .footer_form input[type="tel"], .footer_form input[type="email"], .footer_form input[type="phno"], .footer_form input[type="password"], .footer_form textarea {
    width: 70% !important;
    border: none !important;
}
.contact_us input[type="submit"] {
    padding: 10px 25px;
    font-weight: 700;
    border-radius: 50px;
    color: #ffffff;
    border: none;
    background-color: #9ecc54;
}
.contact_us ::placeholder{
  color: #60666c;
}
.contact_us h3 {
    padding-top: 10px;
    font-size: 25px;
    font-weight: 700;
}
.contact_us .logo {
    padding-left: 25%;
}
.footer_form .logo-section {
    position: relative;
    text-align: center;
    z-index: 999;
    padding: 18px;
    margin-bottom: -10px !important;
    background-color: #9fcd55;
    margin-top: -25px !important;
    border-bottom-right-radius: 75px;
    border-top-right-radius: 75px;
    margin-left: -10px;
}
/*------------------------- Why Choose Us -----------------------------*/
li.why_chhose_list {
  list-style: none;
}
ul.list_inner {
  margin: 0;
}
#why-choose-us p {
  margin-left: 0;
}
img.why_image {
  width: 100%;
}
li.why_chhose_list {
  list-style: none;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  padding-top: 15px;
  color: #000;
  font-size: 14px;
}
.inner-head{
  font-weight: bold;
}

/*------------------------Testimonials -----------------------------*/
#tesimonial-record {
  padding:0;
}
#testimonials .fancy-title {
  margin: 0 auto;
}
.test_shortcode_bg {
  background-color: #ddd;
  padding: 30px 0;

}
.inner-test-bg .short_text {
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
}
.testimonial_box img {
  width: 100px !important;
  border-radius: 50%;
}
#testimonials .owl-carousel .owl-item img{
  width: 100px !important;
  height: 100px;
  border-radius: 50%;
}
#testimonials button.owl-prev {
    position: absolute;
    left: 0;
    background: transparent;
    border: none;
    padding: 10px;
}
#testimonials button.owl-next {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    padding: 10px;
}
#testimonials button.owl-next i, #testimonials button.owl-prev i{
  color: #9fcd55;
}
#testimonials .owl-nav {
  display: block;
}
#testimonials .owl-nav {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
}
#testimonials button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 5px;
  background-color: transparent;
  border: solid 2px #ffffff;
  border-radius: 50%;
}
#testimonials button.owl-dot.active {
  background-color: #000000;
}
#testimonials button:focus {
  outline: inherit !important;
}
#testimonials h4.testimonial_name a {
  color: #9fcd55;
  font-weight: 700;
  font-size: 16px;
}
#testimonials cite {
  font-size: 14px;
  display: block;
  font-style: unset;
  color: #fff;
  padding-top: 8px;
  letter-spacing: 5px;
  font-size: 14px;
}
.testimonial_auther {
  text-align: center;
  margin: 0 auto;
  display: table;
}
#testimonials ul li {
  display: inline-block;
  list-style: none;
  vertical-align: middle;
  margin-left: 15px;
}
#testimonials .owl-dots{
  display: block;
  text-align: center;
  margin-top: -30px;
  float: right;
  position: relative;
}
#testimonials p {
  font-size: 14px;
  color: #ffffff;
}
#testimonials .section-heading h3 {
    color: #fff;
    text-align: left;
    font-weight: 1000;
}
#testimonials .owl-carousel .owl-item img{
    width: 65px !important;
    height: 65px;
    border-radius: 50%;
    float: left;
}
#testimonials .testimonial_box .qoute_text {
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    max-width: 500px;
    padding-bottom: 25px;
}
#testimonials button.owl-dot.active {
    background-color: #a8d165;
}
#testimonials .section-heading h3:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin-top: 10px;
    background: #9fcd55;
    margin-bottom: 12px;
}
section#testimonials {
    margin: 40px 0;
    padding: 0px !important;
}
#testimonials a#videolink i {
    background-color: #a8d165;
    padding: 25px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
}
#testimonials .video-play a.video-popup-play {
    position: absolute;
    top: 40%;
    left: 45%;
}
#testimonials .section-heading {
    padding-top: 50px;
}
#testimonials #testimonials .testimonial_box {
    padding-top: 10px;
}
#testimonials .inner-test-bg {
    padding: 50px 0px;
}
#testimonials .section-heading {
    padding-top: 10px;
}
/*---------------------Testimonials Shortcode---------------------*/
.testimonial_shortcodes .testimonial_box {
    border: solid 1px #000000;
    padding: 25px;
    text-align: center;
}
#testimonials .testimonial_box .qoute_text {
    padding-top: 25px;
    line-height: 1.3rem;
  }
/*-------------------------We Are Expert -----------------------------*/
h3.white_head_title {
  color: #2b3546;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.left_content {
  color: #ffffff;
}
/*--------------------Video Section----------------*/
/* Outer */
.popup {
  width:100%;
  height:100%;
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  background: rgba(0, 0, 0, 0.77);
  z-index: 9999;
}

/* Inner */
.popup-inner {
  max-width:1000px;
  width:90%;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  box-shadow:0px 2px 6px rgba(0,0,0,1);
  border-radius:3px;
}

/* Close Button */
.popup-close {
  width:30px;
  height:30px;
  padding-top:4px;
  display:inline-block;
  position:absolute;
  top:0px;
  right:0px;
  transition:ease 0.25s all;
  -webkit-transform:translate(50%, -50%);
  transform:translate(50%, -50%);
  border-radius:1000px;
  background:rgba(0,0,0,0.8);
  font-family:Arial, Sans-Serif;
  font-size:20px;
  text-align:center;
  line-height:100%;
  color:#fff;
}

.popup-close:hover {
  -webkit-transform:translate(50%, -50%) rotate(180deg);
  transform:translate(50%, -50%) rotate(180deg);
  background:rgba(0,0,0,1);
  text-decoration:none;
}
.adopt_outer {
  background: #f33e17;
}
.over_video{
  position: relative;
}
.over_video img {
  width: 100%;
}
.ps_video {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  margin: 0 auto;
  text-align: center;
  padding: 5px;
  border-radius: 50%;
  background: #499e85;
}
.ps_video i {
  color: #ffffff;
  font-size: 22px;
  padding: 17px 19px;
  border-radius: 50%;
  text-align: center;
  background-color: #9fcd55;
  cursor: pointer;
}
.head-inner.text-center {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
/*------------------------- Partners -----------------------------*/
#our_partners {
  background-color: #f2f9ff;
}
#our_partners .owl-carousel {
  padding: 25px 0;
}
#our_partners .owl-dots {
  text-align: center;
  margin-top: 30px;
}
#our_partners button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 2px;
  background-color: #ffffff;
  border: solid 2px #002b46;
}
#our_partners button.owl-dot.active {
  background-color: #9fcd55;
  border: solid 2px #9fcd55;
}
#our_partners button:focus {
  outline: inherit !important;
}
#our_partners {
  background-color: #f2f9ff;
}
/*------------------Latest Post -----------------*/
.latest_post_text span {
    color: #000000;
    font-weight: bold;
}
#latest_post .about-heading {
  padding: 0;
}
.latest_post_text i{
  color: #9fcd55;
  font-weight: bold;
}
#latest_post h4.posttitle a {
    color: #000000;
    font-size: 10px;
    font-weight: 700;
}
#latest_post .date_div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  background-color: #9fcd55;
  padding: 11px;
  color: #ffffff;
  font-weight: bold;
}
.post_thumb {
  position: relative;
}
h4.latest_post_name a {
    font-weight: bold;
}
.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 #9fcd55;
  margin: 20px 0 0;
}
.discover-btn a {
  color: #002b46;
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px;
}
.discover-btn a:hover {
  color: #9fcd55;
}
#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: #9fcd55;
  border: solid 2px #9fcd55;
}
#latest_post button:focus {
  outline: inherit !important;
}
#latest_post .section-heading h3:after {
    display: block;
    width: 70px;
    height: 3px;
    margin-top: 10px;
    background: #9ecc54;
    margin-left: 47%;
    margin-bottom: 12px;
    content: "";
}
#latest_post .date-div{
    background-color: #9fcd55;
    position: absolute;
    top: 38%;
}
#latest_post .date-div span.date{
    padding: 5px;
    color: #fff;
}
#latest_post a.view-all-blogbtn {
    color: #262525;
    font-weight: 700;
    border: solid 2px #262525;
    padding: 12px 25px;
    border-radius: 50px;
}
#latest_post .view-all-blog {
    text-align: center;
    margin-top: 25px;
}
#latest_post a.view-all-blogbtn:hover {
    background-color: #262525;
    color: #ffffff !important;
    border: solid 2px #262525;
    cursor: pointer;
}
#latest_post p.year {
    margin: 0px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}
/*Postbox Hover*/
.postbox .postpic{
    position: relative;
    overflow: hidden;
}
.postbox .post_pic_inner:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.post_pic_inner {
  position: relative;
}
.postbox:hover .post_pic_inner:before{
    opacity: 0.4;
}
.postbox:hover .postpic:after{
    left: -50%;
}
.postbox .postpic img{
    width: 100%;
    height: auto;
}

.postbox .posticon-1 a,
.postbox .posticon-2 a{
    display: inline-block;
    font-size: 25px;
    color: #fff;
    position: relative;
    top: 47%;
}
.postbox .postbox-content{
    position: absolute;
    padding: 10px 20px;
    left: 35%;
    top: 11%;
    background-color: #fff;
    transition: all 0.3s ease 0s;
}
.postbox h3.posttitle a{
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin-top: 0;
}
.postbox .posttext{
    display: block;
    color: #60666c;
    font-size: 12px;
    padding-bottom: 5px;
    transition: all 0.3s ease 0s;
}
#latest_post .meta_post span {
    font-size: 12px;
}
/*------------------ Single Work -----------------*/
a.post_taxonomy {
  font-size: 16px;
  color: #000000;
}
a.work_url {
  display: table;
  margin-top: 10px;
  padding: 10px;
  background-color: #9fcd55;
  color: #ffffff;
  font-weight: bold;
}

/*-----------Our Team-----------------*/
#our_team .section-heading h3 {
    color: #1a1919;
    text-transform: uppercase;
    font-weight: 1000;
}
#our_team .box{
    text-align: center;
    overflow: hidden;
    position: relative;
    transition: all 0.2s ease-out 0s;
}
#our_team .box:after{
    content: "";
    display: block;
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transform: rotate3d(-1, 1, 0, 100deg);
    transition: all 0.4s ease-in-out 0s;
}
#our_team .box:hover:after{
    opacity: 0.9;
    transform: rotate3d(0, 0, 0, 0deg);
}
#our_team .box img{
    width: 100%;
    height: auto;
}
#our_team .box .box-content{
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(10%, -30%);
    transform: translate(10%, -30%);
    transition: all 0.2s ease-out 0s;
}
#our_team .box:hover .box-content{
    opacity: 1;
    transform: translate(0%, -50%);
    transition-delay: 0.2s;
}
#our_team .box .title{
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #39b54a;
    margin: 0 0 10px 0;
}
#our_team .box .post{
    display: block;
    font-size: 15px;
    color: #f7f7b9;
    margin-bottom: 20px;
}
#our_team .box .social{
    padding: 0;
    margin: 0;
    list-style: none;
}
#our_team .box .social li{
    display: inline-block;
}
#our_team .box .social li a{
    display: block;
    width: 35px;
    height: 35px;
    background: #f7f7b9;
    border-radius: 50%;
    font-size: 17px;
    color: #1b1462;
    line-height: 35px;
    margin-right: 5px;
    transition: all 0.4s ease-in-out 0s;
}
#our_team .box .social li a:hover{
    color: #f7f7b9;
    background: #39b54a;
}
#our_team .overlay h4 {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}
#our_team .overlay h5 {
    color: #fff;
    margin-bottom: 5px !important;
    text-transform: uppercase;
    font-family: Roboto Slab;
    padding-top: 15px;
}
#our_team .overlay p {
   color: #fff;
   font-size: 14px;
   padding-top: 10px;
   text-align: center;
   font-style: italic;
   letter-spacing: 1px;
   line-height: 1.5rem;
}
#our_team .overlay a {
    color: #fff;
}
#our_team .overlay a:hover i {
    color: #fff;
}
#our_team .section-heading p {
    padding-bottom: 25px;
}
.section-heading h3 {
    color: #232323;
    font-size:30px;
    font-weight: 1000;
}
#our_team .socialbox {
    border-top: solid 2px #575656;
    border-bottom: solid 2px #575656;
    padding-top: 15px;
    padding-bottom: 25px;
}
#our_team .overlay h5.teamtitle a {
    color: #9fcd55;
    font-size: 15px;
    font-family: Poppins;
    font-weight: 700;
}
#our_team .section-heading h3:after {
    content: "";
    display: block;
    width: 70px;
    height: 3px;
    margin-top: 10px;
    background: #9ecc54;
    margin-left: 47%;
    margin-bottom: 12px;
}
#our_team a.view-all-expert {
    color: #262525;
    font-weight: 700;
    border: solid 2px #262525;
    padding: 12px 25px;
    border-radius: 50px;
}
#our_team .view-all-expert {
    margin-top: 50px;
    text-align: center;
}
#our_team a.view-all-expert:hover {
    background-color: #262525;
    color: #ffffff;
    border: solid 2px #262525;
}
/*-------------------Single Team Page---------------------*/
#team_single a.chef_social i {
    font-size: 18px;
    padding: 5px;
}
strong {
    font-weight: bold;
}
/*------------------ 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%;
}
.meta_post span i {
  color: #60666c;
  margin-right: 5px;
}
#latest_post h4.posttitle {
    text-transform: uppercase;
    color: #000000;
    padding: 10px 0;
}
h4.posttitle a{
  color: #000000;
}
a.read_more_post {
  color: #000000;
  display: table;
  border-top: 1px solid #ccc;
  padding: 10px 16px;
}
#latest_post .owl-nav {
  display: none;
}
#latest_post button.owl-prev, #latest_post button.owl-next{
  border: none;
}
#latest_post button.owl-next.disabled, #latest_post button.owl-prev.disabled{
  background-color: transparent;
}
#latest_post button.owl-prev, #latest_post button.owl-next{
  background-color: transparent;
}
#latest_post span.admin {
    margin-right: 15px;
}
#latest_post .meta_post {
    padding-bottom: 10px;
}
/*------------------------- 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;
}
.testimonial-shortcode .testimonials-icon img {
  width: 100%;
}
/*------------------ Contact Page -----------------*/
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  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: 20px;
  width: 100%;
  background-color: #9fcd55;
}
.contac_form h3 {
  text-align: center;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 20px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
.c_content {
  color: #ffffff;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
.main_title {
  margin-top: 20px;
}
.main_title h1{
  padding: 0;
  margin-bottom: 22px;
  margin-top: 45px;
  font-size: 35px;
}
/*---------------- Custom Footer ----------------------*/
.footer_form .section-heading {
  text-align: center;
}
.footer-contactmap {
  background-color: #333;
}
.footer_form {
  padding: 50px 40px;
}
.footer_form .section-heading h3 {
  color: #ffffff;
  display: table;
  text-align: center;
  margin: 0 auto;
  padding: 11px;
  border: none;
  font-weight: bold;
}
.footer_form .section-heading p{
  color: #ffffff;
}
.footer_form input[type="text"], .footer_form  input[type="tel"], .footer_form  input[type="email"], .footer_form  input[type="phno"], .footer_form  input[type="password"], .footer_form  textarea {
  border: 1px solid #cccccc;
  font-size: 16px;
  padding: 10px 10px;
  margin-bottom: 20px;
  height: auto;
  width: 100%;
  background: transparent;
  color: #000000;
  font-style: italic;
}
.footer_form  textarea {
  height: 100px;
}

.footer_form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000;
}
.footer_form input::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
}
.footer_form input:-ms-input-placeholder { /* IE 10+ */
  color: #000000;
}
.footer_form input:-moz-placeholder { /* Firefox 18- */
  color: #000000;
}
.contact_us {
  background-attachment: fixed;
}
/*---------------- Footer Section ----------------------*/
#custom_footer {
  background-color: #000000;
}
.footer-top {
  padding-bottom: 50px;
}
.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}
.outer-footer {
  margin-top: 40px;
  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: 20px 2px;
}
#footer input, #footer textarea{
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
#footer textarea{
  height: 100px;
}
#footer p.post-date {
    color: #ffffff;
    font-size: 11px !important;
}
.copyright {
  background-size: cover;
  background-color: #262525;
}
.copyright p {
  font-size: 12px;
  color: #ddd;
  margin-bottom: 0;
}
.copyright .socialbox a i {
    color: #707478;
}
.main_sociobox {
    padding: 20px 0;
}
#footer{ 
  text-align:center;
  color:#fff;
  padding:3em 0 0 0px;
  text-align:left;
  background-color: #000000;
}
.footer_hide{
  display:none;
}
#footer h3{
  color:#9fcd55;
  text-align:left;
  font-size:24px;
  padding:0 0 17px 0;
}
#footer .copyright p{
  font-size:14px;
  text-align:center;
  color:#ffffff;
}
#footer .copyright a {
    color: #fff;
	cursor: pointer;
}
#footer input{
  padding:8px 8px; 
  float:left;
  margin:5px 0;
  border-radius:0px;
}
#footer input[type="submit"] {
  padding: 8px 10px;
  background-color: #9fcd55;
  color: #ffffff;
  text-transform: uppercase;
}
#footer .copyright{
  text-align:center;
  margin:30px 0 0 0;
}
.copyright .socialbox {
    float: right;
}
#footer ul li{
  list-style: none;
  margin: 0 0 5px 0;
  text-align: left;
  padding: 5px 40px;
  list-style-image: url(assets/images/arrowpng.png);
}
#footer ul li a{
  color:#707478;
}
#footer p{
  font-size:14px;
  margin: 0;
  line-height: 20px;
  color: #ccc;
}
.widget_recent_entries img {
  width: 100px;
}
#footer h3 {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
  padding: 0;
  margin-bottom: 22px;
  margin-top: 25px;
}
#footer aside {
  margin-bottom: 20px;
}
.footer-cols {
  padding-bottom: 40px;
}
.about_me table, .about_me td, .about_me th{
  border: none;
}
.about_me p.message {
    margin-bottom: 20px !important;
}
.te-credit, .te-credit a{
  color: #ffffff;
}
#footer h3:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin-top: 10px;
    background: #9fcd55;
    margin-bottom: 12px;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #ffffff;
  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: #9fcd55;
  border: 1px solid #9fcd55;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
a.post-readmore {
   font-size: 18px;
   border-bottom: 1px solid;
}
a.post-readmore i {
 margin-left: 8px !important;
 font-size: 18px;
 border-bottom: 1px solid #ffffff;
 padding-bottom: 2px;
}
.widget_recent_entries li {
  padding: 10px 0;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
    color: #000;
    padding: 5px 0;
    clear: both;
    margin: 10px 0;
}
.metabox .entry-date{
  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%;
}
#full-width-blog .date_div {
    background-color: #9fcd55;
    position: absolute;
    top: 38%;
}
#full-width-blog .date_div span.date, #blog-left-sidebar .date_div span.date, #blog-right-sidebar .date_div span.date, .search .date_div span.date{
    padding: 5px;
    color: #fff;
}
#full-width-blog .date_div p.year, #blog-left-sidebar .date_div p.year, #blog-right-sidebar .date_div p.year, .search .date_div p.year{
    margin: 0px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 700;
} 
#full-width-blog .postbox .postbox-content{
  position: unset;
}
.single-post p.comment-form-comment {
    border: solid 1px #ddd;
}
.single-post .post-navigation .nav-next {
    margin-bottom: 25px;
}
/*-------------------Blog with left sidebar--------------*/
#blog-left-sidebar .postbox .postbox-content, .search .postbox .postbox-content{
  position:unset;
}
#blog-right-sidebar .postbox .postbox-content{
  position:unset;
}
#blog-left-sidebar .date_div, #blog-right-sidebar .date_div, .search .date_div{
    background-color: #9fcd55;
    position: absolute;
    top: 38%;
}
#blog-left-sidebar .postbox .postbox-content, .search .postbox .postbox-content {
    padding: 0px;
}
#blog-right-sidebar .postbox .postbox-content {
    padding: 0px;
}
.archive .postbox .postbox-content{
  position:unset;
}
#archive .date_div {
    position: unset;
    margin-top: 15px;
    background-color: transparent !important;
    color: #9fcd55 !important;
    font-size: 18px;
}
.archive .postbox .postbox-content {
    padding: 0px;
}
.archive .date_div span.entry-date.price.pull-right {
    color: #9fcd55;
}
.archive .date_div {
    padding-top: 10px;
}
/* #blog-left-sidebar .date_div p.year {
    font-size: 18px;
    margin-left: 10px;
} */
/*----------------Blog with left sidebar------------*/
/* #blog-left-sidebar .date_div p.year {
    font-size: 18px;
    margin-left: 10px;
}
#blog-right-sidebar .date_div p.year {
    font-size: 18px;
    margin-left: 10px;
}
 #blog-left-sidebar .date_div, #blog-right-sidebar .date_div{
  display:flex;
} */
/* --------- 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 li {
  max-width: 10px;
  padding: 5px 10px;
  background-color: transparent;
  border: solid 2px #000;
  margin: 10px;
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
.carousel-indicators .active {
    background-color: #9fcd55 !important;
    border: solid 2px #9fcd55;
}
ol.carousel-indicators {
    top: 50%;
    left: 70%;
    display: inline-block;
}
.page-template-contact h1:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin-top: 10px;
    background: #9fcd55;
    margin-bottom: 12px;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background-color: #9fcd55;
  color: #ffffff !important;
  border: 1px solid #9fcd55;
}
.navigation span.page-numbers.current{
  background-color: #ffffff;
  border: 1px solid #9fcd55;
  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:#9fcd55;
}
.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;
  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 img {
    width: 100%;
}
.slide_next_image img{
  width: auto !important;
  height: 100%;
}
#slider h2 {
  color: #262525;
  font-weight: 1000;
  font-size: 40px;
  letter-spacing: 0
}
#slider p {
  color: #60666c;
  font-weight: 300;
  font-size: 14px;
}
#slider p.price {
  font-size: 22px !important;
}
.slider-box {
  max-width: 500px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px;
}

#slider .carousel-caption {
  top: 0;
  bottom: inherit;
  text-align: left;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  bottom: 0;
}
.inner_carousel{
  padding: 25px 27px;
}
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 {
  position: absolute;
}
#slider .carousel-control-next, #slider .carousel-control-prev {
  opacity: 1;
}
#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; 
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: auto;
  height: auto;
}

#slider a i {
  padding: 15px 18px;
  background-color: transparent;
  font-size: 15px;
  color: #000000;
  border: solid 2px #000000;
}

#slider a.carousel-control-prev i{
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}

#slider a.carousel-control-next i{
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
}

#slider a i:focus,
#slider a i:active,
#slider a i:hover{
  background-color: #9fcd55;
  border: none;
  transition: all 0.5s ease-out;
  color: #ffffff;
  border: solid 2px #9fcd55;
}
#slider .inner_carousel h2 small {
  color: #ffffff;
  display: block;
  margin-bottom: 20px;
  font-size: 20px !important;
  font-style: italic;
  text-transform: capitalize;
}
.slide_next_image img {
  text-align: right;
  float: right;
}
.slide_nav {
  position: relative;
  bottom: 15%;
  left: -2%;
}
.slide_nav .carousel-control-next, .carousel-control-prev{
  bottom:-70 !important;
}
#slider .carousel-control-next {
    left: 60px;
}

/*Fade slider*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

/*--------------- Sidebar -----------------*/
/* Sidebar */
#sidebar td#prev a {
 color: #6c6c6c;
}
#sidebar caption {
 font-weight: bold;
 color: #6c6c6c;
 font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
 border: 1px solid #e1e1e1;
 text-align: center;
}
#sidebar td {
 padding: 0px;
 color: #6c6c6c;
}
#sidebar th {
 text-align: center;
 padding: 5px;
 color: #6c6c6c;
}
#sidebar select {
 padding: 10px 5px;
 border: solid 1px #e1e1e1;
 color: #6c6c6c;
 background: transparent;
}
#sidebar form{
 text-align: center;
}
#sidebar h3 {
 font-size: 18px;
 display: table;
 color: #000000;
 font-weight: 700;
 letter-spacing: 2px;
 background-color: #fff;
 padding: 0px 10px;
 margin: -28px auto 28px auto;
}
#sidebar input[type="search"] {
 padding:10px 10px;
 font-size:15px;
 margin-bottom: 10px;
 color:#6c6c6c;
 border: solid 1px #e1e1e1;
 width: 100%;
}
#sidebar label{
 margin-bottom: 0;
 width: 100%;
}
#sidebar input[type="submit"]{
 background-color :#9fcd55;
 color:#fff;
 padding:10px 0;
 font-size:12px;
 width: 100%;
 letter-spacing: 2px;
 font-weight: bold;
}
#sidebar .widget {
 padding: 20px;
 border: 1px solid #e1e1e1;
 margin-bottom: 50px;
}
#sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 17px;
}
#sidebar ul li{
 color: #6f6f6f;
 font-size: 11px;
 border-bottom: 1px solid #e1e1e1;
 padding: 10px 0;
}
#sidebar ul li a {
 color: #60666c;
 font-size: 15px;
 font-weight: 300;
}
#sidebar .tagcloud a{
 border: solid 1px #e1e1e1;
 color:#6c6c6c;
 font-size:15px !important;
 padding:5px 18px;
 margin:0 0 5px;
 display:inline-block;
}
#sidebar .tagcloud a:hover{
 background:#ec1d23;
 color: #fff;
}
span.credit_link a {
  color: #ffffff;
}
a.custom_google {
  background: #da4835;
}
a.custom_linkedin {
  background: #007bb5;
}
a.custom_pinterest {
  background: #d73431;
}
a.custom_tumblr {
  background: #36465d;
}
a.custom_facebook {
  background: #3c5a99;
}
a.custom_twitter {
  background: #55acee;
}
a.custom_instagram {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}
a.custom_youtube {
  background: #d12122;
}

/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
.shrtcod-pg{
  border:1px solid #bbb;
  /*background-color: #cbe9e2;*/
}
.shrt_socio i{
  border: 1px solid #bbb;
  padding: 10px;
  margin-right: 10px;
}
/*---------------- Contact Us Widget ----------------*/
.contact_us_icon i {
  color: #9fcd55;
  margin: 10px 0;
}
.widget_recent_entries li a {
  font-size: 14px;
}
.widget_recent_entries span.post-date {
  width: 100%;
  float: left;
  margin-bottom: 11px;
  text-align: left;
}
/*---------------- 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 ---------------*/
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f{
  background-color: #9fcd55;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #9fcd55;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #9fcd55;
}
.share_icon i.fab.fa-twitter{
  background-color: #9fcd55;
}
.services_inner h4, .services_inner .short_text {
    color: #ffffff;
}
.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;
}
#our_partners img{
  width: auto !important;
}
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: #9fcd55;
  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: #9fcd55;
}
.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 #9fcd55;
}
#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: #9fcd55;
}
.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;
}
.outer-footer {
 background-size: 100% 100%;
 margin-top: 20px;
}
.logo p{ 
 color: #2b3546;
 margin-bottom: 0;
 font-size: 14px;
}
.logo h1 a, .logo h1 a{
 color: #2b3546;
 text-transform: uppercase;
 font-size: 17px;
}
.archive .page-header h1 {
    margin-top: 35px;
}
.category h1.category-title {
    margin-top: 50px;
}
.testimonial_shortcodes .testimonial_box .qoute_text .shortcode {
    color: #000;
}
.qoute_text.shortcode {
    color: #000 !important;
}
/*-------------- media section ---------------*/
@media screen and (max-width:576px) {
  .row.bg-media {
    margin: 0;
  }
  .contact_details .row{
    margin: 0;
  }
  #slider h2 {
    font-size: 14px !important;
  }
  #slider .inner_carousel h2 small{
    font-size: 12px !important;
    margin-bottom: 6px;
  }
  .slider-box{
    left: 0;
    border-style: none;
  }
  .about-content p{
    font-size: 14px;
  }
  #slider a.theme_button{
    padding: 9px 10px;
    margin-top: 0px;
    font-size: 10px;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: none !important;
  }
  .call_text{
    padding: 2em;
  }
  .call_text p{
    top: 24px;
    font-size: 12px;
  }
  .about-content p{
    font-size: 12px;
  }
  section{
    padding: 20px 0;
  }
  blockquote{
    width: 100%;
  }
  #why-choose-us {
    background-position: right;
  }
  #our_work .box:hover .over-layer, #team .box:hover .over-layer {
    transform: translate(-9px,-9px);
  }
  #testimonials .owl-nav{
    visibility: hidden;
  }
  #testimonials blockquote:after{
    right:0;
  }
  #testimonials blockquote{
    width:225px;
    margin: 0 auto;
    font-size: 16px;
  }
  .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: 4px;
    font-size: 14px;
  }
  section h2{
    font-size: 22px;
  }
  .top-icon{
      top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }
  .serach_inner input.search-field {
    width: 85%;
  }
  .contact-info{
    text-align: center;
  } 
  .nav_wrap .logo {
    position: relative !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    background-color: transparent !important;
  }
  .nav_wrap .logo {
    padding-left: 8%;
  } 
  .menubar-section {
    margin-left: -25px !important;
  }
  .nav_wrap .search i {
    float: right;
    color: #000;
  }
  .toggle-nav {
    margin-top: 0px !important;
  }
  .nav_wrap .search {
    background-color: transparent;
    padding: 5px 5px;
  }
  .menubar {
    margin-bottom: 25px !important;
  }
  .slider-box {
    top: 35%;
  }
  .slide_nav {
    bottom: 25%;
  }
  #our_services .services-main-box {
    left: 0px;
    top: 0px;
  }
  #portfolio_tab_content .tab_list {
    margin-bottom: 25px;
  }
  #our-records .row .records-list {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-left: 15px !important;
    margin-right: 15px !important;
    text-align: center;
  }
  #our-records p.record-para {
    margin-left: 15px;
    margin-right: 15px;
    text-align: center
  }
  #ourfaqs .section-heading p {
    margin: 0 auto !important;
  }
  #request_a_quote input[type="text"], input[type="tel"], input[type="email"], input[type="phno"], input[type="password"], textarea {
    width: 50%;
  }
  #request_a_quote .request-a-quote-box {
    left: 0px;
  }
  .footer_form .logo-section {
    margin: 0px !important;
    margin-bottom: 0px !important;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
  }
  .contact_us h3 {
    text-align: center;
  }
  .contact_us .footer_form input[type="email"] {
    width: 55% !important;
    border: none !important;
  }
  .contact_us h3 {
    padding-top: 25px;
  }
  #footer ul li {
    margin: 0 0 5px 0;
    text-align: center;
  }
  #footer {
    padding: 1em 0 0 0px;
  }
  #footer h3.widget-title {
    text-align: center !important;
  }
  #footer h3:after {
    margin-left: 40%;
  }
  .copyright .socialbox {
    float: none;
    padding-top: 15px;
  }
  #our_skills .section-heading h3 {
    text-align: center;
  }
  #our_skills .section-heading h3:after {
    margin-left: 45%;
  }
  #our_skills .section-heading p, #testimonials .section-heading h3 {
    text-align: center;
  }
  #testimonials .section-heading h3:after {
    margin-left: 40%;
  }
  #testimonials .testimonial_box .qoute_text {
    text-align: center;
  }
  #testimonials .owl-carousel .owl-item img {
    float: none;
    text-align: center;
  }
  #testimonials .testimonial_name_designation {
    text-align: center;
  }
  #testimonials .owl-dots {
    float: none;
    text-align: center;
  }
  .nav_wrap .search {
    margin-left: 25px !important;
  }
  .nav_wrap .search-section {
    margin-right: 0px !important;
  }
  .toggle-nav {
    left: 0px !important;
  }
  .slide_nav {
    bottom: 25% !important;
    left: 0% !important;
  }
  ol.carousel-indicators {
    top: 27%;
  }
  .serach_outer {
    top: 150px;
  }
  .serach_outer i {
    margin-left: 0px;
  }
  .portfolio_tab_content .box .box-content {
    position: absolute;
    top: 80%;
    left: 5px;
    bottom: 0;
    right: 5px;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
  }
  .postbox .postbox-content {
    position: unset;
    text-align: center;
  }
  .nav_wrap .search {
    padding: 5px 25px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #latest_post .post_pic_inner {
    position: relative;
    width: 100%;
  }
  .serach_outer {
    position: relative;
    top: -15px;
  }
  #our-records h6.count {
    font-size: 25px !important;
  }
  #our-records p.record-para {
    font-size: 15px !important;
  }
  #request_a_quote .contact-box-outer {
    padding-left: 0px;
  }
  .archive .page-header h1 {
    padding-left: 15px;
    font-size: 35px;
  }
  .category h1.category-title {
    padding-left: 15px;
  }
  .navigation .nav-links {
    padding-left: 15px;
  }
  #footer form.search-form {
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px){
  .page-template-page-with-left-sidebar .outer-footer {
    margin-top: 25px;
  }
  .page-template-page-with-right-sidebar p {
    margin-bottom: 25px;
  }
  .contact_us h3 {
    font-size: 10px !important;
  }
  .serach_outer {
    top: 85px;
  }
  .main_title h1 {
    font-size: 25px;
  }
  .main_title h1 {
    margin-top: 75px !important;
  }
  #our-records p.record-para {
    margin-top: 25px !important;
  }
  .category h1.category-title {
    margin-top: 50px;
  }
}
@media screen and (max-width:767px) {
  .top_bar_link{
    text-align: center;
  }
  .top_bar_link a {
    display: table;
    margin: 20px auto;
    text-align: center;
  }
  .top_bar_link{
    padding: 0 15px !important;
  }
  .home.page-template .nav_wrap{
    margin-bottom: 0;
  }
  .about_box {
    margin-bottom: 30px;
  }
  .post_dec{
    display: none;
  }
  .contact_details {
    padding: 12px 0;
    position: static;
    right: 0;
    top: 50%;
    transform: unset;
  }
  .logo_footer {
    margin-bottom: 20px;
  }
  .postbox h3{
    line-height: 22px;
  }
  #latest_post .owl-nav {
    position: static;
    margin: 0 auto;
    text-align: center;
  }
  .meta_post span {
    font-size: 12px;
  }
  .postbox .postbox-content{
    padding: 5px 15px;
  }
  .search-box span {
    float: right;
  }
  .contact_details ul li{
    display: block;
    color: #ffffff;
  }
  .left-side-content {
    text-align: center;
    margin-right: 
  }
  ul.right-side-content{
    margin-bottom: 10px;
    text-align: center;
  }
  .left-side-content li{
    padding-bottom: 10px
  }
  .about-content a {
    margin-bottom: 10px;
  }
  .about-content{
    margin: 0;
  }
  #slider h2{
    font-size: 22px;
  }
  #slider .inner_carousel h2 small{
    font-size: 15px !important;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #slider p.font-weight-bold {
      display: none;
  }
  #our-services .page-box{
    margin-bottom:0.5em;
    margin-top:20px;
  }
  #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;
  }
  #site_top .social-icons {
    float: none;
  }
  .menubar {
    float: right;
  }
  .nav_wrap .logo-section {
    position: relative;
  }
  .menubar-section {
    margin-left: 0px;
  }
  .nav_wrap .search {
    margin-left: 150%;
    background-color:transparent;
  }
  .nav_wrap .search i {
    color: #000;
    padding-top: 10px;
  }
   #about .about-heading h3 {
    text-align: center;
  }
  #about .about-heading h3:after {
    margin-left: 45%;
  }
  #about h6 {
    text-align: center;
  }
  .about-content {
    margin: 0;
    text-align: center;
  }
  .tab_list a.nav-link {
    text-align: center;
  }
  #our_services h3.our-services-title{
    text-align:center;
  }
  #our_services h3.our-services-title:after {
    margin-left: 40%;
  }
  #our_services p.services_content {
    text-align: center;
  }
  #our_services .view-services-button {
    text-align: center;
  }
  #our_services .services_icon_image, #our_services .services-box-title a, .contact-box-outer {
    text-align: center;
  }
  #our_services .services-main-box {
    left: 0px;
  }
  .slide_nav {
    position: relative;
    bottom: 20%;
    left: 4%;
  }
  ul.nav-tabs {
    margin-bottom: 10px;
  }
  .records-list h6.count {
    text-align: center;
  }
  #our-records .row .records-list {
    text-align: center;
  }
  #our-records p.record-para {
    text-align: center;
  }
  #our-records p.record-para {
    margin-top: 50px;
  }
  #request_a_quote .request-a-quote-box {
    left: 0px;
    top: 0px;
  }
  #request_a_quote input[type="text"], input[type="tel"], input[type="email"], input[type="phno"], input[type="password"], textarea {
    width: 50%;
  }
  .footer_form .logo-section {
    padding: 30px;
  }
  #footer ul li {
    display: inline-block;
  }
  #site_top .social-icons {
    margin-right: 0px !important;
  }
  .nav_wrap .search {
    margin-left: 50%;
  }
  .toggle-nav {
    left: 0px !important;
  }
  .menubar {
    float: none !important;
  }
  .contact_us h3 {
    font-size: 10px;
  }
  #testimonials .owl-dots {
    margin-bottom: 20px;
  }
  #testimonials .owl-dots {
    margin-bottom: 20px;
  }
  .nav_wrap .search {
    padding: 12px 25px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #full-width-blog .postbox .postbox-content{
    position:unset;
  }
  #our_services .services-box-title {
    margin-top: 5px;
    text-align: center;
  }
  .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: none !important;
  }
  .main_title h1 {
    padding: 0;
    margin-bottom: 22px;
    margin-top: 35px;
    font-size: 25px;
  }
  #our-records .row .records-list {
    border-top-right-radius: 42px;
    border-bottom-right-radius: 42px;
  }
}
@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: center;
  }
  #we_are_expert{
    background-size: cover;
  }
  #portfolio .box .post{
    text-align: left;
  }
}
@media screen and (max-width: 991px) {
  .post_dec{
    display: none;
  }
  .top_bar_link a{
    font-size: 12px;
    padding: 9px;
  }
  .record_box3, .record_box4{
    margin-bottom: 3rem !important;
  }
  #our_services a.view-all-services {
    padding: 12px 12px;
    font-size: 12px;
  }
  #our_services h3.our-services-title {
    font-size: 25px;
  }
  #our_skills .bar_box p {
    padding-top: 10px;
    font-size: 12px;
  }
  #testimonials .inner-test-bg {
    padding: 10px 0px;
  }
  #testimonials .video-play {
    padding-top: 25px;
  }
  #testimonials .video-play a.video-popup-play {
    top: 35%;
    left: 40%;
  }
  #our-records .row.records-list {
    text-align: center;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px){
  #how-we-work .work-box:before{
     border-left: 46px solid #2b3546;
     border-top: 54px solid transparent;
  }
   #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;
  }
  #slider h2 {
    font-size: 20px;
  }
  #slider .inner_carousel h2 small{
    margin-bottom: 4px;
    font-size: 16px !important;
  }
  #slider a.theme_button{
    padding: 10px 11px;
    margin-top: 0px;
  }
  .slider-box{
    left: 9%;
  }
  #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;
  }
  .teambox{
    margin-bottom: 30px;
  }   
  .postbox{ 
    margin-bottom: 20px; 
  }
  #our-records p.record-para {
    font-size: 12px;
  }
  .slide_nav {
    left: 4%;
  }
  .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: none !important;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px){
  .nav_wrap .search {
      background-color: #000;
      padding: 25px 18px;
  }
}
@media screen and (max-width: 991px) and (min-width: 767px){
  .nav_wrap .search {
    background-color: transparent !important;
    padding: 25px 7px !important;
  }
  .nav_wrap .search-section {
    background-color: #000 !important;
  }
  #request_a_quote .request-a-quote-box {
    position: unset;
  }
  #testimonials .owl-dots {
    display: block;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 15px;
    float: right;
  }
  #site_top ul.left-side-content {
    margin-left: 45px;
  }
  #site_top .social-icons {
    float: right;
    margin-right: 0px;
  }
  .nav_wrap .search-section {
    margin-right: -45px;
  }
  .top_bar{
    padding: 10px;
  }
  #site_top .socialbox a {
    padding: 3px;
  }
  .toggle-nav{
    left:25px !important;
  }
  #full-width-blog .postbox .postbox-content{
    position:unset;
  }
  .page-template-page-with-right-sidebar .outer-footer {
    margin-top: 25px;
  }
  .serach_outer {
    right: -45px;
  }
  #our-records p.record-para {
    margin-top: 20px;
  }
  #our-records p.record-para {
    text-align: center;
  }
}
@media screen and (max-width: 1024px){
  .top_bar_btn a.theme_button {
    position: static;
    top: 0;
    transform: unset;
  }
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .toggle-nav {
    display: block;
    position: relative;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 0 auto;
    z-index: 999999;
    text-align: left;
    left: 0px;
    margin-top: 15px;
  }
  .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: #f1f1f1;
  }
  .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;
	}
  .innermenubox {
    position: static;
    padding-bottom: 10px;
  }

  .main-navigation a{
    color: #444;
  }
  .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: 18rem;
    padding: 5px;
  }
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }
  .nav ul li a:hover{
    color:#ff8a00;
  }
  .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;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .top_bar_btn{
    padding:0;
  }
  #how-we-work .work-box:before{
    right: -12px;
    border-left: 43px solid #2b3546;
  }
  #our-records p.record-para {
    font-size: 11px;
  }
  #our-records h6.count {
    font-size: 15px;
  }
  .contact_us h3 {
    font-size: 15px;
  }
  .menubar {
    float: right;
  }
  .logo h1 a, .logo h1 a {
    font-size: 14px;
  }
}
@media screen and (max-width:1199px) and (min-width:991px){
   #our_team .overlay p {
    font-size: 12px;
    line-height: 1rem;
  }
  .nav_wrap .search-section {
    margin-right: -25px !important;
  }
   .logo h1 a, .logo h1 a {
    font-size: 14px;
  }
}
@media screen and (max-width:1024px) and (min-width:991px){
  .toggle-nav{
    left:-100px;
  }
}