/*
Theme Name: Safha One Page Pro
Theme URI:  https://www.themeseye.com/wordpress/one-page-wordpress-theme/
Author: Themeseye
Author URI: https://www.themeseye.com/
Description: This one page WordPress theme is powerful, bold, versatile, beautiful and well-structured with modern layout that perfectly fits all types of websites ranging from small business to large corporate company, online store, blog and portfolio. Array of advanced functionality will make potent website that will be ready to face tough competition without ever bloating. Amazing features and numerous design options aid you in designing a unique website that will make the most of your online presence and take your business to great height of success. This one page WordPress theme offers multiple choices for blog template, website layout, header and footer styles and menu styles so that you can decide the look of your website and give it personalized touch. We offer premium membership along with this premium theme wherein you get complete access to our customer support and regular theme updates for one year.
Version: 1.0.3
Tested up to: 6.2
Requires PHP: 7.0
License: GNU General Public License
License URI:license.txt
Text Domain: safha-one-page-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Safha One Page Pro Theme WordPress Theme has been created by Themeseye(themeseye.com), 2019.
Safha One Page Pro Theme WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
*{
  margin:0; 
  padding:0; 
  outline:none;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font-size: 14px;
  color:#5b5b5b; 
  font-family: 'Montserrat';
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
  line-height: 1.4;
  letter-spacing: 1px;
  color:#5b5b5b;
  font-family: 'Montserrat';
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:14px;
  font-weight:normal;
}
p, ul li a{
  letter-spacing: 0px;
  font-family: 'Montserrat';
}
body a{
  text-decoration:none; 
  color:#00c7fe;
}
a:hover{
  text-decoration:none; 
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 16px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  background:#ececec;
}
 
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: #7a7a7a;
}
 
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
  
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  color:#fff;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 0;
  background-attachment: fixed;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  background-color: #00c7fe;
}
input[type="submit"]:hover{
  cursor: pointer;
}
.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp{
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible!important;
}

.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{ 
  margin:0; 
  padding:0; 
  background-color:#01305c;
}
.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
table, td, th {
  border: 1px solid black;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ---------Buttons--------- */
