/*
Theme Name: SAAS Company Pro
Theme URI: https://www.ovationthemes.com/products/saas-wordpress-theme
Author: Ovationthemes
Author URI: https://www.ovationthemes.com
Description: The SaaS WordPress Theme is a dynamic, fully customizable theme designed specifically for SaaS businesses in various industries such as healthcare, finance, customer relationship management (CRM), and more. This theme is ideal for showcasing your SaaS offerings, whether you are a startup or an established enterprise. It provides a user-friendly experience, ensuring that visitors can easily navigate your website and learn about your services. This premium theme is mobile-optimized and features fast loading times, ensuring a seamless experience across devices.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: saas-company-pro
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready,blog

SAAS Company Pro WordPress Theme has been created by Ovationthemes(Ovationthemes.net), 2024.
SAAS Company Pro WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */

body{ 
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  position:relative;
  font:12px/22px arial;
  color:#5b5b5b;
  font-family:Open sans;
  letter-spacing: 1px;
}

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;
  font-family: Ubuntu;
}

p{ 
  margin:0 0 15px;
  padding:0;
  font-size:15px;
  font-weight:normal;
  font-family:Open sans;
}

a{ 
  text-decoration:none;
  color:#002857;
}

a:hover{ 
  text-decoration:none;
  color:#000000;
}

a:focus,a:hover{
  text-decoration:none !important;
}

ul,ol{ 
  margin:0 0 0 15px;
  padding:0;
}

:hover{
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.clear{ 
  clear:both;
}

input[type='submit']:hover{
  cursor: pointer;
}

small{
  font-size:14px !important;
}

/* Headings */
section{
  padding:3.5em 0;
}

section h3{
  text-align: center;
  font: normal normal bold 34px/40px Montserrat;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

section h2{
  font-weight:bold;
  text-align:center;
  margin:30px 0 0 0;
  text-transform:uppercase;
  color: #000000;
}

section h4{
  color:#000;
  font-weight:bold;
  font-size:20px;
}

section h5{
  color:#000000;
  font-weight:bold;
  font-size:24px;
  margin:0 0 10px 0;
  padding:0;
}

input[type="text"],
input[type="email"],
input[type="phno"],
textarea{
  border:1px solid #bcbcbc;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}

textarea{
  height:111px;
}

input[type="submit"] {
  margin-left: 2%;
  text-align:center;
  text-transform:capitalize;
  font-size:18px;
  padding:7px 30px;
  background:#4c66ba;
  font-weight:bold;
  color:#fff;
  display:table;
}
input[type="submit"]:hover{
  background:#002857;
}

/*--------------------------------- 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;
  background: #002857;
  -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,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: #fff;
}

.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-all{
  border:2px solid #000;
  color:#000;
  padding:8px 50px;
  margin:20px 0 0 0;
  font-weight:bold;
}

a.button {
  background: #000000;
  color: #ffffff;
  font-size: 14px;
  margin: 60px 0 0px;
  padding: 10px 30px;
  text-transform: uppercase;
  font-weight: bold;
  border:2px solid #ffffff;
}
.woocommerce-message a:hover.button.wc-forward {
    background: #002857;
    color: #fff;
}
.padding0
{
  padding:0;  
}
select.orderby{
  width: 100%;
  padding: 10px;
}
.input-text.qty.text{
  padding: 5px;
}
table, td, th {
  border: 1px solid black;
}
#content-test table, td, th {
  padding: 6px;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
  content: none;
}
.feature-box img {
  /*border: 1px solid gray;*/
  padding: 5px;
}
/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

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

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

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
.main-navigation ul ul li{
  padding: 5px 0px;
}
/*---------------------------mega menu------------------------- */
.container>.navbar-header {
  margin-right: 0;
  margin-left: 0;
}
div#mySidenav {
  display: block;
}
ul.navbar-nav li a {
  font-size: 16px;
}
.navbar-nav h2.widgettitle{
  font-size: 21px;
  margin-left: 5%;
  border-bottom: solid 2px rgba(255, 255, 255, 0.76);
  display: table;
  font-weight: 900;
  margin-top: 3%;
  margin-bottom: 5%;
}
.navbar-nav{
  margin:0px;
}
.navbar {   
  min-height:0px;
  margin-bottom:0px;
  border: none;
}
.navbar-nav{
  float:right;
}
.navbar-nav>li>.dropdown-menu {
  margin-top: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav>li>a {
  font-weight: bold;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand {
  color: #333333;
  padding:0;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
  background-color: #000000 !important;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #337ab7;
  font-weight:bold;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover
{
  color: #000;
  background-color: transparent;
}
.navbar-default{
  background-color: transparent;
  border-color: transparent;
}
.mega-dropdown {
  position: static !important;
}
i.fa.fa-sort-desc {
  margin: 0 0 0 4px;
  font-size: 19px;
}
li.dropdown.mega-dropdown {
  padding: 0 4px 0 12px;
  font-size: 14px
}
.navbar-nav>li>a {
  padding-bottom: 15px;
}
.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.navbar-default .navbar-collapse{
  padding:0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}
.mega-dropdown-menu .dropdown-widgettitle {
  color: #428bca;
  font-size: 18px;
  font-weight: bold;
}
.mega-dropdown-menu form {
  margin: 3px 2px;
}
.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}
.mega-dropdown-menu  div#calendar_wrap,
.mega-dropdown-menu  caption
.mega-dropdown-menu  div{
  padding:0;
  color: #FFF;
}
.mega-dropdown-menu > div >li{
  float:left;
  width:33%;
}
ul.nav.navbar-nav h2 {
  font-size: 17px;
  font-weight: 600;
  border-bottom: solid 2px rgba(255, 255, 255, 0.18);
  display: table-cell;
}
#header .nav .mega-dropdown-menu{
  height:auto;
  padding: 2%;
  margin: 0px;
}
#header .nav .mega-dropdown-menu > div >li{
  float:left;
  width:50%;
  display: inline;
  position: initial;
  margin-top: 4%;
}
.mega-dropdown-menu > div >li:nth-child(even){
  clear:right;
}
#header .nav .mega-dropdown-menu li > ul {
  display: block;
  width: 200px;
  position: inherit;
  text-align: left;
  padding: 0;
  float: left;
  margin:0;
}
div#mega-menu-253 li a,
div#mega-menu-254 li a,
table#wp-calendar {
  color: rgba(0, 0, 0, 0.71) !important;
} 
.mega-dropdown-menu #mega-menu-253 li a:hover,
.mega-dropdown-menu #mega-menu-254 li a:hover,
caption{
  color:#fff !important;
} 

#header .navbar-default .navbar-nav .sub-menu ul li a{
  padding: 7px 0px;
}

#header .navbar-default .navbar-nav .sub-menu ul li{
  display:block;
}

#header .nav .mega-dropdown-menu li:hover > ul {
  background: transparent;
  position: inherit;
  padding: 0;
  margin: 0;
}

li#search-2 {
  padding: 35px 0 0 13px;
}
ul.dropdown-menu.mega-dropdown-menu.row {
    background: #000000;
    border: solid #fff;
}
ul.dropdown-menu.mega-dropdown-menu.row:hover {
    border: solid #113665;
}
h2.widgettitle {
    color: #fff;
}
input.search-field {
    padding: 11px 13px 13px 11px;
    border: solid #113665;
}
.textwidget p {
    font-size: 15px;
    margin-top: 6%;
    color: rgba(241, 241, 241, 0.71) !important;
}
.top-contact1 {
    margin-top: 11px;
}

/* ------------------------------------ HEADER ---------------------------------------- */
#header.fixed{
  position:fixed !important;
  top:0 !important;
  margin:0;
  padding:15px 0;
  z-index:99999999;
  background-color:#ffffff;
  opacity:inherit;
}
#header .nav ul li:hover > ul {
    display: block;
    width: 200px;
    position: absolute;
    top: 40px;
    text-align: left;
    padding: 0;
    z-index: 99;
    color: #000;
}
#header .nav ul li .sub-menu li a {
    padding: 5px;
}
#header .nav ul li:hover > ul{
  background-color:#fff;
  border:1px solid #07377f;
}
#header .nav ul li > ul.sub-menu li a{
  color: #07377f;
 transition: background 1s linear ;
}
#header .nav ul li > ul.sub-menu li a:hover{
  background: #07377f;
  color: #fff;
}
ul.sub-menu {
  display: none;
}
#header .logo a{ 
  color:#333333;
}

#header .logo p{ 
  font-size:12px;
  color: #999;
}

#header{
  z-index:999;
  width:100%;
  height:auto;
  background: #fff;
}

#header .header-top{
  background:#07377f;
  color:#fff;
}

#header .header-top a{
  color:#fff;
  padding: 4px;
}
#header .top-contact a:hover {
    color: #d71e00;
}
#header .top-contact{
  padding:16px 0;
  text-align: center;
}

div#topbar_section i.fa.fa-phone{
  margin-right: 5px;
  font-size: 16px;
}

#header i.fa.fa-envelope{
  font-size: 15px;
  margin-right: 5px;
}

#header .social-media{
  padding:12px 0;
  text-align:right;
}

.socialbox i{
  margin: 0 6px;
  padding: 0;
  font-size: 17px!important;
  color: #fff;
}
#header .socialbox i:after {
    content: '';
    position: absolute;
    border-right: 1px solid #fff ;
    height: 100%;
    top: 0;
    background: #fff;
    opacity: 0.3;
    z-index: 1;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    margin-left: 10px;
}
#header .social-media i {
   transition: color 0.5s linear;
}
#header .social-media a:hover i {
   color: #d71e00;
}
.buttonbox a{
  color:#fff;
}

.buttonbox a:hover{
  background:#000;
  color:#fff;
}
#header .nav{ 
  text-align:left;
  float:none;
}

#header .nav ul {
  margin-top: -5px;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
}
#header .nav ul li{ 
  display:inline-block;
  margin:0;
  position:relative;
}
.main-navigation li {
  padding: 5px 6px;
}
#header .nav ul li a{ 
  color:#000;
  padding: 13px 14px;
  font-size: 15px;
}
#header .nav ul {
  margin: 0;
  padding: 4px 0px 0px 10px;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
#header .main-navigation ul li a:hover{
  color: #BD57FE;
  transition: ease-in ease;
}
#header .main-navigation ul li a:hover.sf-with-ul {
  border-top-color: #16377f;
}
.main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
    color: #BD57FE !important;
}
/*sub menu*/
.main-navigation ul ul {
    position: absolute;
    left: 0px;
    top: 100%;
    display: none;
}
.main-navigation ul ul a{
  text-transform: none;
    font-weight: 400;
    color: #1e1d1c;
    padding: 8px 0px;
    font-size: 14px;
    line-height: 1.5;
}
.main-navigation ul li a{
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    position: relative;
    font-size: 15px;
    color: #2f2f2f;
    font-family: "Open Sans";
    font-weight: 700;
}
.main-navigation ul ul li {
    padding: 10px;
}
.main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li {
    float: none;
    display: block;
    text-align: left;
}
#header .logo h1 a{
  font-size: 34px;
  line-height: 40px;
  color: #111111;
  font-family: "Oswald";
  font-weight: 400;
}
ol.carousel-indicators li{
  max-width: 10px !important;
  height: 10px !important;
  border-radius: 50%; 
}
.carousel-indicators .active {
  background-color: red!important;
}
/* Same Css */

.darkboxes h3 {
  font-size: 30px;
  color: #083880;
  font-family: "Raleway";
  font-weight: 700;
  margin-top: 28%;
}
.lightboxes h3{
  color: #002857;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
}
.darkboxes p {
font-size: 16px;
line-height: 28px;
color: #4e4e4e;
font-family: "Open Sans";
font-weight: 400;
text-align: center;
}
.about_btn{
  text-align: center;
}
.about_btn a{
  color:#fff;
}
/* Same Css End*/


/*Contact Sec*/

h3.contact-title {
  color: #fff;
  margin-top: 1rem;
  letter-spacing: 2px;
  padding-top: 4.5rem;
  text-transform: uppercase;
}

p.contact-subtitle {
  text-align: center;
  font-size: 15px;
  margin-bottom: 3rem;
  color: #fff;
}

.contact_banner {
  height: 400px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.contact_form_sec {
  background: #fff;
  margin-top: -190px;
  box-shadow: 0 0 6px 2px #aaa;
}

p.contact-form-title {
  font-size: 16px;
  color: #002857;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
}

p.contact-form-subtitle {
  font-size: 15px;
  color: #002857; 
}

p.contact-no {
  font-size: 15px;
}

.contact-sec {
  height: 149px;
  padding: 0px 30px;
}

.contact-form-content {
  padding: 4rem 2rem 0rem;
}

.map-sec {
  padding: 0px;
}

.contact-sec a {
  color: #002857;
  font-size: 15px;
}
.contact-sec i {
  padding: 5px;
}
.contact-sec i:hover {
  background: #002857;
  border-radius: 5px;
  padding: 5px;
  color: #fff;
}
.contact_form_sec input[type="submit"] {
  background: #002857;
  width: 100%;
}
.contact-box .contact_form_sec input[type="submit"] {
    background: #002857;
     width: auto; 
}
.contact-box input[type="text"],
.contact-box input[type="email"],
.contact-box textarea {
  border: none;
  border-bottom: solid 1px #002857;
  margin-bottom: 0;
  padding: 10px 0;
}
#contact-sec textarea {
  height: 60px;
  margin-bottom: 10px;
}
.contact-box input[type="text"]::placeholder,
.contact-box input[type="email"]::placeholder,
.contact-box textarea::placeholder{
  color:#002857;
}
/*End Contact Sec*/

/* Homepage */
.page-trainer-box {
  margin-bottom:50px;
}

.page-trainer-box .image-box img {
  width: 100%;
  border: 1px solid #bbb;
  padding: 2px;
}

.page-trainer-box .trainer-name {
  color: #18304c;
  padding:0 0 5px;
  font-size: 25px;
  margin:0 0 0 0;
}