a.button{ 
  border: 2px solid #01305c ; 
  background:#01305c;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}
a.theme_button {
  color: #ffffff;
  border: none;
  margin-top: 8px;
  letter-spacing: 1px;
  padding: 12px 12px;
  font-size: 14px;
  font-weight: bold;
  background: #00c7fe;
  border-radius: 40px;
}
a.theme_white_button{
  border: none;
  margin-top: 15px;
  letter-spacing: 1px;
  padding: 13px 31px;
  font-size: 14px;
  font-weight: bold;
}
a.theme_white_button{
  background:none;
  color: #00c7fe;
  border-radius: 25px;
  border:2px solid #00c7fe;
}
a.theme_white_button:hover {
  color: #fff;
  background: #00c7fe;
}
.theme_button i{
  padding-left: 5px;
}
input#carminprice{
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 24px;
    font-family: "Montserrat";
    font-weight: 600;
    background: transparent;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px 5px;
    border-radius: 3px;
}
input#carminprice::placeholder{
  color: #01295c;
}
.font_large {
    text-align: center;
}
/* --------------------------Top Bar---------------------------- */
#home_contact h6 {
    font-size: 14px;
    letter-spacing: 0px;
    color: #01305c;
    font-family: "Montserrat";
    font-weight: 700;
    padding: 0;
    margin-bottom: 3px;
}
#home_contact p {
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 16px;
    color: #a7a9ac;
    font-family: "Montserrat";
    font-weight: 600;
    margin: 0;
}
.bg-color {
    padding: 25px 15px;
    background-color: #fefefeed;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 10px 36px -2px #ccc
}
.img-class img {
    max-width: initial;
}
.socialbox a i {
    color: #fff;
    border-radius: 25px;
    font-size: 14px;
    text-align: center;
    margin-left: 10px;
    width: 27px;
    padding: 7px 7px;
}
#home_contact .socialbox a i:hover{
  background-color: #fff;
  color: #fff;
}
.socialbox a i:hover {
    background-color: #fff;
    color: #00c7fe;
}
/* --------------------------Header---------------------------- */
#header .col-lg-2.col-md-3.top_bar_btn {
    margin-top: 5px;
}
.scrolled {
/*    position: fixed !important;
*/    top: 0;
    width: 100%;
    z-index: 999999;
}
#header .logo img{
  max-height: 123px;
  width: auto;
}
 #header .logo {
    padding: 18px 19px;
    background-color: #fff;
    width: 158px;
    height: 158px;
    position: absolute;
    border-radius: 50%;
    top: 12px;
    left: -12px;
}
.home.page-template #header {
  background-color: #ffffff;
  width: 100%;
  float: left;
  box-shadow: 10px 34px 47px -20px #ccc;
}
 #header{
  background-color: #01305c;
  width: 100%;
  float: left;
}
#header i.fa.fa-user{
    margin-top: 16px;
    font-size: 11px;
    border:2px solid #ffffff;
    padding: 7px 7px;
    border-radius: 20px;
    color: #fff;
}
.top_bar ul li {
    display: inline-block;
}
#topbar {
  border-top: 10px solid #435061;
}
#site_top .customize-partial-edit-shortcut button{
  left: 0px;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.neseted-inner {
  top: 0;
  position: absolute;
}
.continnerbox {
  background-size: 100% 100%;
  color: #fff;
  border-top: 40px solid #435061;
  border-left: 60px solid transparent;
}
.home.page-template #header .logo, #footer .logo{
  margin-top: -50px; 
  margin-bottom: -35px; 
  position: relative;
  z-index: 999;
}
#header .logo{
  margin-bottom: -30px;
  margin-top: -50px; 
  position: relative;
  z-index: 999;
}
#header .logo h1, #footer .logo h1{ 
  font-weight:700; 
  padding:0; 
  margin-bottom:8px; 
  font-size:26px; 
  font-weight:bold; 
  margin-top: 0; 
}
#header .logo h1,.logo p{
  text-align: center;
  margin-top: 10px;
}
.logo a.custom-logo-link{ 
  color:#000000;
}
.logo h1 a, .logo h1 a{
  text-transform: uppercase;
}
.logo p{ 
  margin-bottom: 0;
  font-size: 14px;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
span.search-icon.hvr-icon-grows {
    background-color: #00c7fe;
    padding: 10px 12px;
    border-radius: 20px;
}
.right_menu {
    text-align: right;
}
.logo h1 a, .logo h1 a{
  font-size: 12px;
}
.inner-sbox.align-items-center {
    margin-top: 20px;
}
/*----------------Menu bar-----------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
    margin: 0 auto;
    text-align: center;
    display: block;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
  
}
.main-navigation li{
  position: relative;
  padding: 17px 15px;
  display: inline-block;
}
.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  color: #acacac;
  padding: 0;
  font-size: 13px;
  letter-spacing: 1px;
  font-family: "Montserrat";
  font-weight: 700;
  text-align: right;
}
.main-navigation a:hover{
  color: #00c7fe;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #F6F6F6;
  min-width: 210px;
  z-index: 9999;
}

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

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

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

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

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

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #00c7fe;
}
.main-navigation .menu > ul > li.highlight{
  background-color: #00c7fe;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}
.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}
.main-navigation ul ul li:hover > a{
  color: #1e1d1c;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.search-box{
  margin-top: 20px;
  text-align: right;
}
.search-icon{
  cursor: pointer;
}
.search-icon i{
  color: #fefefe;
}
.main-navigation ul ul li{
  text-align: left;
  padding:10px;
}
/*----------------------Mobile Menu Icon------------------------------*/

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

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border-top-color: #e1e1e1;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.serach_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.closepop {
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
  z-index: 999999;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
  cursor: pointer;
}
.serach_inner form.search-form {
   display: table;
   padding: 0;
   border-radius: 0;
   background: #ffffff;
   margin: 0 auto;
   max-width: 700px;
   width: 100%;
}
.serach_inner form.search-form {
  display: table;
  border: 1px solid #bababf;
  padding: 14px 20px;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
  border-radius: 35px;
}
.serach-page input.search-field {
    border: 1px solid #ccc;
    padding: 9px;
}
.search_popup input.search-submit {
  border: 0;
}
.search_popup label {
  background: transparent;
  width: 85%;
}
.search_popup input.search-field {
  padding: 1.5% 0;
  background: transparent;
  width: 100%;
  text-indent: 8px;
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.menubar .social-media a:hover{
  color:#3890cb;
}
i.fas.fa-headphones {
  color: #ffffff;
  font-size: 25px;
  cursor: pointer;
  border-right: 2px solid #ffffff;
  padding: 5px 8px;
  padding: 3px 8px 11px 6px;
}
.consultation a {
  border: 2px solid #fff;
  padding: 8px 7px;
  padding-left: 0;
}
.consultation {
    background-size: cover;
    background-repeat: no-repeat;
}
.consultation span {
  padding: 0 3px;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}
ul.search-consult {
  padding: 0;
}
/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  color: #22272b;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h3 {
  font-weight: 900;
  color: #00c7fe;
  padding: 0;
}
section h4{
  color:#000; 
  font-size:20px;
}
section h5{
  color:#333; 
  font-weight:bold;
  margin:0 0 10px 0; 
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}
.owl-dots {
    display: none;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*------------------------- About-----------------------------*/
#about {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.about-heading h3{
  font-size: 40px;
  color: #d1007b;
  font-family: 'Charm';
  font-weight: bold;
}
.about-heading h4{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #555a5e;
  font-family: "Montserrat";
  font-weight: bold;
  padding-bottom: 30px;
}
.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    background-color: #01305c !important;
}
.about-heading img{
  text-align: right;
}
.about-content p {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #555a5e;
  font-family: "Montserrat";
}
.about-content a {
  display: inline-block;
  margin-top: 25px;
}
#about ul li {
  list-style: none;
}
.li_content i{
  color: #00c7fe; 
}
.about_img img {
    width: 100%;
}
.about-content {
    margin-right: 20px;
}
h4.subheading {
  color: #858585;
}
/*color*/
.section h3{
  color: #00c7fe;
}
#footer h3{
  color: #00c7fe; 
}
.about_button{
  font-size: 18px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "Montserrat";
  text-align: center;
  background: linear-gradient(270deg, #a91696 30%, #59189b 100%);
  border-radius: 40px;
  padding: 10px 20px;
}
.about_button:hover{
  color: #ffffff;
}
.about_button i{
  font-size: 15px;
  margin-left: 3px;
}
input#carmaxprice {
  width: 100% !important;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #01295c;
  font-family: "Montserrat";
  font-weight: 600;
  background: transparent;
  width: 100%;
  border: 1px solid #ccc;
  padding: 5px 5px;
  border-radius: 3px;
}
#about ul.nav.nav-pills.nav-justified {
  display: block;
}
h4.tab-title {
  font-size: 18px;
  color: #01305c;
  font-family: "Montserrat";
  font-weight: 700;
  background-color: red;
}
#about .nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
  color: #fff;
  cursor: default;
  background:none;
}
/* Outer */
.popup {
  width:100%;
  height:100%;
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  background: rgba(0, 0, 0, 0.77);
  z-index: 999999;
}
/* 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;
}
section#our-video {
    background-attachment: unset;
}
#our-video .ps_video i {
    background-color: #00c7fe;
    padding: 15px 17px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
}
.video-sec {
    border-top-right-radius: 70px;
    border-bottom-right-radius: 50px;
}
.ps_video {
    left: 50%;
    top: 47%;
    position: absolute;
    border: 3px solid #00c7fe;
    border-radius: 30px;
    padding: 5px;
}
.video_call {
    background-repeat: no-repeat;
}
.video_call .ps_video {
    top: 29%;
}
section#about-video {
    background-color: #e4f6ff;
    padding: 0;
}
.testimonail-bg{
    background-color: #e4f6ff;
}
#about li.nav-item:hover{
  background-color:#00c7fe;
}
a.service-button {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    padding: 12px 18px;
    font-family: "Montserrat";
    font-weight: 600;
    text-align: center;
    background-color: #00c7fe;
    border-radius: 4px;
}
/*-----------about------------*/
#about-us h3 {
    color: #01305c;
    font-size: 36px;
    font-weight: 700;
}
#about-us p {
    padding-top: 25px;
    padding-bottom: 30px;
    line-height: 30px;
    font-family: "Open Sans";
    color: #a8b0c5;
    font-size: 14px;
    max-width: 500px;
}
#about-us h3:after {
    background-color: #00c7fe;
    content: "";
    display: block;
    width: 37px;
    margin-top: 5px;
    height: 3.7px;
}
#about-us img.about-img {
    border-radius: 54px; 
}
#about-us img.abouts-img{
  margin-top: 20px;
}
#about-us a.about-button {
    font-weight: bold;
    border-radius: 30px;
    background-color: #00c7fe;
    color: #ffffff;
    padding: 14px 30px;
}
#about-us h6 {
    margin-top: 15px;
    padding-bottom: 0;
    color: #01305c;
    font-size: 18px;
    font-weight: bold;
}
section#about-us {
    padding: 5em 4em;
}
#about-us p.desgination_name {
    color: #00c7fe;
    font-size: 14px;
    font-family: "Open Sans";
    padding-top: 0px;
    font-weight: 600;
}
.about-btns{
  margin-bottom: 20px;
}
.btn-about {
    margin-top: 40px;
}
#about a.nav-link.active {
    background-color: #00c7fe;
    border:none;
    color: #fff;
}
#about a.service-button:hover {
    background-color: #01305c;
}
#site_top span.hi_normal {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
#site_top span.hi_normal i {
    margin: 4px;
}
#site_top span.phone_call {
    font-size: 17px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Work Sans";
    font-weight: 700;
}
#site_top span.phone_call i {
    color: #00c7fe;
    padding: 0px 5px;
    font-size: 25px;
}
.topbar_details {
    border-bottom-right-radius: 28px;
    background-color: #00c7fe;
    padding: 14px;
    border-top-right-radius: 28px;
}
section#site_top {
    padding: 0;
    background-color: #01305c;
}
.topbar_detail {
    background-color: #01305c;
    padding: 10px;
}
.topbar_email,.email_wrap,.topbar_detail{
  text-align: center;
}
.bg-color {
    background-color: #fefefeed;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 10px 36px -2px #ccc;
    background: #01305c;
}*/
/*------------------------Browse make--------------------------*/
h3.partner_title {
    font-size: 26px;
    letter-spacing: 1px;
    color: #01305c;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    padding-bottom: 25px;
}
/*-------------------------Find Car--------------------------*/
#search-cars input#carminprice {
    width: 100%;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 24px;
    color: #01295c;
    font-family: "Montserrat";
    font-weight: 600;
    background: transparent;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px 5px;
    border-radius: 3px;
}
select#cartype {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #01295c;
    font-family: "Montserrat";
    font-weight: 500;
    background: transparent;
    width: 100%;
    border: 1px solid #ccc;
    padding: 7px 5px;
    border-radius: 3px;
}
input#carname{
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 24px;
    color: #01295c;
    font-family: "Montserrat";
    font-weight: 600;
    background: transparent;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px 5px;
    border-radius: 3px;
}
input#carname::placeholder,#search-cars input#carminprice::placeholder,input#carmaxprice::placeholder{
  color:#01305c;
}
button#searchcar {
    font-size: 13px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Montserrat";
    font-weight: 700;
    background-color: #00c7fe;
    border: none;
    padding: 7px 24px;
    border-radius: 3px;
}
.form-control{
  color: #01295c;
}
section#search-cars {
    padding-top: 0;
    padding-bottom: 40px;
}
.ad-search-box {
    box-shadow: 0px 4px 1px 1px #ccc;
    padding-top: 35px;
    padding-bottom: 35px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*------------------------- Services Tab -----------------------------*/
#services h4.service_name a {
    font-size: 18px;
    letter-spacing: 0px;
    color: #01305c;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    margin:0 auto;
    display: table;
}
#services .services_wrap:hover h4.service_name a,#services .services_wrap:hover .short_text_serv{
  color:#ec2127;
}
.team_icon {
    padding-bottom: 20px;
}
.services_wrap {
    padding: 56px 10px 69px 10px;
    box-shadow: 0px 4px 1px 1px #cccccc38;
    background-color: #fff;
    border: 1px solid #cccccc21;
    margin-bottom: 20px;
}
#services h3 {
    font-size: 36px;
    letter-spacing: 1px;
    color: #01305c;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    padding-bottom: 0.7em;
}
#services h4.service-title a {
    color: #01305c;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    display: table;
}
.service-text {
    box-shadow: 10px 34px 47px -20px #cccccc29;
    background: #fefefe;
    padding: 45px 10px 35px;
    border: 2px solid #e9e9e852;
    border-radius: 5px;
}
.service-icon i {
    color: #00c7fe;
    font-size: 60px;
    text-align: center;
    margin: 0 auto;
    display: table;
}
#services h3:after{
   background-color: #00c7fe;
    content: "";
    display: block;
    text-align: center;
    margin:4px auto;
    width: 37px;
    left: 49%;
    height: 3.7px;
}
.service-text:hover{
  background-color:#00c7fe; 
}
.service-text:hover h4.service-title a{
  color:#ffffff !important;
}
.service-text:hover p.service_des{
  color: #ffffff !important;
}
.service-text:hover .service-icon i{
  color: #ffffff;
}
#services p.para_service {
    margin-bottom: 25px;
}
#services h4.service-title {
    margin-top: 30px;
}
#services p{
  color: #a8b0c5;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
}
.short_text_serv {
    font-size: 13px;
    line-height: 30px;
    color: #a8b0c5;
    font-family: "Montserrat";
    font-weight: 500;
    text-align: center;
}
.about-inner{
  padding: 20px 0;
}
#services .about-inner {
    padding: 20px 5px;
}
#services .row {
    margin: 0px 0px;
}
.services_para{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #555a5e;
  font-family: "Montserrat";
  text-align: center;
}
.services-data {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    padding: 0 10px;
}
.services-title{
  font-size: 18px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: "Montserrat";
  text-align: center;
}
.services-icon {
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 8px 14px;
  width: 40px;
  height: 40px;
  display: block;
}
.services-icon i {
  color: #fff;
}
#services .row .services-content:hover .services-data {
    margin-top: 75px;
    transition-duration: 0.3s;
}
.services-content:hover .services-icon{
  background-color: #ffffff;
}
.services-content:hover .services-icon i{
  color: #00c7fe;
  transition: 1s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
#services .owl-nav {
  display: block;
}
#services button.owl-prev{
    padding: 10px 16px;
    background-color: #01305c;
    position: absolute;
    top: 37%;
    left: -6%;
    border: none;
    color: #fff;
}
#services button.owl-next{
    position: absolute;
    padding: 10px 16px;
    background-color: #01305c;
    right: -6%;
    top: 37%;
    border: none;
    color: #fff;
}
#services button.owl-prev:hover,#services button.owl-next:hover{
  background-color: #ec2127;
}
/*------------------------Project------------------------------*/
#project{ background-color: #e4f6ff; }
#project .box{
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    position: relative;
}
#project .box:before{
    content: "";
    width: 100%;
    height: 100%;
    /*background-color: #153d64;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
#project .box:hover:before{ opacity: 1; }
#project .box img{
    width: 100%;
    height: auto;
    transform: scale(1.2);
    transition: all 0.3s ease 0s;
}
#project .box .box-content{
    width: 70%;
    height: 100%;
    padding: 15px 0 0 15px;
    background: #153d64e3;
    position: absolute;
    top: 0;
    left: -100%;
    transition: all 0.3s ease 0s;
    z-index: 999;
}
#project .box:hover .box-content{ left: 0; }
#project .box h4.title a{
    font-size: 18px;
    font-weight: 600;
    color: #00c7fe;
    letter-spacing: 0px;
    margin: 0;
}
#project .box .post{
    /*display: inline-block;*/
    font-size: 14px;
    color: #a8b0c5;
    font-family: "Open Sans";
    letter-spacing: 1px;
    transition: all 0.8s ease 0.3s;
}
#project p.post {
    text-align: left !important;
}
#project .box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    position: absolute;
    top: 50%;
    right: -100%;
    z-index: 1;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
}
#project .box:hover .icon{ right: 25px; }
#project .box .icon:after{
    content: "";
    width: 130%;
    height: 100%;
    background: #153d64e3;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
}
#project .box .icon li{
    display: block;
    margin: 10px 0;
}
#project .box .icon li a{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    font-size: 18px;
    color: #00c7fe;
    box-shadow: 0 0 10px rgba(0,0,0,0.4) inset;
    transition: all 0.3s ease 0s;
}
#project .box .icon li :hover{
    background: #153d64e3;
    color: #fff;
}
h3.project_title {
    color: #01305c;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 35px;
    text-align: center;
}
h3.project_title:after {
    background-color: #00c7fe;
    content: "";
    display: block;
    text-align: center;
    margin:4px auto;
    width: 37px;
    left: 48%;
    height: 3.7px;
}
#project p {
    color: #a8b0c5;
    text-align: center;
    margin-bottom: 35px;
}
/*-------------------------Team---------------------------------*/
#rooms_tab .details-box-content {
  transform: skew(40deg);
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
}
h3.team_title {
    text-align: center;
    color: #01305c;
    font-weight: bold;
    font-size: 36px;    
}
h3.team_title:after{
    background-color: #00c7fe;
    content: "";
    display: block;
    margin:4px auto;
    text-align: center;
    width: 37px;
    left: 48%;
    height: 3.7px;
}
#team p {
    margin-top: 30px;
    color: #a8b0c5;
    font-family: "Open Sans";
    text-align: center;
}
.home.page-template .team-sec,.team-two-sec {
    background-color: #f7f7f7;
    padding: 39px 10px;
}
.home.page-template .team-sec:hover,.team-two-sec:hover{
  background-color: #00c7fe;
}
.team-sec:hover h6.dest_team,.team-two-sec:hover h6.dest_team{
  color: #ffffff;
}
.team-sec:hover h4.team_name a,.team-two-sec:hover h4.team_name a{
  color: #ffffff;
}
.team-sec:hover .short_text,.team-two-sec:hover .short_text{
  color: #ffffff;
}
.team-sec:hover .team_social a i,.team-two-sec:hover .team_social a i{
  background-color: #fff;
  color: #00c7fe;
}
.team-sec:after {
  content: "";
  position: absolute;
  right: 94%;
  top: 50%;
  width: 0;
  height: 0;
  display: block;
  margin-top: -10px;
  border-top: 16px solid transparent;
  border-right: 17px solid #f7f7f7;
  border-bottom: 16px solid transparent;
  border-left: 19px solid transparent;
  overflow: visible;
  z-index: 999;
   
}
.team-two-sec:before {
  content: "";
  position: absolute;
  left: 94%;
  top: 50%;
  margin-top: -10px;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-right: 17px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 19px solid #f7f7f7;
  overflow: visible;
}
.team-two-sec:hover:before{
  border-left: 16px solid #00c7fe;
}
.team-sec:hover:after{
  border-right: 16px solid #00c7fe;
}
h6.dest_team {
    padding-top: 0; 
    font-size: 14px;
    color: #adb5c8;
    font-weight: 600;
    text-align: center;
}
.team-sec .team_social a i,.team-two-sec .team_social a i {
    margin-left: 15px;
    color: #ffffff;
    width: 28px;
    border-radius: 28px;
    padding: 7px;
    background-color: #00c7fe;
}
.team-sec .team_social a i:hover,.team-two-sec .team_social a i:hover{
  background-color: #00c7fe;
  color: #fff;
}
.team_social {
    text-align: center;
    padding-top: 15px;
}
.short_text{
    color: #a8b0c5;
    font-family: "Open Sans";
    text-align: center;
}
h4.team_name a {
    font-size: 20px;
    letter-spacing: 1px;
    color: #01305c;
    font-family: "Montserrat";
    font-weight: 600;
    text-align: center;
    display: table;
    margin: 0 auto;
}
/*--------------------------Browse car by model-----------------------*/
p.car_title {
    font-size: 13px;
    letter-spacing: 0px;
    color: #a7a9ac;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    padding-top: 5px;
}
#browse_car .owl-dots {
    display: block;
    text-align: center;
}
#browse_car button.owl-dot.active {
    border-radius: 30px;
    background-color: transparent !important;
    padding: 3px;
    border: 2px solid #01305c;
    margin-right: 5px;
}
#browse_car button.owl-dot {
    background-color: red;
    padding: 5px;
    border-radius: 30px;
    margin-right: 5px;
    border:none;
}
section#browse_car {
    padding-top: 50px;
    padding-bottom: 85px;
}
.brwsebg {
    padding-bottom: 3px;
    background-color: #fff;
    padding-top: 25px;
    border-radius: 3px;
    margin-bottom: 35px;
}
.brwsebg img.browse-img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.brwsebg img.browse-img:hover{
   -webkit-filter: inherit;
    filter: inherit;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  p.car_title:hover {
    color: #01305c;
  }
/*-------------------------How We Work--------------------------*/
section#how_we_work {
    padding-bottom: 0;
}
h3.how_we {
    color: #01305c;
    font-weight: 700;
    font-size: 36px;
}
p.how-we-para {
    margin-top: 30px;
    color: #a8b0c5;
    font-family: "Open Sans";
}
h5.why_title {
    color: #00c7fe;
    font-size: 18px;
}
p.why_title {
    font-size: 14px;
    line-height: 30px;
    color: #a8b0c5;
    font-family: "Open Sans";
    font-weight: 400;
}
h3.how_we:after {
    background-color: #00c7fe;
    content: "";
    display: block;
    width: 37px;
    height: 3.7px;
}
.how-we-workbg:hover .work_img img{
    transition: 1s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.vertical_scroll {
    height: 560px;
    overflow: auto;
}
.vertical_scroll::-webkit-scrollbar-track{
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     border-radius: 10px;
     background-color: #F5F5F5;
}
.vertical_scroll::-webkit-scrollbar{
     width: 6px;
     background-color: #F5F5F5;
}
.vertical_scroll::-webkit-scrollbar-thumb{
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
     background-color: #01305c;
}
/*-----------------------------Features----------------------------*/
#features .features:hover {
    background-color: #e9e9e8f2;
}
#features .features{
    box-shadow: 10px 34px 47px -20px #ccc;
    background: #fefefe;
    padding: 45px 10px 35px;
    border: 2px solid #e9e9e852;
}
#features p.features_title {
    font-size: 14px;
    letter-spacing: 0px;
    color: #a8b0c5;
    font-family: "Open Sans";
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    /*padding-top: 10px;*/
}
.features img.feature-img {
    padding-bottom: 25px;
}
h6.features_title {
    font-size: 18px;
    font-weight: bold;
    color: #01305c;
    text-align: center;
}
#features h3.features_title {
    font-size: 26px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Montserrat";
    font-weight: bold;
    text-align: center;
    padding-bottom: 30px;
}
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #ffffff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #01305c;
  -webkit-transform: scale(0);
  transform: scale(0);
  -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-rectangle-out:hover i, .hvr-rectangle-out:focus i, .hvr-rectangle-out:active i {
  color: #ffffff;
}
.hvr-rectangle-out:hover h6.features_title {
  color: #ffffff;
}
.hvr-rectangle-out:hover p.features_title {
  color: #ffffff;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.hvr-rectangle-out:hover img.feature-img{
    transition: 1s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
/*-------------------------Why choose us---------------------------*/
.why-choose-box ul li {
    display: inline-block;
    margin-left: 5px;
}
.why_choosebg:hover .ul.records-sec li{
    transition: 1s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
h6.count {
    color: #01305c;
    font-size: 30px;
    font-weight: 600;
}
.why-choose-box li i {
    color: #01305c;
    font-size: 30px;
    text-align: center;
}
ul.records-sec {
    text-align: center;
}
section#why-choose-us {
    padding-top: 60px;
}
#why-choose-us h3.records {
    font-size: 36px;
    letter-spacing: 1px;
    color: #01305c;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
}
#why-choose-us p {
    color: #01305c;
    font-family: "Open Sans";
    text-align: center;
}
.why-choose-box {
    margin-top: 48px;
}
#why-choose-us h3.records:after {
    background-color: #00c7fe;
    content: "";
    display: block;
    text-align: center;
    margin:6px auto;
    width: 37px;
    height: 3.7px;
}
.why_choose_sec {
    border-right: 2px solid #00c7fe;
}
#why-choose-us p.why_title {
    font-size: 14px;
    letter-spacing: 1px;
    color: #01305c;
    font-family: "Montserrat";
    font-weight: 700;
}
/*------------------------Pricing Plans-----------------------------*/
#plans_pricing h3{
    color: #01305c;
    font-weight: 700;
    font-size: 36px;
    text-align: center;
}
#plans_pricing p {
    color: #01305c;
    font-family: "Open Sans";
    font-weight: 400;
    text-align: center;
    margin-top: 28px;
}
#plans_pricing h3:after{
    background-color: #00c7fe;
    content: "";
    margin:4px auto;
    text-align: center;
    display: block;
    width: 37px;
    top: 7%;
    height: 3.7px;
}
.package-image h5 {
    font-size: 40px;
    color: #01305c;
    text-align: center;
    font-weight: bold;
}
.package-price span {
    text-align: center;
    font-size: 35px;
    color: #01305c;
    margin: 0 auto;
    padding-bottom: 10px;
    display: table;
    font-weight: 700;
    padding-top: 30px;
}
.border_second{
  border-bottom: 2px solid #e5eaee;
}
.package-content:hover .border_second{
  border-bottom: 2px solid #e5eaee;
}
.package-price sub {
    font-size: 18px;
    letter-spacing: 0px;
    color: #00c7fe;
    font-weight: 600;
}
#plans_pricing p.package-des {
    line-height: 30px;
    color: #a8b0c5;
    font-size: 14px;
    text-align: center;
    margin-bottom: 25px;
}
#plans_pricing .owl-item.active:nth-child(odd) .package-content {
    padding: 35px 20px 45px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 25px;
    box-shadow: 0 0 15px 0px #ccccccb8;
    border: 1px solid #cccccc4d;
}
#plans_pricing .owl-item.active:nth-child(even) .package-content {
    padding: 35px 20px 45px;
    background-color: #00c7fe;
    border-radius: 5px;
    margin-top: 25px;
    box-shadow: 0 0 15px 0px #ccccccb8;
    border: 1px solid #cccccc4d;
}
#plans_pricing .owl-item.active:nth-child(even) p.package-des,#plans_pricing .owl-item.active:nth-child(even) .package-image h5,#plans_pricing .owl-item.active:nth-child(even) .package-price span{
  color:#fff;
}
#plans_pricing .owl-item.active:nth-child(even) .package-price sub{
  color:#01305c;
}
#plans_pricing .owl-item.active:nth-child(even) a.pricing_plansbtn{
  color:#01305c;
}
a.pricing_plansbtn {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    color: #00c7fe;
    padding: 13px 20px;
    text-align: center;
    margin: 0 auto;
    border-radius: 30px;
    border: 2px solid;
    display: table;
}
section#plans_pricing {
    background-size: 100%;
    padding-bottom: 0;
}
#plans_pricing .owl-item.active:nth-child(odd) .border_bottoms{
   border-bottom: 4px solid #00c7fe;
}
#plans_pricing .owl-item.active:nth-child(even) .border_bottoms{
   border-bottom: 4px solid #fff;
}
#plans_pricing .owl-item.active:nth-child(odd) .package-content:hover .package-price img,#plans_pricing .owl-item.active:nth-child(even) .package-content:hover .package-price img{
    transition: 1s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
/*------------------------Testimonials -----------------------------*/
#testimonials p.dest_testimonial {
    text-align: center;
    font-size: 13px;
    color: #00c7fe;
    font-family: "Montserrat";
    font-weight: 600;
}
h3.testimonials_title:after {
    background-color: #00c7fe;
    content: "";
    margin:0 auto;
    text-align: center;
    display: block;
    width: 37px;
    left: 49%;
    height: 3.7px;
}
.testi-data {
    margin-top: 30px;
}
p.sub_title {
    margin-top: 20px;
    color: #a8b0c5;
    font-family: "Open Sans";
    text-align: center;
}
section#testimonials {
    background-size: 100%;
    /*background-attachment: unset;*/
}
.home.page-template .textimonial-img {
    margin-bottom: -40px;
    text-align: center;
}
.home.page-template .content_box{
    box-shadow: 10px 34px 47px -25px #cccccc29;
    background: #fefefe;
    padding: 20px;
}
#testimonials h3.testimonials_title {
    font-size: 36px;
    letter-spacing: 1px;
    color: #01305c;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
}
#testimonials h4.testimonial_name a{
    text-align: right;
    font-size: 16px;
    letter-spacing: 0px;
    color: #01305c;
    font-family: "Montserrat";
    font-weight: bold;
}
.testimonials_title{
  font-size: 40px;
  color: #00c7fe;
  font-family: "Charm";
  font-weight: bold;
  text-align: center;
}
h4.testimonial_name {
    text-align: center;
}
.testimonials-icon i {
    font-size: 25px;
    padding: 15px;
    color: #00c7fe;
}
#testimonials .short_text{ 
    width: 100%;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 30px;
    color: #a8b0c5;
    font-family: "Open Sans";
    font-weight: 400;;
    margin: 0 auto;
}
.textimonial-img img {
  border-radius: 50%;
}
#testimonials .fancy-title {
    margin: 0 auto;
}
.test_shortcode_bg {
  background-color: #ddd;
  padding: 30px 0;
}
.testimonial_name a {
  font-size: 14px;
  color: #00c7fe;
  font-family: "Montserrat";
  font-weight: bold;
  text-align: center;
}
#testimonials button.owl-dot {
  display: none;
}
.home.page-template .testimonial_box:hover .textimonial-img img{
    transition: 1s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
    background-color: red !important
}
/*------------------------- Our Clients -----------------------------*/
.clients_title {
    font-size: 40px;
    color: #d1007b;
    font-family: "Charm";
    font-weight: bold;
}
.clients_para {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #555a5e;
    font-family: "Montserrat";
    padding: 10px;
}
.clientbg {
    background-color: #ffffff;
    text-align: center;
    margin-bottom: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
    border: 3px solid #fff;
}
.clientbg:hover{
   border:3px solid #ec2127;
}
#partners{
  background-color:#e8f2ff;
  padding-bottom: 78px;
}
a.partner-button {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: "Montserrat";
    font-weight: 700;
    text-align: center;
    background-color: #00c7fe;
    text-align: center;
    margin: 0 auto;
    display: table;
    padding: 12px 20px;
    border-radius: 4px;
}
a.partner-button:hover{
  background-color: #01305c;
}
span.partner-icon {
    margin-left: 8px;
}
.partner-bttn {
    margin-top: 20px;
}
/* gallery */
section#business_gallery {
  background-color: #efefef;
  padding: 40px 0px 0px 0px;
}
figure.gallery-item {
  width: 20%;
  float: left;
}
.gallery-image {
  height: 100%;
  margin-bottom: 30px;
}
.view img {
  display: block;
  position: relative;
  width:100%;
  height:200px;
}
.bwt_img {
  height: 100%;
  width: 100%;
}
.view a.info {
  background: url(assets/images/link.png) center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding: 0;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  top: 43%;
  transform: translate(-50%);
  border-radius: 50%;
}
.second-effect a.info {
  position:relative;
  opacity:0;
  transform:scale(0,0);
  transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  outline:none;
}
.second-effect:hover .mask {
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}
.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}
.secondry-menu ul {
  padding: 50px 0;
  margin: 0;
  text-align: center;
}
.secondry-menu li {
  display: inline-block;
  padding: 5px 25px;
}
.secondry-menu li a {
  color: #929292 !important;
  font-size: 14px;
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-weight: bold;
}
.secondry-menu li a:hover {
  color: #ffbf43;
}
.row-eq-height > [class^=col] {
  display: flex;
  flex-direction: column;
}
.head-inner.text-center {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
#TB_window {
  position: fixed;
  background-color: #fff;
  z-index: 100050;
  visibility: hidden;
  text-align: left;
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  transform: translate(-50%,-50%);
  margin: 0 !important;
}
/*----------------Shortcodes----------------*/
.team_icon img {
    text-align: center;
    margin: 0 auto;
    display: table;
}
#team ul li {
    display: inline-block;
}
#team ul.icon li a i {
    margin-left: 15px;
    color: #ffffff;
    width: 30px;
    border-radius: 28px;
    padding: 7px 9px;
    background-color: #00c7fe;
}
#team ul.icon {
    text-align: center;
}
.team-sec{
    background-color: #f7f7f7;
    padding: 53px 10px;
}
h6.dests_team {
    margin-top: 0 !important;
}
.team-sec:hover ul.icon li a i{
  background-color: #ffffff;
  color:#01305c;
}
.team-sec:hover,.team-two-sec:hover{
  background-color: #00c7fe;
}
.content_box{
    box-shadow: 10px 34px 47px -25px #cccccc29;
    background: #a8b0c50f;
    padding: 20px;
}
.shortcode_team ul.icon {
    margin: 0;
}
/*------------------Latest Post -----------------*/
.blog-heading h3 {
  font-size: 36px;
  letter-spacing: 1px;
  color: #01305c;
  font-family: "Montserrat";
  font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
}
section#latest_post {
    padding-bottom: 40px;
    padding-top: 60px;
}
.blog-subheading p {
  color: #00c7fe;
  font-family: Montserrat;
  font-size: 14px;
  padding: 10px 0px 10px 0px;
}
#latest_post .post-subheading {
  font-size: 14px;
  color: #00c7fe;
  padding: 10px 0px 10px 0px;
}
#latest_post span.comments {
    margin: 20px;
}
.latest_post_text span {
    font-size: 12px;
    letter-spacing: 0px;
    color: #a8b0c5;
    font-weight: 600;
    text-transform: uppercase;
}
.post_pic_inner img {
    border-radius: 5px;
}
.blog-heading h3:after {
    background-color: #00c7fe;
    content: "";
    margin:0 auto;
    text-align: center;
    display: block;
    width: 37px;
    height: 3.7px;
}
.blog-heading p {
    color: #a8b0c5;
    font-family: "Open Sans";
    text-align: center;
    margin: 15px 16px 40px;
}
.latest_post_text {
    background: #fefefe;
    padding: 56px 50px 5em 62px;
    border: 1px solid #cccccc21;
    box-shadow: 0 0 15px 0px #ccccccb8;
    border-radius: 7px;
}
#latest_post span.admin {
    font-size: 13px;
    letter-spacing: 0px;
    color: #01305c;
    font-weight: bold;
    text-transform: uppercase;
}
.blog_shorttext{
  font-size: 14px;
  line-height: 30px;
  color: #a8b0c5;
  font-family: "Open Sans";
  font-weight: 400;
}
.border_box {
    margin-bottom: 15px;
}
.latestpost_btn{
  margin-top: 40px;
}
#latest_post a.latest_btn {
    border-radius: 30px;
    background-color: #00c7fe;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 15px 31px;
}
#latest_post .owl-carousel .owl-item img{
  width: 100% !important;
}
#latest_post .about-heading {
  padding: 0;
}
.latest_post_text i{
    font-size: 10px;
    color: #00c7fe !important;
    margin: 5px;
}
.post_thumb {
  position: relative;
}
h4.latest_post_name a {
  font-size: 24px;
  letter-spacing: 1px;
  color: #00c7fe;
  font-family: "Montserrat";
  font-weight: 700;
  padding-top: 15px;
}
.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 #00c7fe;
  margin: 20px 0 0;
}
.discover-btn a {
  color: #002b46;
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px;
}
.discover-btn a:hover {
  color: #00c7fe;
}
#latest_post .owl-dots {
  text-align: center;
  display: block;
  margin-top: 30px;
}
#latest_post button.owl-dot {
  width: 8px;
  height: 8px;
  margin: 5px;
  background-color: #e8eaf0;
  border-radius: 30px;
  border:none;
}
#latest_post button.owl-dot.active {
  background-color: #00c7fe;
}
#latest_post button:focus {
  outline: inherit !important;
}
.post-box {
  position: relative;
}
#latest_post .owl-nav {
    display: none;
    margin: 0;
}
.latest_post_box {
    margin: 0px 15px;
}
#latest_post button i{
  color: #00c7fe;
}
#latest_post button.owl-prev, #latest_post button.owl-next {
    background: #efefef;
}
/*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;
}
/*-----------------------sponsors---------------------------*/
section#sponsors {
    padding-bottom: 7em;
    padding-top: 10px;
}
img.sponsor-img {
    padding: 15px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
img.sponsor-img:hover {
    -webkit-filter: inherit;
    filter: inherit;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*-----------------------Footer Contact-----------------*/
.contact_box {
    position: absolute;
    top: -100px;
    padding: 45px 40px 8px;
    color: #ffffff;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    height: 100px;
    color:#fff;
}
h5.home_title {
    font-size: 14px;
    letter-spacing: 1px;
    color: #00c7fe;
}
p.team_title {
    font-size: 30px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: bold;
    font-style: italic;
}
#home_contact_details input[type="text"]::placeholder, #home_contact_details input[type="tel"]::placeholder, #home_contact_details input[type="email"]::placeholder, #home_contact_details input[type="phno"]::placeholder, #home_contact_details input[type="password"]::placeholder, #home_contact_details textarea::placeholder{
  color:#fff;
  font-style: italic;
}
#home_contact_details input[type="text"], #home_contact_details input[type="tel"], #home_contact_details input[type="email"], #home_contact_details input[type="phno"], #home_contact_details input[type="password"], #home_contact_details textarea{
  border:1px solid #fff;
}
#home_contact_details input[type="submit"] {
    padding: 9px 44px;
    font-weight: bold;
    display: table;
    text-align: center;
    margin: 0 auto;
    border-radius: 30px;
    color: #ffffff;
    border: none;
    background-color: #00c7fe;
}
section#home_contact_details {
    padding-bottom: 0;
}
/*-----------Footer Newsletter-----------*/
#footernewsletter .news_content {
  margin: 25px; 
}
#footernewsletter label {
  display: block;
}
#footernewsletter input[type="email"] {
  width: 80%;
  color: #212121;
  background-color: #ffffff;
}
#footernewsletter input[type="submit"] {
  border-radius: 40px;
  padding: 7px 20px;
  position: absolute;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #ffffff;
  font-family: "Source Sans Pro";
  font-weight: bold;
  background: linear-gradient(270deg, #a91696 30%, #59189b 100%);
}
.contact-fields {
  margin-top: 10px;
  line-height: 30px;
  padding: 30px 0px 0px 0px;
}
.contact-fields span {
  color: #00c7fe;
  font-size: 18px;
  font-family: Montserrat;
}
.con-location span {
  padding: 15px 10px 15px 10px;
}
.con-location {
  margin-bottom: 12px;
}