.page-trainer-box .trainer-designation {
  color: #161b21;
  font-weight: bold;
  margin: 0 0 0 15px;
  font-size: 16px;
}

.content {
  color: #a9a9a9;
}

.about-socialbox i {
  padding: 10px 10px 10px 10px;
  margin: 4% 2% 0 0;
  color: #fff;
  background-color: #141a28;
}

.new-line,
.box-content p{
  margin-bottom: 2em;
}

.box-content h3{
  color:#000;
  font-weight: bold;
}

.text-center{
  text-align: center!important;
}

.box-content p{
  color:#919191;
}

a.r_button {
  background: #3790ca;
  padding: 0.5em 2em;
  color: #fff;
}

.text-light{
  color:#fff;
}

.center{ 
  text-align:center;
  margin-bottom:40px;
}

.middle-align{ 
  margin:0 auto;
  padding:0 0 20px;
  margin-top: 35px;
}

.wp-caption{ 
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}

.wp-caption-text{ 
  margin:0;
  padding:0;
}

.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}

.sticky{ 
  margin:0;
  padding:0;
  background-color: rgba(204, 204, 204, 0.56);
  padding: 10px;
  border: 1px solid #ccc;
}
.postwrapper-box {
  border: 1px solid #ccc;
  margin: 2% 0;
  padding: 10px;
}
.post-wrapp {
  margin: 20px 0;
  border: 1px solid #ccc;
  padding: 10px;
}
.gallery-caption{ 
  margin:0;
  padding:0;
}
.alignleft, img.alignleft {
  display: inline;
  float: left;
  margin-right:20px;
  margin-top:4px;
  margin-bottom:10px;
  padding:0;
  border:1px solid #bbb;
  padding:5px;
}

.alignright, img.alignright { 
  display: inline;
  float: right;
  border:1px solid #bbb;
  padding:5px;
  margin-bottom:10px;
  margin-left:25px;
}

.aligncenter, img.aligncenter { 
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
  border: 1px solid #bbb;
  padding: 5px;
}

.alignnone {
  float: none;
  margin: 0 auto;
  display: block;
  clear: both;
  border: 1px solid #bbb;
  padding: 5px;
}

.comment-list .comment-content ul { 
  list-style:none;
  margin-left:15px;
}

.comment-list .comment-content ul li{
  margin:5px;
}

.toggleMenu{
  display:none;
}

.bypostauthor{ 
  margin:0;
  padding:0;
}
div#respond {
  width: 100%;
  float: left;
}

a.small-button{
  background:#000000;
  padding:5px 30px;
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}

a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
.footer_hide{
  display:none;
}
h3.widget-title {
  text-align: left;
  color: #fff;
}
#colophon .textwidget p {
  text-align: left;
  color: #fff !important;
}
ul#menu-quick-links {
  margin: 0;
}
#footer{
  background-color: #002857;
}
#footer ul li{
  list-style: none;
  background:none !important;
  padding: 0 !important;
  color: #fff;
}
#footer{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 2rem 0px;
}

.footer_widgets h3 {
  color: #fff;
  font-weight: bold;
  font-size: 19px;
  padding-bottom: 20px;
}

.footer_widgets ul {
  font-size: 12px;
  margin: 0;
}
.footer_widgets ul a {
  text-decoration: none;
  color: #fff;
}
p.footer-widget-para {
  font-size: 15px;
  text-align: left;
  color: #fff;
}
.copyright.text-center p {
  padding: 20px 0;
  margin: 0px;
  color: #fff;
  font-size: 15px;
  background: #000;
}
a.credit-link {
  color: #fff;
}
/* --------- Blog Page ------- */

#full-width-blog .postbox{
  width:100%;
  border: solid 1px rgba(187, 187, 187, 0.12);
  box-shadow: 0px 1px 1px 1px #bbb;
  overflow-x: hidden;
}

#full-width-blog .postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 20px;
}
#full-width-blog .post-box {
  width: 100% !important;
  border: unset;
}
.post-box {
  margin-bottom: 16px;
  padding: 0 0 26px;
}
.post-box {
  /*margin-bottom: 39px;*/
  padding: 0 0 26px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
#full-width-blog .post-box h3 {
  font-weight: normal;
  font-size: 22px;
  text-align: left;
  margin: 15px 0;
  padding: 0 5px;
}

#blog-left-sidebar p{
  padding: 2%;
  line-height: 25px;
}

#blog-right-sidebar p{
  padding: 2%;
  line-height: 25px;
}

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

#content-bbmap .blog-full-border{
  margin: 40px 0 0 0;
  padding: 0;
  border:none;
  border-bottom: 1px solid #bbb;
}

.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}

.post-content-box p {
  padding: 2%;
  line-height: 25px;
  color: #797575;
}
.postbox {
  margin-bottom:39px;
  border:1px solid #bbb;
  padding:0 0 26px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
}

.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}

.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;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}

.metabox {
  color: #000;
  padding: 10px 5px;
  clear: both;
  /*margin-bottom: 1%;*/
}
a.post-a {
  border-bottom: 1px solid;
}
.post-read {
  margin: 0 0 0 0px;
  /*padding: 10px 0px;*/
}
.post-read i {
    margin-left: 8px;
}
.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;
}
p.socila_share a i {
  background: #333333;
  color: #fff;
  /*border-radius: 50%;*/
  padding: 9px 8px 23px;
  width: 30px;
  margin: 0 2px;
  height: 23px;
}
ul.post-categories {
    list-style: none;
    margin: 0;
}
.post_ctg span {
    float: left;
    margin-right: 7px;
    color: #002857;
}
#content-test .post-categories li {
    padding: 0px;
    margin: 0;
}
p.logged-in-as a {
    color: #000;
}
p.logged-in-as a:hover {
    color: #0275d8;
}
h2#reply-title {
    font-size: 2rem !important;
}
#content-bbmap  h5{
  margin:0 0 15px;
  font-size:20px;
  padding:0; 
  font-weight:bold;
  line-height:normal;
}

#content-bbmap  h6{
  margin:0 0 15px;
  font-size:17px;
  padding:0; 
  font-weight:bold;
  line-height:normal;
}
.work_serv img {
  float: right;
  margin-top: 6%;
}
.serv_title {
  margin-bottom: 6%;
}
.serv_len {
   padding: 3% 13% 0px 0 !important;
}

.post-box p {
  line-height: 1.5;
}
.row.blog {
    margin-top: -30px;
}
/* -----Pagination ---------------*/
.navigation {
  clear:both;
  position:relative;
  font-size:14px;
  line-height:13px;
  float:left;
  font-weight:bold;
} 

.navigation span,.navigation a {
  /*display:block;
  float:left;*/
  margin: 0px 0px 10px 0;
  padding:0px 10px;
  text-decoration:none;
  width:-webkit-fill-available;
  color:#fff;
  background: #18304c;
  line-height: 20px;
  -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;
}