.contact-fields i {
    color: #d1007b;
    font-size: 18px;
}
#footernewsletter input[type="submit"]:hover {
  background-color: #212121;
  color: #ffffff;
}
#footernewsletter .news_inner {
  box-shadow: 0 0 20px 0 #bbbbbb;
  padding: 40px;
  margin-top: -50px;
  z-index: -1;
  background-color: #ffffff;
}
#footernewsletter .news_inner {
  margin-top: 0px !important;
}
#footernewsletter  input[type="text"],
#footernewsletter  input[type="tel"],
#footernewsletter  input[type="phno"],input[type="password"],
#footernewsletter  textarea,
#footernewsletter  input[type="email"]{
  width: 100% !important;
  font-size: 13px;
  color: #00c7fe;
  font-family: "Montserrat";
  padding: 10px 10px;
  margin: 0 0px 8px 0;
  border: 1px solid #e5e5e5;
}
#footernewsletter  textarea{
  height: 100px;
}
#footernewsletter  input::placeholder,
#footernewsletter  textarea::placeholder {
  color: #00c7fe;
}
/*-------------Footer Copyright-------------*/
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  background-color: #01305c;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
#return-to-top i {
  color: #fff;
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 18px;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: #fff;
  top: 5px;
}
#return-to-top.left{
   left: 10px;
   right: auto;
}
#return-to-top.center{
   left: 50%;
   right: 50%;
}
#return-to-top.right{
   left: auto;
   right: 5%;
}
#footer_box .socialbox a {
  border-radius: 50px;
  margin: 3px;
}
#footer_box .socialbox a:hover i {
  color: #00c7fe;
}
.main_sociobox p {
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Montserrat";
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
}
/*------------------ 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%;
}
.single-team_social a i {
  background-color: #00c7fe;
  color: #fff;
  width: 31px;
  border-radius: 25px;
  padding: 8px;
}
ul.single_project_icon {
  margin: 0;
}
ul.single_project_icon li {
  margin: 0;
  display: inline-block;
}
/*------------------------- Testimonial Shortcode --------------------------*/
.textimonial-img {
  margin-bottom: -20px;
  text-align: center;
}
/*------------------ Contact Page -----------------*/
.contact-box input.wpcf7-form-control.wpcf7-submit {
  border-radius: 30px;
  padding: 10px 30px;
  margin-bottom: 10px;
}
.contac_form h3 {
  color: #00c7fe;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  background-color: #f2f2f2;
  border: 2px solid #f2f2f2;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  width: 100% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;

}
.contac_form.col-md-12 {
  margin-top: 20px;
}
section#contact-box{
  padding:0;
  margin:0;
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 0;
  width: 100%;
}
.inner-cont {
  padding: 10px 5px;
  background: #ffffff;
}
.contac_form h3 {
  text-align: center;
  margin: 20px auto;
  display: table;
}
.contact-email i, .contact-address i, .contact-phone i {
  text-align: center;
  background-color: transparent;
  border-radius: 50%;
  font-size: 38px;
  color: #00c7fe;
  margin: 0 auto;
  text-align: center;
  width: 87px;
  display: inline-table;
}
.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 form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
/*---------------- Footer Section ----------------------*/
#footer{
  background-size: cover;
}
.footer-top {
  padding-bottom: 50px;
}
.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}
.outer-footer {
  background-size: 100% 100%;
}
#footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}
#footer form.search-form input{
  float: none;
  border: 1px solid;
  margin: 0 2px;
}
#footer input, #footer textarea{
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
#footer textarea{
  height: 100px;
}
#footer p.post-date {
  color: #ffffff;
  font-size: 11px !important;
}

.copyright p {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 0;
}
#home_contact .socialbox {
  text-align: right;
}
.main_sociobox {
    padding: 20px 0;
}
#footer{ 
  text-align:center;
  color:#fff;
  padding:3em 0 0 0px;
  text-align:left;
}
.footer_hide{
  display:none;
}
.footer-top-col {
  border-left: solid 5px #00c7fe;
  padding-left: 15px;
}
.container #blog-right-sidebar h3, #footer h3{
  color:#00c7fe;
  text-align:left;
  font-size:24px;
  padding:0 0 17px 0;
}
#footer .copyright p{
  font-size: 13px;
  text-align: left;
  color: #e4e7e9;
  font-weight: 600;
}
.border_boxes{
  border:2px solid #00c7fe;
  padding: 8px;
}
#footer .copyright a {
  color: #e4e7e9;
	cursor: pointer;
}
#footer input{
  padding:8px 8px; 
  float:left;
  margin:5px 0;
  border-radius:2px;
  font-size: 13px;
  letter-spacing: 1px;
  color: #01305c !important;
  border: 1px solid #01305c;
  font-family: "Poppins";
  font-weight: 400;
  font-style: italic;
  padding: 8px 8px;
  float: left;
}
#footer .widget th, .widget td{
  padding:0;
}
#footer td i {
    font-size: 20px;
}
#footer input::placeholder{
  color:#01305c;
}
#footer input[type="submit"] {
  padding: 8px 10px;
  background-color: #00c7fe;
  color: #ffffff !important;
  text-transform: uppercase;
  border:none;
  margin-bottom: 20px;
}
#footer .copyright{
  text-align:center; 
}
#footer ul {
    margin: 0;
}
#footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  text-align:left;
}
.footer_menu ul li {
    display: inline-flex;
    padding:0 !important;
}
.footer_menu {
    margin-top: 15px;
    text-align: right;
}
.footer_menu ul li:after{
    position: absolute;
    height: 18px;
    width: 2px;
    top: 36%;
    background-color: #00c7fe;
    bottom: 0px;
    content: "";
    right: 0;
    left: 70%;
}
.footer_menu ul li a{
  margin-left: 20px !important;
}
.footer_menu ul li:after {
    display: none;
}
#footer ul li a:hover {
    color: #00c7fe;
}
#footer_contact p {
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    line-height: 16px !important;
    color: #a7a9ac !important;
    font-family: "Montserrat";
    font-weight: 500 !important;
    margin: 0 !important;
}
.footer_menu .current_page_item a{
  color: #00c7fe;
}
#footer ul li a{
  font-size: 13px;
  line-height: 33px;
  color: #e4e7e9;
  font-family: "Montserrat";
  font-weight: 500;
}
#footer p{
  font-size: 13px;
  line-height: 28px;
  color: #e4e7e9;
  font-family: "Montserrat";
  font-weight: 500;
}
.widget_recent_entries img {
  width: 100px;
}
#footer h3 {
  font-size: 15px;
  color: #ffffff;
  margin-bottom: 20px;
  letter-spacing: 1px;
  font-family: "Montserrat";
  font-weight: bold;
}
#footer_contact .bg-color{
  margin-bottom: 50px;
}
#footer h3:after {
  position: absolute;
  height: 2px;
  width: 50px;
  top:10%;
  background-color: #00c7fe;
  bottom: 0px;
  content: "";
  right: 0;
  left: 6%;
}
.footer-cols {
  padding-bottom: 40px;
}
.about_me table, .about_me td, .about_me th{
  border: none;
}
.about_me p.message {
    margin-bottom: 20px !important;
}
.vw-credit, .vw-credit a{
  color: #ffffff;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
    color: #00c7fe;
    padding: 9px 10px;
    margin-right: 7px;
    background-color: #0c4173;
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 50%;
}
.social_widget a i {
  font-size: 15px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
.social_widget a:hover{
  background: #00c7fe;
  color:#ffffff;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox {
   width: 100%;
   border: none;
}
#full-width-blog .postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 20px;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 0 0;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
a.post-readmore {
    background: #00c7fe;
    font-size: 18px;
    color: #ffffff;
    border-radius: 20px;
    padding: 10px;
}
a.post-readmore i {
   margin-left: 8px !important;
   font-size: 18px;
   border-bottom: 1px solid #ffffff;
   padding-bottom: 2px;
}
.widget_recent_entries li {
  margin: 10px;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
    color: #000;
    padding: 5px 10px;
    border-radius: 20px;
    clear: both;
    border: 1px solid #00c7fe;
    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%;
}
.form-submit input#submit {
    border-radius: 25px;
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}
ol.carousel-indicators {
  position: static !important
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  color: #333333;
  border-radius: 50%;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background: #00c7fe;
  color: #ffffff !important;
  border: 1px solid #00c7fe;
}
.navigation span.page-numbers.current{
  background: #ffffff;
  border: 1px solid #00c7fe;
  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:#00c7fe;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title{
  font-size:20px; 
  font-weight:bold;
}
#comments h3.comment-reply-title{
  font-size:20px; 
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px; 
  font-size:18px;
}
#comments input[type="submit"].submit {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  color: #ffffff;
  border-left: 1px solid #00c7fe;
  border-right: 1px solid #00c7fe;
  border-bottom: 3px solid #00c7fe;
  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;
}
.box {
 position: relative;
 height: 100%;
}
#slider .slider-box  {
  text-align: left;
}
#slider .carousel-control-next, .carousel-control-prev{
  z-index: 99;
}
#slider img {
    width: 100%;
}
#slider h2 {
  font-size: 44px;
  color: #01305c;
  font-family: "Montserrat";
  font-weight: bold;
  font-style: italic;
}
#slider p{ 
  max-width: 600px;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0.5;
  line-height: 30px;
  color: #809bb6;
  font-family: "Montserrat";
  font-weight: 500;
}
.slider-box {
    padding: 20px;
}
#slider .carousel-caption.d-none.d-md-block {
    margin: 0 auto;
}
#slider h6 {
    color: #00c7fe;
    font-size: 14px;
    font-weight: bold;
}
#slider .carousel-caption {
  top: 50%;
  transform: translateY(-50%); 
  bottom: inherit;
  text-align: left;
  left: 0%;
  right: 0%;
}
.inner_carousel{
  /*padding: 20px 20px;*/
}
a.blog-more{ 
  display:inline-block; 
  font:400 16px 'Roboto Condensed', sans-serif; 
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}
#slider .carousel-control-next, #slider .carousel-control-prev {
  width: 10%;
}