span.post-title {
    font-weight: normal;
}
.navigation a:hover{
  color:#18304c;
}
.navigation a, .navigation span {
    background-color: #fff !important;
    color: #000;
}
.navigation .current{
  padding:10px 15px;
  background: #000000;
  color:#18304c;
  font-weight:normal;
}
/*Edit Button*/
.customize-partial-edit-shortcut button, .widget .customize-partial-edit-shortcut button {
    position: absolute;
     left: unset; 
  }
/*----------Content-test-----------*/
.postbox p {
  margin: 15px 15px 25px 15px;
}

#content-test h6 {
  margin: 0 0 15px;
  font-size: 18px;
  padding: 0;
  font-weight: bold;
  line-height: normal;
}
#content-test p{
  line-height: 25px;
  font-size: 16px;
  margin: 0px 0px 10px 0px;
}

#content-test hr{
  border:none;
  border-bottom:2px dotted #7e7e7e;
  margin:15px 0;
  clear:both;
}

#content-test h2{
  font-size:44px;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#000;
  margin:0 0 25px;
}

#content-test h3{
  font-size:25px;
  font-weight:normal;
  padding:0;
  margin:0 0 10px 0;
  margin-top: 15px;
}
.shrtcod-pg {
    border: 1px solid #bbb;
}/*

#content-test h4 {
  font-size: 31px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #000000;
  margin: 0 0 25px;
}
*/
#content-test ul li {
  padding: 8px 0 0 5px;
  margin: 0 10px 20px 0;
}
#content-test ul li a{
  color: #000;
}

#content-test ul li ul li{
  background:url('images/bullet-fork2.png') no-repeat 0 5px;
}

#content-test #comments ul{
  margin: 0!important;
}

#content-test ol{
  margin:0 0 0 15px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}

#content-test ol li{
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
.read-moresec{
  margin:2% 0;
}

/* --------- CONTACT Page --------- */
.top-contact1.col-md-2.col-lg-2.col-xs-12.col-sm-4 {
  margin-top: 12px;
}
.contact_banner {
  background-size: cover;
}
section#contact-box{
  padding:0;
  margin:0;
}
div#wpcf7-f112-p50-o1 {
  margin-left: -15px;
}
section#contact-box {
  padding: 1.5em 0;
}
.contact-info{
  font-weight:bold;
  font-size:16px;
  line-height:26px;
}

section#contact-box iframe{
  width:100%;
}

.contact-info .head{
  color:#000;
}

.contact_form textarea  {
  height: 75px;
}

.contact_form{
  background: #000;
  padding: 54px;
}

.contact_form p{
    color:#fff;
  margin:0 0 15px}

.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form textarea { 
  width: 100%;
  background: #262626;
  border: 1px solid #262626;
  color: #fcfcfc;
  padding: 8px 10px;
  margin:5px 0 0 0;
}

.contact_form input[type="submit"] {
  background:none;
  color:#fff;
  padding:10px 50px;
  text-transform:uppercase;
  color:#fcfcfc;
  display:table;
  margin: 23px auto 0;
  text-align:center;
  border: 2px solid #fff;
}

.contact_form input[type="submit"]:hover{
  background:#ffd34e;
  color:#000;
}

h3.contact-page {
  font-weight: bold;
  color: #5f69ff;
  border-bottom: double 3px #5f69ff;
  display: table;
  margin-bottom: 6%;
  letter-spacing: 3px;
}

.contact-name i, .contact-email i, .contact-call i, .contact-location i, .contact-information i {
  text-align: center;
  font-size: 15px;
  background: #002857;
  padding: 14px 14px 14px 14px;
  border-radius: 10px;
  color: #fff;
  margin-right: 1%;
}

.contact-location i {
  padding: 14px 16px;
}
.contact-email i {
  padding: 14px 13px;
  font-size: 14px !important;
}
 
.contact-location,
.contact-call,
.contact-email,
.contact-information,
.contact-name {
  margin-bottom: 2%;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],
textarea {
  border: 1px solid #bcbcbc;
  width: 100%;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 23px 0;
  height: auto;
}

textarea {
  height: 111px;
}
.woocommerce #respond input#submit{
  background-color: #002857;
  color: #fff;
}
.contact-box input[type="submit"] {
  background: #002857;
  margin-top: 15px;
  border: 2px solid #fff;
  color: #fff;
  padding: 10px 40px;
  border: solid 2px #002857;
}

input[type="submit"] {
  border: 2px solid #fff;
  background: #002857;
  text-align: center;
  font-size: 18px;
  padding: 7px 30px;
  font-weight: bold;
  color: #fff;
  display: table;
}
input:hover.wpcf7-form-control.wpcf7-submit{
  background-color: #002857;
  color: #fff;
}
#header .nav ul li ul{
  margin-top: 10px;
}
#header .nav ul.children li a:hover{
  background-color: #002857;
  color: #fff;
}
div.wpcf7-validation-errors{
  clear: both;
}
.main-header {
  border-bottom: 1px solid #ccc;
}
.page-template-home-page .main-header{
  border-bottom: none;
}
.contact-info {
    font-weight: normal;
}
/* --------- POST --------- */
section#blog{
  padding-top:0;
  margin-top:0;
}

.blog-post h5{
  text-transform:uppercase;
  color: #000;
}

.feature-image-box{
  width:100%;
}

.hovereffect a{
  border:1px solid #fff;
  background:#000;
  color:#fff;
  padding:5px 20px;
}

.hovereffect a:hover{
  background:#ffd34e;
  color:#000;
}
 
.bradcrumbs{
  padding:30px 0;
}

.bradcrumbs a{
  background:#f1f1f1;
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}

.bradcrumbs a:hover{
  background: #002857;
  color: #fff;
}

.bradcrumbs span{
  background:#dddddd;
  color:#000;
  padding:5px 15px;
}
h1.main-heading {
    font-size: 30px;
    margin: 10px 0px;
}
/*---------------------------------- Comments BOX ----------------------------------------------*/
#comments{
  margin-top:40px;
}

#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  padding:40px 0 0 0;
}

#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}

#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  width:100%;
  padding:12px 10px;
  font-size:18px;
  margin:0 0 0 0;
}

#comments textarea{
  height:111px;
}

#comments input[type="submit"].submit{
  background:#002857;
  text-transform:uppercase;
  font-weight:bold;
  padding: 10px 20px;
  margin-top: 10px;
}

#comments a.comment-reply-link{
  color:#000;
  background:#cecece;
  padding:5px 15px;
}

#comments a.comment-reply-link:hover{
  background:#000000;
}

#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}

#content-test #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#eee;
  display:inline-block;
}

#content-test #comments ul{
  margin:0 0 0 40px;
}

#comments .reply{
  float:right;
}

#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}

#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}

#comments p {
  width:100%;
  float:left;
}