#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; 
}
#slider .carousel-control-next,
#slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider a i {
  background-color: #00c7fe;
  font-size: 15px;
  color: #fff;
  border-radius: 27px;
  margin: 5px;
  padding: 13px 16px;
}
#slider a i:focus,
#slider a i:active,
#slider a i:hover{
  background: #00c7fe;
  border: none;
  transition: all 0.5s ease-out;
  color: #fff;
}
.inner_carousel h2 small {
  color: #ffffff;
  display:block;
  margin-bottom: 20px;
}
#slider .carousel-control .nav1 {
    display: none;
    position: absolute;
    right: 19%;
    bottom: 81px;
    font-size: 14px;
    color: #000;
    padding: 0 5px;
    background-color: #ffc61a;
    z-index: 1;
}
/*--------------- Sidebar -----------------*/
#sidebar .textwidget input[type="submit"]{
  width: 100%;
}
#sidebar .textwidget label {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
    background: #333;
    border: none;
    color: #ffffff;
    padding: 14px 0;
    font-size: 15px;
    margin: 0;
}
#sidebar form{
  display: table;
  width: 100%;
  border: 1px solid #bbb;
  border-radius: 25px;
}
#sidebar h3 {
   margin: 0 0 10px;
   font-size: 20px;
   color: #00c7fe;
}
#sidebar h3:after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #00c7fe;
  margin-top: 7px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
  background:transparent;
  padding:10px 10px; 
  border:none; 
  font-size:15px; 
  color:#000;width:100%;
}
#sidebar label{
  width:71%;
  float:left;
  margin-bottom:0;
}
#sidebar input[type="submit"]{
  background:transparent; 
  border:none; 
  color:#000000;
  padding:14px 0;
  font-size:10px; 
  margin:0;
}
#sidebar aside{
  margin-bottom:30px;
  border:1px solid #bbb;
  padding: 10px;
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
}
#sidebar ul {
  list-style:none;
  margin:0; 
  padding:0; 
  font-size:17px;
}
#sidebar ul li{ 
  line-height: 32px;
  background: url('./images/arrow-right.png') no-repeat 0px 10px;
}
#sidebar ul li a{ 
  color:rgba(0, 0, 0, 0.78);
}
#sidebar .tagcloud a{
  background:#eeeeee; 
  color:#000; 
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px; 
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#3890cb;
}
#sidebar .widget_recent_entries ul li{ 
  background: none;
}
#sidebar .post-content {
    line-height: 20px;
    margin-bottom: 15px;
}
span.credit_link a {
  color: #00c7fe;
}

/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-size: 34px;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0;
}
 
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333; 
  color:#ffffff;
  font-weight:normal;
}

/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
    padding: 0;
    border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
/*-------------- Main Title ---------------*/
.main_title h1{
  color: #00c7fe;
  margin-top:30px;
}
.main_title h1:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #00c7fe;
  margin-top: 7px;
}
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  border-radius: 50%;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
  background-color: #55acee;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
    display: block !important;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background: #ffffff;
  border: 1px solid #000;
  padding: 6px 9px;
}
.owl-nav {
  margin: 12px auto;
  display: none;
}
button.owl-next.disabled, button.owl-prev.disabled {
    background: #bbb;
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
    font-size: 28px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 30%;
    margin-left: 0;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 {
    max-width: 100%;
  }
.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: #00c7fe;
  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: #00c7fe;
}
.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 #00c7fe;
}
#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: #00c7fe;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
input#password, input#reg_password {
    padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: #ffffff; 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 100%;
    max-width: 100%;
}
.woocommerce a.added_to_cart {
    padding: 0 .5em .5em;
    display: inline-block;
}
/*-------------- media section ---------------*/
@media screen and (max-width:1199px) {
  .why-choose-us-icon-line:after {
    height: 56px;
    margin-left: 2%;
    margin-top: 5%;
  }
}
@media screen and (max-width:767px) {
  .contact-address, .contact-email, .contact-phone {
   text-align: center;
  }
  .play-button {
    padding: 100px;
  }
  .services-img{
    text-align: center;
  }
  .services-content{
    padding: 0 0!important;
  }
  .services-icon {
    padding: 3px 10px;
    width: 30px;
    height: 30px;
  }
  .video_img {
    margin: 25% 40%;
  }
  .contact_details ul li{
    text-align: center;
  }
  .about-content a {
    margin-bottom: 10px;
  }
  .about-content{
    margin: 0;
  }
  .top_bar_btn {
    text-align: center;
    margin-bottom: 20px;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  
  #slider p.font-weight-bold {
      display: none;
  }
  .gallery-image img{
    height: 140px !important;
  }
  div#TB_window {
    width: 90% !important;
  }
  #testimonials .owl-dots {
    text-align: center;
    margin-top: 20px;
  }
  #our_records h4, .counter_inner {
    text-align: center;
  }
  .testimonialwrapper-box{
    margin-bottom: 50px;
  }
  #header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .fadeInRight{
    animation-name: unset !important;
  }
  .socialbox {
    text-align: center;
  }
  .site-title{
    font-size: 34px;
  }
  .site-description{
    font-size: 14px;
  }
  .main-header{
    margin-bottom: 25px;
  }
  .header-title{
    padding: 30px 0;
  }
  .main-title{
    font-size: 30px;
  }
  #masthead{
    min-height: 60px;
  }
  #masthead #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }
  .main-navigation li,
  #masthead.scrolled .main-navigation li{
    display: block;
    line-height: 1.5 !important;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  .menu > ul > li > a{
    padding: 10px 0;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .slide-cta{
    float: none;
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }
  #home-slider-section .bx-wrapper .bx-controls-direction a{
    display: none;
  }
  .slide-button-left,
  .slide-button-right{
    padding: 7px 25px 7px 25px;
    min-width: 160px;
    font-size: 16px;
  }
  #slider p {
    display: none;
  }
  .about-sec,
  .about-image{
    width: auto;
    float: none;
  }
  .about-sec{
    margin-bottom: 40px;
  }
  .about-image{
    max-width: 400px;
    margin: 0 auto;
  }
  #cta-section .cta-left{
    width: 100%;
    float: none;
    text-align: center;
  }
  .site-info{
    float: none;
    width: 100%;
    text-align: center;
  }
  #footer-menu ul {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .innermenubox {
    position: static;
  }
  .contact-box .wpcf7 input[type="text"],
  .contact-box .wpcf7 input[type="email"],
  .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
}
@media screen and (max-width:576px) and (min-width: 0px) {
  #newsletter .newsletter-head input[type="email"] {
    max-width: 100%;
  }
  .contact_box{
    position: relative;
  }
  section#sponsors{
    padding-bottom: 40px;
    padding-top:10px;
  }
  .team-sec:after,.team-two-sec:before{
    display: none;
  }
  #header .logo{
    padding:0;
  }
  .scrolled{
    position: static !important;
  }
  #header .logo{
    background:none;
  }
  #slider a i{
    display: none;
  }
  section#how_we_work {
    padding-bottom: 30px;
 }
  h3.how_we,p.how-we-para {
    text-align: center;
 }
 h3.how_we:after,#about-us h3:after{
    text-align: center;
    margin:0 auto;
    display: table;
  }
  .border_boxes{
    margin:2px;
  }
  #footer ul {
    text-align: center;
 }
 .work_img {
    text-align: center;
 }
  .why_choose_sec{
    margin-bottom: 10px;
  }
  .search_popup label{
    width: 65%;
  }
  #about-us h3 {
    text-align: center;
    margin: 0 auto;
  }
  .search_popup input.search-field{
    padding: 5.5% 0;
  }
  p.team_title{
    font-size:24px;
  }
  .team-sec{
    margin-bottom: 10px;
  }
  section#how_we_work{
    padding-bottom: 30px;
  }
  section#testimonials{
    background-size:cover;
  }
  .latest_post_text{
    padding: 40px 37px 4em 40px;
  }
  h4.latest_post_name a{
    font-size:17px;
  }
  section#plans_pricing{
    background-size: cover;
  }
  #plans_pricing h3{
    font-size: 30px;
  }
  p.why_title {
    margin-bottom: 0;
  }
  h3.how_we ,p.how-we-para{
    margin-top: 10px;
  }
  .rooms_image_inner1 img,.rooms_image_inner2 img{
    text-align: center;
    margin: 0 auto;
    display: table;
 }
  #why-choose-us h3.records{
    font-size: 25px;
  }
  .topbar_details{
    border-bottom-right-radius:0px;
    border-top-right-radius:0px;
  }
  /*.email_wrap {
    padding-top: 10px;
 }*/
  .serach_inner {
    margin: 10px;
    width: auto;
  }
  .inner_product {
    border: 1px solid;
  }
  p.count{
    left:43%;
  }
  button#searchcar {
    margin-top: 10px;
  }
  .inner_product img {
    text-align: center;
    margin: 0 auto;
    display: table;
 }
  #about li.nav-item{
    width: 52%;
  }
  .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
    background:none;
  }
  section#about {
    padding-top: 0;
 }
  .details {
    padding-bottom: 10px;
 }
 input#carname,select#cartype,#search-cars input#carminprice {
    margin-bottom: 10px;
 }
 #popular-cars ul li{
  margin-left: 0;
 }
 section#popular-cars button.owl-prev,section#popular-cars button.owl-next{
  padding: 3px 8px;
 }
 #popular-cars li.car_name{
  margin-right: 15px;
 }
 .btn-about{
  margin-bottom: 25px;
 }
 section#popular-cars{
  padding-top: 2em;
 }
 #popular-cars h3{
  font-size: 23px;
 }
 #partners{
  padding-bottom: 40px;
 }
 div#home_contact{
  position: relative;
 }
 .bg-color{
  box-shadow: none;
  padding-bottom: 5px;
 }
 #header .logo{
  margin-bottom: 20px;
  margin-top: -25px;
 }
 #header .logo{
    text-align: center;
    width: 100%;
    height: 100%;
    left: none;
 }
 .home.page-template #header .logo{
    margin-bottom: 20px;
    margin-top: 0;
 }
 #home_contact .socialbox{
  text-align: center;
 }
 .search-box{
  margin-top:30px;
 }
  h4.testimonial_name,#testimonials p.dest_testimonial {
    text-align: center;
 }
 section#popular-cars button.owl-next{
  right: 0;
  top: 65%;
 }
 #services button.owl-next{
  right: 0;
  top: 38%;
 }
 #services button.owl-prev{
  left: 0;
  top: 38%;
 }
 section#popular-cars button.owl-prev{
  top: 65%;
  left: 0;
 }
 #products h3{
  padding-bottom: 1em;
 }
  #newsletter .newsletter-head input[type="submit"] {
    position: absolute;
    right: 16px;
    padding: 7px 9px;
  }
  #latest_post .owl-nav {
    display: none;
  }
  #site_top ul.left-side-content {
    display: grid;
  }
  #slider h2 {
    font-size: 15px;
  }
  a.theme_white_button {
    margin-top: 2px;
    padding: 10px 14px;
    font-size: 12px;
  }
  #about-us p{
    padding-bottom: 0;
    text-align: center;
  }
  #about-us img.abouts-img{
    margin-top: 0;
    display: table;
    margin:0 auto;
    text-align: center;
  }
  #about-us h6{
    text-align: center;
  }
  #about-us img.about-img {
    text-align: center;
    border-radius: 54px;
    margin: 0 auto;
    display: table;
 }
  #about-us .about-btns{
    text-align: center;
    margin:0 auto;
  }
  .about-btns{
    margin-bottom: 0;
  }
  section#about-us{
    padding:20px 10px;
  }
  .ps_video{
    left: 37%;
    top: 36px;
  }
  #about-us h3,h3.project_title,h3.team_title{
    font-size: 30px;
  }
  blockquote{
    width: 100%;
  }
  .media-small {
    padding-left: 10px !important;
  }
  .small_media {
    padding: 10px 0;
  }
  .copyright p{
    text-align: center !important;
    padding: 5px 0;
  }
  #slider p{
    margin: 0 0 9px 0;
  }
  #slider h5{
    font-size: 16px;
  }
  #slider a i{
    padding: 1px;
  }
  section h2{
    font-size: 22px;
  }
  .top-icon{
      top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }
  .menubar {
    padding: 0 15px;
  }
  .serach_inner input.search-field {
    width: 85%;
  }
}
@media screen and (min-width: 577px) and (max-width:767px){
  #newsletter .newsletter-head input[type="email"] {
    max-width: 85%;
  }
  #slider .carousel-control-next, .carousel-control-prev {
    z-index: 99;
 }
  .contact_box{
    position: relative;
  }
  section#sponsors{
    padding-bottom: 50px;
  }
  .scrolled{
    position: static !important;
  }
  .team-two-sec:before,.team-sec:after{
    display: none;
  }
  #about-us h3:after{
    text-align: center;
    margin:0 auto;
    display: table;
  }
  #footer ul {
    text-align: center;
  }
 section#how_we_work {
    padding-bottom: 30px;
 }
  #slider .carousel-caption{
    top:63%;
  }
  #project .box h4.title a{
    font-size: 16px;
  }
  section#testimonials{
    background-size: cover;
  }
  p.how-we-para {
    text-align: center;
 }
  h3.how_we {
    text-align: center;
    margin-top: 15px;
  }
  .home.page-template .team-sec, .team-two-sec{
    margin-bottom: 15px;
  }
  section#about-us {
    padding: 3em 4em;
 }
 .ps_video{
    top: 34%;
 }
  #about-us h3{
    text-align: center;
    margin: 0 auto;
  }
  .about-btns{
    text-align: center;
    margin: 0 auto;
  }
  #about-us p{
    text-align: center;
  }
  .serach_inner {
    margin: 10px;
    width: 97%;
 }
 .search_popup label{
  width: 83%;
 }
  #testimonials blockquote:after{
    display: none;
  }
  ul.car-meta-fields{
    margin:0;
  }
  button#searchcar{
    margin-top: 10px;
  }
  section#popular-cars button.owl-prev{
    display: none;
  }
  section#browse_car {
    padding-bottom: 40px;
    padding-top: 25px;
  }
  section#popular-cars button.owl-next{
    display: none;
  }
  .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
    background:none;
  }
  #home_contact p{
    letter-spacing: 0;
  }
  #about li.nav-item{
    width: 100%;
  }
  div#home_contact{
    position: relative;
  }
  section#latest_post{
    padding-top: 40px;
  }
  #latest_post h4.latest_post_name a{
    font-size: 17px;
  }
  .btn-about {
    margin-bottom: 25px;
  }
  #testimonials p.dest_testimonial{
    font-size: 11px;
  }
  #testimonials h4.testimonial_name a{
    font-size: 13px;
  }
  #testimonials blockquote:after{
    bottom: -53px;
    left: 40%;
  }
  section#about {
    padding-top: 0;
  }
  input#carname {
    margin-bottom: 10px;
  }
  #slider h2{
    font-size: 20px;
  }
  #slider .slider-box{
    padding: 27px 44px 27px 38px;
  }
  a.theme_white_button{
    padding: 6px 4px;
  }
  #slider a.theme_white_button{
    margin-top: 15px;
  }
  .details {
    margin-bottom: 15px;
  }
  #newsletter .newsletter-head input[type="submit"] {
    right: 13%;
  }
  #site_top .contact_details ul li span {
    font-size: 8px;
  }
  #site_top .col-lg-8.col-md-8.col-sm-8.pl-0 {
    margin-top: 8px;
  }
}
@media screen and (max-width:719px) {
  .menubar.scrolled.hmenu {
    background-color: #222222;
    height: auto; 
  }
  .contact-info {
    margin: 0 !important;
  }
  .search-box{
    float: none;
  }
  .menubar .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  span{
    text-align: right;
  }
}
@media screen and (max-width:768px) {
  #slider .inner_carousel {
    padding: unset;
  }
  #popular-cars ul li{
    margin-left: 0;
  }
  .top_social {
    margin-left: 0;
  }
  .menubar {
    position: relative;
    right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width:991px){
  #site_top .contact_details ul li span {
    font-size: 12px;
  }
  #slider .carousel-control-next, .carousel-control-prev {
    z-index: 99;
 }
  .scrolled{
    position: static !important;
  }
  #slider .carousel-control-next, #slider .carousel-control-prev{
    width:7%;
  }
  .email_wrap {
    padding: 0;
 }
  .team-two-sec:before,.team-sec:after{
    display: none;
  }
  #header .logo{
    margin-top:-25px;
  }
  .socialbox a i{
    margin-left: 2px;
  }
  .shortcode_team h4.team_name a{
    font-size:13px;
  }
  .team-sec.shortcode_team{
    padding:9px 10px;
  }
  .team-sec.shortcode_team ul.icon li a i{
    margin-left:5px !important;
  }
  .team-sec.shortcode_team .short_text.pb-3 {
    font-size: 12px;
  }
  .team-sec.shortcode_team h6.dest_team {
    font-size: 12px;
  }
  .latest_post_text{
    padding: 21px 20px 0em 22px;
  }
  #latest_post a.latest_btn{
    padding: 9px 18px;
  }
  .latestpost_btn{
    margin-top: 8px;
    margin-bottom: 5px;
  }
  #latest_post span.comments{
    margin:10px;
  }
  .blog_shorttext{
    line-height: 24px;
    font-size: 12px;
  }
  h4.latest_post_name a{
    font-size: 18px;
  }
  #slider .carousel-caption{
    top:60%;
  }
  #slider p{
    font-size: 13px;
  }
  .rooms_image_inner1 img,.rooms_image_inner2 img {
    text-align: center;
    margin: 0 auto;
    display: table;
 }
 .home.page-template .team-sec{
  margin-bottom: 15px;
 }
  #about-us p.desgination_name{
    font-size: 12px;
  }
  #about-us h6{
    font-size: 12px; 
    margin-top: 0;
  }
  .home.page-template #header .logo{
    margin-top: -25px;
  }
  section#about-us {
    padding: 2em 3em;
  }
  .about-btns{
    margin-bottom: 0;
  }
  #about-us p{
    padding-bottom: 10px;
  }
  .video-sec {
    background-repeat: no-repeat;
  }
  .search_popup label{
    width: 85%;
  }
  #popular-cars ul li{
    margin-left: 5px;
  }
  div#home_contact{
    position: relative;
  }
  #home_contact .socialbox{
    text-align: center;
  }
  a.theme_white_button{
    margin-top: 10px;
    padding: 7px 20px;
  }
  #slider p{
    height: auto;
    line-height: 25px;
  }
  button#searchcar{
    margin-top: 10px;
  }
  #slider h2{
    font-size: 18px;
  }
  #slider .slider-box{
    height: 92%;
  }
  .details {
    margin-bottom: 10px;
  }
  #services button.owl-prev,#services button.owl-next,section#popular-cars button.owl-prev,section#popular-cars button.owl-next{
    display: none;
  }
  .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
    background:none;
  }
  #site_top .col-lg-8.col-md-8.col-sm-8.pl-0 {
    margin-top: 9px;
  }
  #header .col-lg-2.col-md-3.top_bar_btn {
    margin-top: 12px;
  }
  .main-navigation ul ul{
    position: static;
  }
  .rooms_image_inner1 img, .rooms_image_inner2 img {
    width:100%;
  }
}
@media screen and (min-width: 992px) and (max-width:1024px){
  .main-navigation ul ul{
    position: static;
  }
  #slider .carousel-control-next, .carousel-control-prev {
    z-index: 99;
 }
  #slider .carousel-control-next, #slider .carousel-control-prev{
    width:5%;
  }
  .scrolled{
    position: static !important;
  }
  #slider a i{
    padding:7px 10px;
  }
  .latest_post_text{
    padding: 24px 27px 2em 52px;
  }
  .email_wrap {
    padding: 0;
  }
  .team-sec{
    padding:31px 10px;
  }
  section#about-us {
    padding: 2.5em 4em;
 }
  .video-sec {
    background-repeat: no-repeat;
  }
  #about-us h6{
    font-size:16px;
  }
  .home.page-template .team-sec, .team-two-sec{
    padding:9px 10px;
  }
  h4.team_name a{
    font-size: 15px;
  }
  .search_popup label{
    width: 85%;
  }
  span.admin{
    margin-right: 5px;
    margin-left: 0px;
  }
  div#home_contact{
    position: relative;
  }
  #popular-cars ul li{
    margin-left: 5px;
  }
  #services button.owl-prev,#services button.owl-next,section#popular-cars button.owl-prev,section#popular-cars button.owl-next{
    display: none;
  }
  .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
    background:none;
  }
  .team-two-sec:before {
    left: 93%;
  }
  .team-sec:after {
    right: 93%;
  }
}
@media screen and (min-width: 1025px) and (max-width:1199px){
    .home.page-template .team-sec, .team-two-sec{
    padding:9px 10px;
  }
  .team-sec:after {
    right: 93%;
  }
}
@media screen and (min-width: 1025px) and (max-width:1200px){
  #services button.owl-prev,#services button.owl-next,section#popular-cars button.owl-prev,section#popular-cars button.owl-next{
    display: none;
  }
  #slider .carousel-control-next, .carousel-control-prev {
    z-index: 99;
 }
  .scrolled{
    position: static !important;
  }
  .email_wrap {
    padding: 0;
  }
  .team-sec{
    padding:31px 10px;
  }
  .latest_post_text{
    padding: 22px 14px 2em 58px;
  }
  section#about-us {
    padding: 2.5em 3em;
  }
  .video-sec {
    background-repeat: no-repeat;
  }  
  h4.team_name a{
    font-size: 15px;
  }
  #slider h2{
    font-size: 20px;
  }
  #slider .slider-box{
    padding: 12px 55px 35px 38px;
  }
  .search_popup label{
    width: 85%;
  }
  #slider .carousel-caption{
    top:61%;
  }
  section#popular-cars button.owl-prev{
    padding: 10px 16px;
  }
}
@media screen and (max-width:991px) {
  .why-choose-us-icon-line:after {
    display: none;
  }
  .why-choose-box{
    margin-top: 10px;
  }
  #about p.text-uppercase.font-weight-bold {
    font-size: 11px;
  }
   #team .team-image img {
    width: 100% !important;
  }
  .toggle-nav {
    right: 0px;
  }
  .search-box{
    float: none;
  }
  .search-box form.search-form{
    margin: 0 auto;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  #footer input[type="submit"] {
    padding: 9px 3%;
  }
  small {
    font-size: 13px !important;
  }
  #slider a i {
    padding: 5px 8px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1024px){
  .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: none;
    position: relative;
    float: right;
    right: 15px !important;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 15px auto;
    right: 0;
    text-align: right;
    right: 0;
    margin-right: 0;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #00c7fe;
  }
  .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: #00c7fe;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
	iframe {
    width: 100%;
    height: auto;
	}
  .toggle-nav{
    display: block;
  }
  .innermenubox {
    position: static;
  }
  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before, 
  .menu > ul > li.current_page_item:before, 
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%;
    margin-top:0; 
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #303030 solid; 
    display:block;
    text-align:left;
    float:none;
    width: 100%;
    padding: 5px;
  }
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
    text-align: left;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
}