/* ----------------------------------------- SLIDER ------------------------------------------ */
#header .header_h2 {
  margin-top: 33%;
  font-size: 43px;
  color: #000;
  font-weight: 900;
}
#header .header_para {
  font-size: 18px;
  color: #545454;
}
.all_btn {
  background: linear-gradient(237deg, #BC57FE 0%, #6E40FB 100%) 0% 0% no-repeat !important;
  font-weight: bold;
  text-transform: capitalize;
  border-radius: 50px !important;
  color: #fff;
}
#header .header_trans_bg {
  position: absolute;
  max-width: 80%;
  max-height: 100%;
  z-index: 0;
  width: 100%;
  max-width: 100%;
}
.menubox.col-lg-7.col-md-8.col-sm-4.col-4 {
    z-index: 9999;
}
#header .index {
    z-index: 9999;
}
.wrap_figure {
    position: relative;
    z-index:10;
}
p.sub-description-test {
  text-align: center;
  font-size: 22px;
  letter-spacing: 0px;
  color: #303030;
  margin-bottom: 40px;
  opacity: 1;
}
.header_side_image{
  margin-top: 16%;
}

section#client-logo {
    margin-top: 10%;
}
#client-logo img{
  padding-right: 5%;
   transition-duration:2s;
}
#client-logo img:hover {
    transform: rotate(360deg);
}
.heading-main {
  margin: 0 auto;
  margin-bottom: 30px;
}
.heading-main h2 {
    text-align: center;
    font: normal normal bold 34px / 40px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
.single_feature{
background: #fff none repeat scroll 0 0;
box-shadow:0 2px 30px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
padding: 40px 40px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(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;
}
.single_feature:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0b0861;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 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;
}
.single_feature:hover, .single_feature:focus, .single_feature:active {
  color: white;
}
.single_feature:hover:before, .single_feature:focus:before, .single_feature:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.single_feature img{
   transition-duration: 2s;
}
.single_feature:hover img {
    transform: rotate(360deg);
}
.single_feature i {
  border: 1px solid #e8e8e9;
  border-radius: 50%;
  color: #333;
  float: left;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  margin-right: 15px;
  position: relative;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 60px;
  z-index: 3;
  margin-top: 25px;
}
.single_feature:hover p {
    color: #fff;
}
.single_feature p {
    color: #000;
    transition: 0.5s linear !important;
}
.single_feature:hover i{
  background: #fff;border: 1px solid #fff;color:#0b0861;
}
.single_feature h3 {
  font-size: 20px;
  color: #222d39;
  font-family: "Montserrat";
  font-weight: 700;
  text-align: left;
}
.single_feature:hover h3{color:#fff;}
.single_feature span {
border-bottom: 1px dashed #ccc;
display: block;
margin: 15px auto 10px;
width: 80px;
}
.single_feature p {
    margin-bottom: 0;
    overflow: hidden;
    font-size: 17px;
    color: #677294;
    font-family: "Nunito";
    font-weight: 400;
}
img.featr_img {
    position: absolute;
    width: 14%;
    left: -23px;
}
#about-us .center-about{
  margin-top: 7%;
}
#about-us .center-about h3 {
  text-align: left;
  font: normal normal bold 40px/40px Montserrat;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
#about-us .center-about p {
  text-align: left;
  font: normal normal normal 22px/38px Nunito;
  letter-spacing: 0px;
  color: #303030;
}
#informational-section .center-informational{
  margin-top: 7%;
}
#informational-section .header_h2 {
  text-align: left;
  font: normal normal bold 36px/40px Montserrat;
  letter-spacing: 0px;
  color: #000000;
}
#informational-section .header_para {
  text-align: left;
  font: normal normal normal 22px/32px Nunito;
  letter-spacing: 0px;
  color: #303030;
}
footer#colophon {
  background: linear-gradient(245deg, #BD57FE 0%, #6D40FB 100%) 0% 0% no-repeat;
  clip-path: polygon(0 0%, 100% 8%, 100% 100%, 0 100%);
}
section#testimonial-section {
  margin-bottom: -20%;
}
.copyright {
  padding-top: 20%;
}
#integration-section{
  background: linear-gradient(245deg, #BD57FE 0%, #6D40FB 100%) 0% 0% no-repeat;
  clip-path: polygon(0 0%, 100% 6%, 100% 100%, 0% 94%);
  height: 800px;
  position: relative;
}
#integration-section img{
  position: absolute;
}
.integration-section .header_h2 {
  margin-top: 17%;
  text-align: left;
  font: normal normal bold 50px/60px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}
.row.integration-section .btn {
  background: #fff !important;
  color: #BD57FE;
}
.integration-section .header_para {
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  font-family: "Nunito";
  font-weight: 400;
}
#testimonial-section h3 {
  text-align: center;
  font: normal normal bold 34px/40px Montserrat;
  letter-spacing: 0px;
  color: #000000;
}
#testimonial-section .sub-description-test {
  text-align: center;
  font-size: 22px;
  letter-spacing: 0px;
  color: #303030;
  margin-bottom: 40px;
  opacity: 1;
}
#testimonial-section .owl-carousel.owl-loaded {
    display: block;
    z-index: 9999;
}
.testimonial {
    border: 1px solid #c9ced3;
    padding: 70px 25px 20px;
    margin-bottom: 30px;
    position: relative;
    background: #fff;
}
.testimonial:after{
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 30px;
    color: #6D40FB;
    position: absolute;
    top: 20px;
    left: 25px;
}
.testimonial .description{
    font-size: 14px;
    color: #666;
    line-height:26px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.pic img {
    border-radius: 50%;
}
h4.testimonial-title a {
    text-align: left;
    font-size: 21px;
    color: #354168;
    font-family: "Muli";
    font-weight: 700;
    font-style: italic;
}
.owl-theme .owl-controls .owl-page.active span{
    background: #00adb7;
}
.site-info {
  padding-bottom: 20px;
  margin: 60px auto 0;
  text-align: center;
  border-top: 1px solid #c1c1c1;
  padding-top: 15px;
}
.site-footer .search-form .search-submit,
.site-footer .widget-area .tagcloud a:hover{
  background: #09c1bf;
  color: #323232 !important;
}
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
  color: #ffffff;
}
.bottom_svg {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    bottom: 0%;
}
.bottom_wrap_figure {
    position: absolute;
    z-index: 10;
    display: block;
    margin: 0 20%;
}
.site-footer .header_trans_bg{
  position: absolute;
  z-index: 5;
  width: 100%;
  padding-top: 19%;
  padding-left: 23%;
}
/*----------- Footer --------------*/

.site-info i{
  font-size: 16px;
  color: #fff;
}
.site-info p{
    letter-spacing: 2px;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}
.site-info p,
.site-info a{
  color: #fff !important;
}
.site-footer .wrap {
  padding-bottom: 1.5em;
  padding-top: 2em;
}

/* Footer widgets */

.site-footer .widget-area .tagcloud a:hover {
    background: #fff;
    border: 1px solid #000;
    color: #000;
}
.site-footer .widget-area a:hover{
  color: #09c1bf !important;
}
.site-footer .widget ul li,
.site-footer .widget ol li{
  text-align: left;
  color: #fff;
}
.site-footer h2.widget-title {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
}
.site-footer input[type="search"] {
    padding: 10px 10px;
    font-size: 14px;
    margin-bottom: 0px;
    color: #000;
    border: solid 1px #09c1bf;
    width: 100%;
}
.site-footer .search-form .search-submit{
  bottom: 2px;
    padding: 8px 6px;
    position: absolute;
    right: 3px;
    background: #09c1bf;
    color: #fff !important;

}
.page-template-blog-with-left-sidebar #header,
.page-template-blog-with-right-sidebar #header,
.page-template-blog-fullwidth-extend #header,
.page-template-page-with-left-sidebar #header ,
.page-template-page-with-right-sidebar #header ,
.page-template-contact #header ,
.post-template-default #header {
    background: #5f69ff;
}
.page-template-blog-with-left-sidebar #colophon,
.page-template-blog-with-right-sidebar #colophon,
.page-template-blog-fullwidth-extend #colophon,
.page-template-page-with-left-sidebar #colophon ,
.page-template-page-with-right-sidebar #colophon ,
.page-template-contact #colophon ,
.post-template-default #colophon {
    background: #5f69ff;
}
/*------------------------------------- Sidebar -------------------------------------------*/
#sidebar form{
  display: table;
  width: 100%;
}

#sidebar h3{
  margin:0 0 25px;
  padding:4% 4%;;
  text-transform:uppercase;
  font-weight:bold;
  font-size:14px;
  color: #ffffff;
}

#sidebar input[type="search"] {
  background:#eeeeee;
  padding:9px 10px;
  border: 1px solid #ccc;
  font-size:15px;
  color:#000;width:100%;
}

#sidebar label{
  width:70%;
  float:left;
  margin-bottom: 0;
}

#sidebar input[type="submit"]{
  background:#002857;
  border:none;
  color:#fff;
  padding:11px 0;width:30%;
  font-size:14px;
  float:left;
  margin:0;
}
#sidebar aside{
  margin-bottom: 30px;
  padding: 10px;
  border: 1px solid #ccc;
}
#sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
  font-size:17px;
}
#sidebar ul li{
  margin:0 0 15px;
  padding:0 0 0 10px;
  font-weight:bold;
  font-size: 14px;
}

#sidebar ul li a{
  color:rgba(0, 0, 0, 0.78);
  font-size: 14px;
  font-weight: 500;
}

#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:#ffd34e;
}
div#sidebar {
    padding-top: 38px;
}
#blog-left-sidebar div#sidebar {
  padding-top: 0px;
}
#blog-right-sidebar div#sidebar {
  padding-top: 0px;
}
/*------------------------------------------Page -----------------------------------------------*/
.page-header{
  border-bottom:none !important;
}
aside#calendar-3 td, aside#calendar-3 tr, aside#calendar-3 th {
    border: 1px solid #ccc;
    padding: 10px;
}
td#today {
    color: #fff;
    background-color: #000;
}
.title-box h1 {
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-weight: 900;
}
.archive .title-box h1 {
  color:#000000;
}
.pad-top {
    margin: 20px 0;
}
.title-box{
  background-repeat:no-repeat;
  background-size:100% 100%;
  color: #000 !important;
  text-transform:uppercase;
  text-align:center;
  margin-bottom:10px;
}

#content p{
  text-align:center;
}

#content hr{
  border:none;
  border-bottom:2px dotted #7e7e7e;
  margin:35px 0;
  clear:both;
}

#content h2{
  font-size:35px;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#000;
  margin:0 0 25px;
}

#content h3{
  font-size:36px;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#000;
  margin:0 0 25px;
}

#content h4{
  font-size:20px;
  font-weight:bold;
  margin:0;
  padding:0;
  color:#333;
  margin:0 0 25px;
}

#content ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}

#content ul li{
  padding:0 0 0 35px;
  margin:0 0 20px 0;
  line-height:25px;
}
#content ol{
  list-style: none;
  margin:0 0 0 15px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}

#content ol li{
  padding:0 0 0 0;
  margin:0 0 20px 0;
}

#content ol li:before {
  counter-increment: myCounter;
  content:counter(myCounter);
  color: #fff;
  background: #2980B9;
  display: inline-block;
  text-align: center;
  margin: 5px 10px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  font-weight:bold;
}

#content-test  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0;
  font-weight:bold;
  line-height:normal;
}

section#map{
  padding-bottom:0;
}

.col-md-8.about-text {
  margin-top: 1%;
}

h2.section-title {
  color: #000000;
}

col-md-5.wow.bounceInUp {
  margin-top: 9%!important;
}

div#myDropdown {
  z-index: 999;
} 
div#myDropdown input[type=text] {
  border-radius: 7px;
  width: 90%;
  margin-left: 4%;
  margin-top: 4%;
  margin-bottom: 0;
} 
div#myDropdown input[type=submit] {
  border-radius: 7px;
  margin-left: 21%;
  margin-top: 4%; 
  margin-bottom: 7%;
  background-color: #002857;
  color:#fff;
  border: solid 2px;
}       
button.Requestbutton {
  background-color: #002857;
  color: #fff;
  font-weight: 900;
  padding: 12px 11px;
  font-size: 12px;
  border: none;
  cursor: pointer;
  margin: 10% 0%;
  position: relative;
}

.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgba(177, 172, 172, 0.53);
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  width: 90%;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.show {
  display:block;
}

/*------------------------------------ woocommerce css ---------------------------------*/

section.related.products h2,.woocommerce-order-details h2,.woocommerce-order-details h3 {
  color: #000000;
  font-size: 25px;
  margin-bottom: 1em;
  text-align: left;
  text-transform: none;
}
.woocommerce .woocommerce-breadcrumb{
 margin: 1em 0 1em;
}
.shop-sidebar{
  margin-top: 20px;
}
 h2.woocommerce-loop-product__title,h2.woocommerce-loop-product__title{
  width: 100%;
  height: 245px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  color: #fff !important;
  border-radius: 5px;
  background-color: rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
  box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  padding: 5em 0 !important;
  margin: 0;
  font-size: 18px !important;
  text-align: center;
  font-weight: bold !important;
}
.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .button{
  display: block;
  text-align: center;
}
span.woocommerce-Price-amount.amount {
  background: #fff;
  color: #000;
  padding: 10px;
  font-size: 20px;
}
.woocommerce ul.products li.product .price ins {
    padding-left: 7px;
}
.woocommerce ul.products li.product .button{
  margin-top: 10px;
}

.woocommerce ul.products li.product a:hover.button {
  background-color: #002857;
  color:#fff;
}
.woocommerce ul.products li.product .price,.woocommerce a.button {
  margin-bottom: .5em;
  font-size: 100%;
  margin: 0;
  line-height: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  overflow: visible;
  font-weight: 700;
  border-radius: 0px;
  left: auto;
  color: #000;
  background-color: transparent;
  border: 0;
  white-space: nowrap;
  background-image: none;
  box-shadow: none;
  border: 1px solid #73747b;
  text-shadow: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
  border: 1px ridge #d3ced2;
  padding: 20px;
  margin: 2em 0;
  text-align: left;
  border-radius: 5px;
  font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-content {
  padding: 20px;
  margin: 2em 0;
}
.woocommerce button#place_order {
  background-color: #092857;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    max-width: 100%;
}
/*----------------------Shop Page ---------------------------------*/
.woocommerce .shop ul.products li.product,.woocommerce-page .shop ul.products li.product{
  width:30% ;
  background: none ;
  /*margin: 0 0 30px 25px ;*/
  padding: 0px ;
}
.woocommerce a.button:hover{
  background-color: #002857;
  color: #fff !important;
}
.home .woocommerce ul.products li.product a img{
  height: 282px;
}