/* Icon Grow */
#header .hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#header .hvr-icon-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#header .hvr-icon-grow:hover .hvr-icon, 
#header .hvr-icon-grow:focus .hvr-icon,
#header .hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

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

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

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

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

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

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

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

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

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

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

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

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

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

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

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

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

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

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

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

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
#about .hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#about .hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#about .hvr-icon-wobble-horizontal:hover .hvr-icon, 
#about .hvr-icon-wobble-horizontal:focus .hvr-icon, 
#about .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

#header .hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#header .hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#header .hvr-icon-wobble-horizontal:hover .hvr-icon, 
#header .hvr-icon-wobble-horizontal:focus .hvr-icon, 
#header .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
embed{
  max-width: 100%;
}
.modal-footer button {
    cursor: pointer;
}
/* ==========================================================================
   Spinner Style
   ========================================================================== */

.spinner-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #3b82ea;
  cursor: pointer;
  z-index: 9999;
}

.spinner-loading-box .lds-ripple{
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top:50%;  
  transform: translateY(-50%);
}

.spinner-loading-box .lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.spinner-loading-box .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
.main_title h1, .safha-entry-title {
    text-align: left;
}
/* ------------ Sticky Menu  ------------- */
#sticky-onoff{
  display: none;
}
.sticky {
  position: fixed !important;
  top: 0px;
  width: 100%;
  left: 0;
  z-index: 99;
  margin-left: 0 !important;
}
.sticky .innermenubox:before{
  border:none !important;
  left: 0 !important;
  margin-left: 0 !important;
}
.sticky .main-navigation{
  margin: auto;
}
/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}