.woocommerce ul.products li.product a img{
  height: 245px;
}
.woocommerce div.product .product_title{
  font-size: 25px;
}
.woocommerce div.product p.price{
  color: #959595;
  font-size: 26px;
  font-weight: 300;
  margin-top: 20px;
}
button.single_add_to_cart_button.button.alt {
    color: #515151;
    background-color: transparent;
    border: 1px solid #73747b;
}
button:hover.single_add_to_cart_button.button.alt {
    background: #002857;
    
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  padding: 7px 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 1px solid #fff;
}

.shop ul.products li.product a img {
  margin:0 
}
.shop ul.products li.product .price,
.shop ul.products li.product .button {
  padding: 15px !important;
  color:#000;
  border: solid 1px #002857 !important;
}
.shop select.orderby {
    padding: 10px 5px;
    background: transparent;
}
a.woocommerce-review-link{
  display: flex;
  padding-left: 10px;
}
ul.products li{
  text-align: center;
}
input#coupon_code {
    width: 110px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  font-size: 16px;
  padding: 10px;
}
.woocommerce input#password {
    padding: 10px;
}
.woocommerce button.button:hover{
    background-color: #002857;
    color: #fff;
}
/*------------------------------------ plugin style ---------------------------------*/
#list, #list-table{
  background: #fff;padding: 1%;border: 0;
}
.footer_widgets table#wp-calendar, td, th {
    border: 1px solid #112957 !important;
}
/*------------------------------------ customizer style ---------------------------------*/

.cust_style{
  text-decoration: underline; color: #DA4141; text-transform: uppercase;
}

/*------------------------------- media section -----------------------------------*/
@media screen and (min-width:0px) and (max-width: 575px){
  #client-logo .client_logo {
    padding: 19px;
    text-align: center;
  }
  #header .header_h2 {
    margin-top: 5%;
    color: #fff;
  }
  #header .header_para{color: #fff;}
  #header{
  z-index:999;
  width:100%;
  height:auto;
  }
  footer#colophon {
    background: #5e57ff;
  }
 img.featr_img {
  position: unset;
 }
   section#client-logo {
    margin-top: 0;
  }
 #about-us .center-about {
    margin-top: 7%;
    padding: 0 5% 0 10%;
  }
  #testimonial-section h3 {
    text-align: left;
  }
  #testimonial-section .sub-description-test {
    padding: 0;
    text-align: left;
  }
  #integration-section .header_trans_bg {
    display: none;
  }
  #integration-section {
    clip-path: none;
    height: auto;
  }
  .integration-section .header_h2 {
    margin-top: 0;
  }
  #integration-section img {
    display: none;
  }
  .header_side_image {
    display: none;
  }
  #header .logo h1 {
    font-weight: 700;
    text-transform: uppercase;
    padding: 75px 0;
    margin-bottom: 8px;
    font-size: 30px !important;
    font-weight: bold;
    margin-top: 0;
    text-align: center;
    transform: unset; 
  }
  .logo img.custom-logo,.logo {
    transform: none !important;
    text-align: center;
  }
  .home .logo img.custom-logo {
    margin: 0px;
}
  .home #header .logo h1{
    transform: none;
  }
  .home #header .logo {
    right: 0px;
    top: -10px;
    bottom: 0px;
  }
  #header {
    z-index: 999;
    width: 100%;
    height: auto;
    background-color: #5e57ff;
  }
  img.header_trans_bg {
    display: none;
  }
  .inner_product_main img {
    margin-left: 14px;
  }
  .inner_product img{
    margin-bottom: 0px;
  }
  #contact-sec {
    margin-top: -60px;
  }
  .contact-sec {
    height: auto;
  }
  .custom-product-price-main{
    top: -260px;
  }
  .custom_cart_main{
    top: -190px;
  }
  .custom-product-price{
    top: -270px;
  }
  .custom_cart{
    top: -195px;
  }
  .banner-padd {
    padding-top: 15px;
  }
  .woocommerce .shop ul.products li.product, .woocommerce-page .shop ul.products li.product {
    width: 48%;
    background: none;
    margin: 0 0 30px 0px;
  } 
  .woocommerce-ac i {
    color: #000;
    font-size: 19px;
  }
  .page-template-home-page .main-header {
    border-bottom: none;
    height: 630px;
  }
  #header .logo h1 {
    font-weight: 700;
    text-transform: uppercase;
    padding: 25px 0 5px;
    margin-bottom: 8px;
    font-size: 30px;
    font-weight: bold;
    margin-top: 0;
    text-align: center;
    transform: unset; 
  }
  .pro-section-1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
    width: 60% !important;
  }
  .nav-next{
    float: left;
  }
}
@media screen and (min-width:576px) and (max-width: 767px){
 #client-logo .client_logo {
    padding: 19px;
    text-align: center;
  }
   #header .header_h2 {
    margin-top: 0;
  }
   #header{
  z-index:999;
  width:100%;
  height:auto;
  background-color:#5e57ff;
  }
  section#client-logo {
    margin-top: 0;
  }
  #about-us .center-about {
    margin-top: 7%;
    padding: 0 5% 0 5%;
  }
  footer#colophon {
    background: #5e57ff;
  }
  img.featr_img {
    position: absolute;
    width: 14%;
    left: -39px;
  }
    #integration-section .header_trans_bg {
    display: none;
  }
  #integration-section {
    clip-path: none;
    height: auto;
  }
  .integration-section .header_h2 {
    margin-top: 0;
  }
  #integration-section img {
    display: none;
  }
  .header_trans_bg{
    display: none;
  }
  .top_svg {
    display: none;
  }
  .header_side_image {
    display: none;
  }
  .home #header .logo h1{
    transform: none;
  }
  .logo img.custom-logo,.logo {
    transform: none !important;
  }
  .home #header .logo {
    left: 0;
    top: 20px;
    z-index: 0;
  }
  .home #header .logo h1{
    transform: none;
  }
  a.custom-logo-link img {
    width: 180px;
    height: 85px;
  }
  #team .bx-wrapper {
    width: 253px;
    margin-top: -26px;
  }
  .inner_product_main img {
    margin-left: 14px;
  }
  #contact-sec {
    margin-top: -60px;
  }
  .inner_product img {
    margin-bottom: -13px;
  }
  .custom-product-price-main{
    top: -360px;
  }
  .custom_cart_main{
    top: -290px;
  }
  .toggle-nav{
    top: auto;
  }
  .contact-sec {
    height: auto;
  }
  #header .social-media{
    font-size: 0px;
  }
  #header .header-top{
    font-size: 12px;
  }
  .banner-padd {
    padding-top: 15px;
  }
  #content-test p{
    margin: 0px -21px 25px 0px;
  }
  .woocommerce .shop ul.products li.product, .woocommerce-page .shop ul.products li.product {
    width: 48% !important;
    background: none !important;
    margin: 0 0 30px 0px !important;
    padding: 0px !important;
  }
  span.woocommerce-Price-amount.amount{
    padding: 0px;
  }
  #header .logo h1 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: bold;
    margin-top: 0;
    text-align: center;
    transform: unset; 
  }
  .main-navigation ul ul {
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .logo img.custom-logo{
    margin: 0px;
  }
  span.woocommerce-Price-amount.amount{
    padding: 10px;
  }
  .nav-next{
    float: left;
  }
}
@media screen and (min-width:768px) and (max-width: 991px){
   #client-logo .client_logo {
    padding: 19px;
    text-align: center;
  }
  .bottom_svg {
    display: none;
  }
  footer#colophon {
    background: #5e57ff;
  }
  #header .header_h2 {
    margin-top: 0;
  }
  #header .logo h1 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: bold;
    margin-top: 0;
    text-align: center;
    transform: none; 
  }
  button.Requestbutton {
    background-color: #002857;
    color: #fff;
    font-weight: 900;
    padding: 7px 11px;
    font-size: 12px;
    border: none;
    cursor: pointer;
    margin: 15% 0%;
    position: relative;
    top: unset; 
  }
  .home #header .logo h1{
    transform: none;
  }
  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: unset; 
    padding-bottom: unset;
    color: #fff;
    text-align: center;
  }
  .custom_cart_main{
    top: -160px;
  }
  .custom-product-price-main{
    top: -218px;
  }
  .inner_product img{
    margin-bottom: -12px;
    height: 210px;
  }
  .custom_cart{
    top: -100px;
  }
  .custom-product-price{
    top: -128px;
  }
  #new_arrivals .small_product a.added_to_cart.wc-forward {
    position: absolute;
    margin-top: 30px;
    left: 136px;
    font-size: 18px;
    color: #252857;
    font-weight: bold;
    top: 11px;
    padding: 3px;
    background: #fff;
  }
  span.woocommerce-Price-amount.amount{
    font-size: 15px;
  }
  a.button{
    font-size: 11px;
  }
  h1.main-heading {
    margin-top: 25px;
  }
  .woocommerce .shop ul.products li.product, .woocommerce-page .shop ul.products li.product {
    margin: 0 0 30px 22px;
  }
  #header .logo h1 {
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 0;
    margin-bottom: 0px;
    font-size: 19px;
    font-weight: bold;
    margin-top: 0;
    text-align: center;
  }
  #header .nav ul li:hover > ul {
    display: block;
    width: 200px;
    position: unset !important;
    top: 22px;
    left: 0;
    text-align: left;
    padding: 10px 0;
    z-index: 99;
    border: none !important;  
  }
  .carousel-caption {
    left: 0 !important;
    right: 0 !important;
    top: -115px !important;
    padding-left: 5rem;
    transform: translateY(50%);
    bottom: inherit !important;
  }
  .carousel-caption.d-none.d-md-block h2 {
    font-size: 30px;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
  }
  /*.logo img.custom-logo, .logo {
    transform: none !important;
  }*/
  a.custom-logo-link img {
    width: 180px;
    height: 85px;
  }
  .logo img.custom-logo{
    margin: 0px !important;
  }
  .home .logo img.custom-logo {
    transform: none;
  }
  .services-btn {
    margin-top: 3rem;
    margin-bottom: 6rem;
  }
  .nav-next{
    float: left;
  }
}
@media screen and (min-width:992px) and (max-width: 1024px){
  img.featr_img {
    position: absolute;
    width: 14%;
    left: -29px;
  }
  svg.bottom_svg {
    display: none;
  }
  svg.bottom_svg {
    display: none;
  }
  .inner_product img{
    margin-bottom: -12px;
    height: 237px;
  }
  .custom_cart{
    top: -85px;
  }
  .custom-product-price{
    top: -150px;
  }
  .custom_cart_main{
    top: -250px;
  }
  .custom-product-price-main{
    top: -312px;
  }
  a.button{
    font-size: 12px;
  }
  span.woocommerce-Price-amount.amount{
    font-size: 15px;
  }
  #sponser .bx-wrapper {
    width: 91%;
  }
  #team .bx-wrapper {
    width: 79%;
  }
   h1.main-heading {
    margin-top: 25px;
  }
  .woocommerce .shop ul.products li.product, .woocommerce-page .shop ul.products li.product {
    margin: 0 0 30px 22px;
  }
  .logo img.custom-logo{
    margin: -41px !important;
  }

  .services-btn {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .thumb_image_border{
    display: none;
  }
  #header .nav ul li:hover > ul.sub-menu a:hover {
  background: transparent;
  }
  #header .nav ul li a{
    padding: 5px;
  }
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .main-navigation ul ul {
    position: static !important;
    width: 100%; 
    box-shadow: none;
  }
  #header .nav ul li:hover > ul{
  background-color:transparent;
  }
  .toggle-nav {
    display: block;
    position: relative;
    right: 15px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 8px auto;
    z-index: 999999;
  }
  .toggle-nav i {
   font-size: 29px;
    color: #000000
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
    cursor: pointer;
}
  .nav ul li {
    border-top: 1px #303030 solid;
    display: inline-block;
    text-align: left;
    float: none;
    width: 18rem;
    padding: 5px;
}
  .nav ul li a {
    padding: 5px;
    color: #fff !important;
  }
}
/* Animated Button*/
.allbtn a{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding: 11px 26px;
    color: #fff;
    font-weight: 600;
    border: 3px solid #16377f;
    border-radius: 0;
    margin-top: 2em;
    color: #16377f;
}
.allbtn a::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #299deb;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.allbtn a:hover {
    border-color: #299deb;
}
.allbtn a:hover {
    color: #fff;
}
.allbtn a:hover::before, .allbtn a:focus::before, .allbtn a:active::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.title_img {
    text-align: center;
}

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 30px;
    right: 10px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    border-radius: 4px;
    background: #16377f;
    transition: 0.5s transform;
}
#back2Top:hover {
  background:#299deb;
  color:#fff;
}
.our-services{
  position: relative;
}
.ourservies-circle {
  position: absolute;
  bottom: -25%;
  right: 0;
  z-index: 0;
}
.header-btn a{
  background: #fff !important;
  color: #BC57FE !important;
  box-shadow: -4px -2px 3px #0000001C !important; 
  border-radius: 10px !important;
  padding: 10px !important;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
}
.row.header {
  align-items: center;
  border-bottom: 1px solid #9d9d9d;
}
.woocommerce-ac i {
  color: #000;
}
.woocommerce-ac {
 text-align: center;
}
.header-btn{
  text-align: right;
}
.row.services{
  z-index: 1;
  position: relative;
}
@media (min-width: 200px) and (max-width: 700px)  {
  .header-btn a{
    font-size: 12px;
  }
  .header-btn {
    margin-bottom: 10px;
  }
}