/*
Theme Name: SEO Digital Marketing Pro
Theme URI: https://www.ovationthemes.com/products/digital-marketing-wordpress-theme
Author: Ovationthemes
Author URI: https://www.ovationthemes.com
Description:  If you are questioning buying a premium Digital Marketing WordPress Theme for your Digital Marketing Themed website, then you have come to the best location as right here, the whole lot that is wanted to set up a positive website would be handy at a very practical rate. Getting this theme would do wonders as you will get many top premium points to improve your region on the net. Some beneficial and extraordinary WordPress points, such as 24 hrs purchaser guide and multipurpose aspects, make this the ideal WordPress theme and is flawlessly best for your agency, content material marketing, and innovative agency. This will be the most terrific WordPress theme you can get today.
Version: 0.0.5
License: GNU General Public License
License URI: license.txt
Text Domain: seo-digital-marketing
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

SEO Digital Marketing Pro WordPress Theme has been created by Ovationthemes(Ovationthemes.net), 2022.
SEO Digital Marketing Pro WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */

*{
  margin:0;
  padding:0;
  outline:none;
}
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:#8a63f2;
}

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

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{
  font-weight:bold;
  text-align:center;
  margin:0 0 7px;
  padding:0;
  font-size: 30px;
  color: #8a63f2;
}

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

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

section h5{
  color:#8a63f2;
  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:#8a63f2;
}

/* ---------------------------------- Buttons ---------------------------------------- */
a.button-all{
  border:2px solid #000;
  color:#000;
  padding:8px 50px;
  margin:20px 0 0 0;
  font-weight:bold;
}

a.button {
  background: #8a63f2;
  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: #8a63f2;
    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: rgb(232, 93, 117);
}

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

/*--------------------- Services --------------*/
.section-heading {
    text-align: center;
}
#services h2.heading_title {
    font-size: 24px;
    color: #000000;
    font-family: "DejaVu Sans";
    font-weight: 600;
    color: #8a63f2;
}
p.heading_content{
    color: #000;
}
.serviceBox {
    padding: 50px 35px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-bottom-color: #8a63f2;
    text-align: center;
    position: relative;
    transition: all 0.5s ease 0s;
}
.serviceBox:hover{ border: 1px solid #8a63f2; }
.serviceBox:before,
.serviceBox:after{
    content: "";
    width: 70%;
    height: 5px;
    background: #8a63f2;
    opacity: 0;
    position: absolute;
    top: -3px;
    left: 35%;
    transform: translateX(-50%);
    transition: all 0.5s ease 0s;
}
.serviceBox:hover:before,
.serviceBox:hover:after{
    opacity: 1;
    left: 50%;
}
.serviceBox:after{
    top: auto;
    bottom: -3px;
}
.serviceBox .service-icon {
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 50%;
    background-image: linear-gradient(to right, #c444fb, #8a63f2);
    margin: 0 auto 20px;
    font-size: 36px;
    color: #fff;
}

.serviceBox:hover .service-icon i{
    transform: rotateY(180deg);
}
.serviceBox .service-icon i {
    transition: all 0.5s ease 0s;
}
.serviceBox .title {
    font-size: 18px;
    font-weight: bold;
    color: #181818;
    margin: 0 0 10px 0;
    transition: all 0.5s ease 0s;
}
.serviceBox:hover .title{ opacity: 0; }
.serviceBox .description{
    font-size: 14px;
    color: #7a7a7a;
    line-height: 25px;
    margin: 0;
    transition: all 0.5s ease 0s;
}
.serviceBox:hover .description{
    margin-top: -20px;
    padding-bottom: 20px;
}
/* ------------------------------------ Team ---------------------------------------- */

.team-heading {
    text-align: center;
}
#team h2.heading_title {
  font-size: 33px;
  line-height: 24px;
  color: #8a63f2;
  font-family: "Roboto";
  font-weight: 700;
  text-align: center;
}
#team p.heading_content {
    max-width: 60%;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    font-family: "Roboto";
    font-weight: 400;
    text-align: center;
}
#team .our-team{
    padding: 20px 15px 30px;
    border-radius: 15px;
    text-align: center;
}
#team .our-team .pic{
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 10px;
    margin-bottom: 25px;
    transition: all 0.5s ease 0s;
    background: #fff;
    border-radius: 50%;
}
#team .our-team:hover .pic{
    background: #8a63f2;
    border-radius: 50%;
}
#team .our-team:hover .title a{
    color: #8a63f2;
}
#team .pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
#team .our-team .title{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #2e282a;
    text-transform: uppercase;
    margin: 0 0 7px 0;
}
#team .our-team .post {
    display: block;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 18px;
    color: #505050;
    font-family: "Roboto";
    font-weight: 400;
    text-align: center;
}
#team .our-team .social{
    padding: 0;
    margin: 0;
    list-style: none;
}
#team .our-team a {
    font-size: 20px;
    line-height: 24px;
    color: #424242;
    font-family: "Roboto";
    font-weight: 600;
    text-align: center;
}
#team .our-team .social li{
    display: inline-block;
    margin-right: 5px;
}
#team .our-team .social li a{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    font-size: 15px;
    color: #8a63f2;
    border: 1px solid #8a63f2;
    transition: all 0.5s ease 0s;
}
#team .our-team:hover .social li a{
    background: #8a63f2;
    color: #fff;
}

/* ------------------------ Latets Post --------------------------------- */

#latest .latest_heading h3 {
    font-size: 33px;
    line-height: 24px;
    color: #8a63f2;
    font-family: "Roboto";
    font-weight: 700;
    text-align: center;
}
#latest .latest_heading p {
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  font-family: "Roboto";
  font-weight: 400;
  text-align: center;
}
#latest .post-review-big {
    position: absolute;
    top: 45%;
    max-width: 80%;
    margin: 0 45px;
}
#latest .post-review-big h3.post-title {
    font-size: 28px;
    color: #ffffff;
    font-family: "Roboto";
    font-weight: 500;
    text-align: left;
}
#latest .post-review-big a {
    color: #fff;
}
#latest .post-review-big p.post-description {
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    font-family: "Roboto";
    font-weight: 400;
}
#latest .post-slide-big:before {
    content: "";
    border-right: 114px solid #f3f3f6;
    border-top: -1px solid transparent;
    border-bottom: 89px solid transparent;
    position: absolute;
    top: 0;
    right: 15px;
}
#latest .post-slide:before {
    content: "";
    border-right: 114px solid #f3f3f6;
    border-top: -1px solid transparent;
    border-bottom: 89px solid transparent;
    position: absolute;
    top: 0;
    right: 15px;
}
#latest .post-slide:hover h4.post-title a{
    color: #8a63f2;
    transition: color 0.5s ease 0s;
}
#latest .post-slide:hover a.read-more{
    color: #8a63f2;
    transition: color 0.5s ease 0s;
}
#latest .post-slide:hover a.read-more:after{
    color: #8a63f2;
    transition: color 0.5s ease 0s;
}
#latest .post-slide:hover span.post-date{
    color: #8a63f2;
    transition: color 0.5s ease 0s;
}
#latest .post-slide-big:hover h3.post-title a{
    color: #8a63f2;
    transition: color 0.5s ease 0s;
}
#latest .post-slide-big:hover a.read-more{
    color: #8a63f2;
    transition: color 0.5s ease 0s;
}
#latest .post-slide-big:hover a.read-more:after{
    color: #8a63f2;
    transition: color 0.5s ease 0s;
}
#latest .post-slide-big:hover span.post-date{
    color: #8a63f2;
    transition: color 0.5s ease 0s;
}

#latest span.post-date {
    position: absolute;
    top: 0px;
    right: 12px;
    width: 43px;
    padding: 9px 0px;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
    font-family: "Roboto";
    font-weight: 600;
}
#latest .post-slide {
    background: #e6e6eb;
}
#latest .post-slide {
    background: #eee;
}
#latest h4.post-title {
  font-size: 24px;
  line-height: 38px;
  color: #424242;
  font-family: "Roboto";
  font-weight: 500;
}
#latest h4.post-title a {
  color: #424242;
}
#latest .post-slide a.read-more {
  color: #424242;
}
#latest p.post-description {
    font-size: 14px;
    line-height: 22px;
    color: #505050;
    font-family: "Roboto";
    font-weight: 400;
}
#latest .post-review {
    padding: 21% 17px 18%;
}
#latest .post-review-big a.read-more:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #fff;
    margin-left: 6px;
    position: relative;
    left: 0px;
    top: 1px;
}
#latest .post-review a.read-more:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #424242;
    margin-left: 6px;
    position: relative;
    left: 0px;
    top: 1px;
}
/* ------------------------ Home Contact --------------------------------- */
.home_contact_form {
    width: 453px;
    background: #fff;
    border: 5px solid #ccc;
    box-shadow: 0 0 1px 0px #fff;
    margin: 0 auto;
}
.contact_content {
    padding: 22px 21px 0 21px;
}
.contact_content h3.contact-title {
    font-size: 23px;
    line-height: 24px;
    color: #505050;
    font-family: "Roboto";
    font-weight: 500;
    text-align: left;
    margin: 5px 0 20px 0;
}

.home_contact_form input[type="submit"] {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 25px;
    color: #ffffff;
    font-family: "Roboto";
    font-weight: 500;
    background: #8a63f2;
    margin-left: 0;
}
.home_contact_form input:hover.wpcf7-form-control.wpcf7-submit {
    background-color: #8a63f2;
    color: #fff;
}
#footer_box li:before {
    content: "\f101";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    color: #8a63f2;
    margin-right: 5px;
}
.home_contact_content h3 {
    font-size: 30px;
    line-height: 24px;
    color: #ffffff;
    font-family: "Roboto";
    font-weight: 500;
    text-align: left;
}
.home_contact_content {
    width: 500px;
    margin: 0 auto;
}
.home_contact_content i {
    font-size: 18px;
    color: #fff;
}
.contact_phone {
    margin-top: 11%;
}
.home_contact_content hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid #646b69;
}
.home_contact_content h6 {
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-family: "Roboto";
    font-weight: 500;
    margin-bottom: 0px;
}
.home_contact_content p {
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-family: "Roboto";
    font-weight: 500;
    margin-left: 32px;
}
/* ------------------------------------ HEADER ---------------------------------------- */


#header .nav ul li:hover > ul {
    display: block;
    width: 200px;
    position: absolute;
    top: 30px;
    text-align: left;
    padding: 0;
    z-index: 99;
    color: #000;
}

#header .nav ul li:hover > ul a{
  background-color:#fff;
  border:1px solid #e85d75;
}

#header .nav ul li > ul.sub-menu li a:hover{
  background: #e85d75;
  color: #fff;
}
ul.sub-menu {
  display: none;
}
#header .logo a{
  color:#333333;
}

#header .logo p{
  font-size:12px;
  color: #999;
}
/*.home.page-template #masthead {
    position: absolute;
}
*/
.top_social {
    float: right;
}
.row.top-border {
    border-bottom: 2px solid #dfdfdf;
}
.socialbox i {
    margin: 0 6px;
    font-size: 14px!important;
    color: #192225;
    border-radius: 50%;
    padding: 5px;
}
#header .social-media i {
   transition: color 0.5s linear;
}
#header .social-media a:hover i {
   color: #8a63f2;
}

#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:#192225;
  padding: 13px 14px;
  font-size: 14px;
}
#header .nav ul {
  margin: 0;
  padding: 4px 0px 0px 10px;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.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: #8a63f2 !important;
}
#header a.header-button:hover span {
    color: #fff;
    transition: color 0.5s linear;
}
#header a.header-button:hover {
    transition: color 0.5s linear;
    border: 2px solid #8a63f2;
    background-image: linear-gradient(to right, #eee, #8a63f2);;
}
/*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: 16px;
    color: #8a63f2;
    font-family: "Barlow";
    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: #8a63f2;
  font-family: "Oswald";
  font-weight: 400;
}
.topbar-content h6 {
    font-size: 13px;
    line-height: 18px;
    color: #192225;
    font-family: "Barlow";
    font-weight: 400;
}
#header a.header-button {
    font-size: 14px;
    line-height: 18px;
    font-family: "Barlow";
    font-weight: 900;
    color: #fff;
    padding: 10px 20px;
    border-radius: 25px;
    margin-left: 9px;
    background-image: linear-gradient(to right, #c444fb, #8a63f2);
}
#header .nav ul li:hover {
    background: #d0c0f9;
}

/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 99999;
  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;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #8a63f2;
  cursor: pointer;
}
.search-box i {
  font-size: 19px;
  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: 30px;
}
.serach-page input.search-field {
   padding: 10px;
}
.serach_inner .search-submit {
    color: #8a63f2;
    border-radius: 50%;
    padding: 10px 13px;
    width: 50px;
    height: 50px;
    border: none;
    background: none;
}
input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 89%;
  color: #8a63f2;
}
#header .search-box i {
    color: #8a63f2;
    margin-top:25px;
}
/* ------------------------------------ slider ---------------------------------------- */

#slider {
    max-width: 100%;
    margin: auto;
    padding: 0;
    position: relative;
}
#slider .carousel-caption {
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    right: 50%;
    left: 7%;
    text-align: start;
}
#slider h2 {
  font-size: 45px;
  line-height: 48px;
  color: #ffffff;
  font-family: "Roboto";
  font-weight: 700;
  text-align: start;
  line-height: 55px;
}
#slider p {
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-family: "Roboto";
    font-weight: 400;
    text-align: start;
    max-width: 800px;
    margin: 0 auto;
}
.slide-btn{
    color: #192225;
    font-family: 'Rubik', serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 13px 29px;
    border: none;
    perspective: 200px;
    position: relative;
    transition: all 0.2s ease 0s;
    top: 47px;
}
.slide-btn:hover{ color: #FC427B; }
.slide-btn:before,
.slide-btn:after{
    content: '';
    background-color: #FC427B;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
    z-index: -1;
}
.slide-btn:after{
    top: auto;
    bottom: 0;
}
.slide-btn:hover:before{
    box-shadow: 0 0 5px rgba(0,0,0,0.9);
    opacity: 0.5;
    transform: rotateX(-60deg) ;
    transform-origin: top center;
    transform-style: preserve-3d;
}
.slide-btn:hover:after{
    box-shadow: 0 0 5px rgba(0,0,0,0.9);
    opacity: 0.5;
    transform: rotateX(60deg) ;
    transform-origin: bottom center;
    transform-style: preserve-3d;
}
.slide-btn.green:hover{ color: #ffffff; }
.slide-btn.green:before{ background-color: #ffffff; }
.slide-btn.green:after{ background-color: #ffffff; }

/*----------------marketing------------*/
h6.market-inn-head {
    font-size: 18px;
    font-weight: 500;
    color: #192225;
}
p.market-inn-txt {
    font-size: 15px;
    font-weight: 400;
    color: #626262;
}
.market-icon i {
    font-size: 25px;
    background-image: linear-gradient(to right, #c444fb, #8a63f2);
    color: #fff;
    padding: 15px;
    border-radius: 50%;
}
i.shape-bg2 {
    padding: 15px 12px;
}
.market-box-detail {
    background: #f9ecff;
}
/* ------------------------------------ About ---------------------------------------- */
.about-content h3 {
  font-size: 33px;
  line-height: 24px;
  color: #8a63f2;
  font-family: "Roboto";
  font-weight: 700;
  text-align: left;
}
.about-content h6 {
  font-size: 18px;
  color: #000000;
  font-family: "Roboto";
  font-weight: 400;
  text-align: left;
}
.about-content h5 {
  font-size: 28px;
  line-height: 38px;
  color: #424242;
  font-family: "Roboto";
  font-weight: 600;
}
.about-content p {
  font-size: 14px;
  line-height: 23px;
  color: #505050;
  font-family: "Roboto";
  font-weight: 400;
}
.about-content img {
    background: #fff;
    border: 2px solid #8a63f2;
    border-radius: 50%;
    margin-right: 10px;
}
#about {
  height: 734px;
}

/* ------------------------------------ Project ---------------------------------------- */

#project .project_heading {
    margin: 0 auto;
}
#project .project_heading h3 {
    font-size: 33px;
    line-height: 24px;
    color: #c444fb;
    font-family: "Roboto";
    font-weight: 700;
    text-align: center;
}
#project .project_heading p {
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  font-family: "Roboto";
  font-weight: 400;
  text-align: center;
}
#project .tab .nav-tabs {
    border-bottom: none;
    width: 648px;
    margin: 0 auto;
}
#project .tab .nav-tabs li {
    margin: 0 33px 0 0;
    z-index: 1;
}
#project .tab .nav-tabs li a:before {
    content: "\f04d";
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    font-size: 6px;
    position: relative;
    top: -4px;
    right: 7px;
    color: #8a63f2;
}
#project .tab .nav-tabs li a {
    font-size: 15px;
    color: #fff;
    font-family: "Roboto";
    font-weight: 500;
    text-align: center;
}
#project .tab-content.tabs {
    margin-top: 4%;
}
#project .tab .nav-tabs li.active a {
    color: #c444fb;
}
#project .tab .tab-content h3{
    font-size: 24px;
    color: #e9dcbb;
    margin-top: 10px;
}
#project .tab-content.tabs img:hover {
    opacity: 0.4;
    transition: opacity 0.4s linear;
}
/* ------------------------------------ Testimonial ---------------------------------------- */
.testimonial {
    padding-top: 30px;
    background: #fff;
}
.testimonial .description{
    color: #8b8b8b;
    line-height: 1.8;
    position: relative;
    padding: 10px 0;
    margin-bottom: 15px;
}
.testimonial .description:before {
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ccc;
    position: absolute;
    font-size: 42px;
    z-index: 99999;
    background: #e8e9ef;
    width: 72px;
    height: 71px;
    text-align: center;
    top: 17px;
}
.testimonial .description p {
   margin-left: 17%;
  font-size: 16px;
  line-height: 25px;
  color: #505050;
  font-family: "Roboto";
  font-weight: 400;
}
.testimonial .testimonial-pic {
    width: 80px;
    height: 80px;
}
.testimonial .content {
    margin-left: 19%;
    padding-bottom: 18px;
}

.testimonial .testimonial-pic img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    border: 2px solid #696969;
    padding: 3px;
}
.testimonial .testimonial-review{
    margin:25px 0 0 25px;
}
.testimonial .testimonial-title {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    font-size: 24px;
    color: #000000;
    font-family: "DejaVu Sans";
    font-weight: 400;
}
.testimonial .testimonial-review span {
    color: #fff;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    font-family: "DejaVu Sans";
    font-weight: 400;
}
.testimonial:hover .description:before {
  color: #8a63f2;
  transition: color 0.3s linear;
}
.testimonial:hover {
  background-image: linear-gradient(to right, #c444fb, #8a63f2);
  transition: color 0.3s linear;
}
.testimonial:hover .description p{
  color: #fff;
}
.testimonial:hover h3{
  color: #fff;
}
.testimonial:hover .testimonial-pic img{
  border-color: #fff;
}
/* ------------------------------------ records ---------------------------------------- */

.record_icon {
    text-align: center;
    margin-bottom: 15px;
}
.counter-value {
    font-size: 48px;
    line-height: 24px;
    color: #c444fb;
    font-family: "Roboto";
    font-weight: 300;
    text-align: center;
    margin-bottom: 15px;
}
#our_records h3.title {
    font-size: 21px;
    line-height: 38px;
    color: #ffffff;
    font-family: "Roboto";
    font-weight: 500;
    text-align: center;
}

/* ------------------------------------ profit ---------------------------------------- */
section#profit {
  height: 699px;
  background-attachment: fixed;
  background-size: cover;
}
.profit-content h3 {
    font-size: 33px;
    line-height: 24px;
    color: #8a63f2;
    font-family: "Roboto";
    font-weight: 700;
    text-align: left;
}
.profit-content h6 {
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    font-family: "Roboto";
    font-weight: 400;
    text-align: left;
}
.profit-content h5 {
  font-size: 28px;
  line-height: 38px;
  color: #424242;
  font-family: "Roboto";
  font-weight: 500;
  text-align: left;
}
.profit-content p {
    font-size: 16px;
    line-height: 20px;
    color: #505050;
    font-family: "Roboto";
    font-weight: 500;
    max-width: 400px;
}
.small-img i {
    font-size: 49px;
    background: #fff;
    padding: 8px;
    border-radius: 50px;
}
.small-img .icon {
  text-align: left;
}
.small-img:hover .icon i {
    color: #8a63f2;
}
/* ------------------------------------ Skills ---------------------------------------- */

.skills-content h3.skills_head {
    font-size: 33px;
    line-height: 24px;
    color: #8a63f2;
    font-family: "Roboto";
    font-weight: 700;
    text-align: center;
}
.skills-content p.skills_subhead {
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    font-family: "Roboto";
    font-weight: 400;
    text-align: center;
}
.skillBox {
    padding: 15px 15px 25px;
    margin: 40px auto 0;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #fff;
    border-bottom-width: 3px;
    position: relative;
    box-shadow: 0 0 8px 2px #ccc;
}
.skillBox .skill-icon {
    width: 80px;
    height: 78px;
    border-radius: 40px;
    border: 1px solid #8a63f2;
    background-image: linear-gradient(to right, #c444fb, #8a63f2);
    color: #fff;
    position: absolute;
    top: -42px;
    left: 79px;
}
.skillBox .skill-icon i {
    display: inline-block;
    font-size:3em;
    line-height:70px;
}
.skillBox:hover .skill-icon{
    color:#8a63f2;
    background:#fff;
}
.skillBox h3 {
    font-size: 20px;
    letter-spacing:0.7px;
    position: relative;
    margin:20px 0 10px 0;
    padding:10px 0;
    background:none;
    overflow:hidden;
    color: #424242;
    font-family: "Roboto";
    font-weight: 500;
}
.skillBox h3:before{
    content:"";
    background:#8a63f2;
    width:0;
    height:2px;
    position:absolute;
    bottom:0;
    left:50%;
}
.skillBox h3:after{
    content:"";
    background:#8a63f2;
    width:0;
    height:2px;
    position:absolute;
    bottom:0;
    right:50%;
}
.skillBox:hover h3:after,
.skillBox:hover h3:before{
    width:20%;
}
.skillBox:hover{
    border-color:#8a63f2;
    box-shadow: none;
}
.skillBox,
.skill-icon,
.skillBox .skill-icon i,
.skillBox h3:before,
.skillBox h3:after{
    transition: all 0.5s ease-in-out;
}
.skillBox p {
    font-size: 14px;
    margin:0 0 15px;
}

/* ------------------------------------ Why Choose us ---------------------------------------- */

.why-choose-us-content h3 {
    font-size: 33px;
    line-height: 36px;
    color: #8a63f2;
    font-family: "Roboto";
    font-weight: 700;
    text-align: left;
}
.why-choose-us-content h6 {
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  font-family: "Roboto";
  font-weight: 400;
  text-align: left;
}
.why-choose-us-content h5 {
  font-size: 28px;
  line-height: 38px;
  color: #424242;
  font-family: "Roboto";
  font-weight: 500;
  text-align: left;
  }
.why-choose-us-content p {
  font-size: 14px;
  line-height: 23px;
  color: #505050;
  font-family: "Roboto";
  font-weight: 400;
  text-align: left;
}
.why-choose-us-content p.text {
  font-size: 14px;
  line-height: 23px;
  color: #505050;
  font-family: "Roboto";
  font-weight: 600;
  text-align: left;
}
.why-choose-us-boxex h5 {
    font-size: 15px;
    line-height: 24px;
    color: #000000;
    font-family: "Roboto";
    font-weight: 600;
    text-align: center;
}
.why-choose-us-boxex {
    text-align: center;
    box-shadow: 0 0 3px -1px;
}
.why-choose-us-boxex .contnt {
    padding: 30px 0 36px 0;
}
.why-choose-us-boxex:hover {
    box-shadow: 0 0 4px 7px #8a63f2;
    transition: box-shadow 0.1s linear;
}
.why-choose-us-boxex:hover h5{
    color:#8a63f2;
    transition:color 0.5s linear;
}
/* ------------------------------------ Feature ---------------------------------------- */

.feature-content h3 {
    font-size: 33px;
    line-height: 36px;
    color: #8a63f2;
    font-family: "Roboto";
    font-weight: 700;
    text-align: left;
}
.feature-content h6 {
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  font-family: "Roboto";
  font-weight: 400;
  text-align: left;
}
.feature-content h5 {
  font-size: 28px;
  line-height: 38px;
  color: #424242;
  font-family: "Roboto";
  font-weight: 500;
  text-align: left;
  }
.feature-content p {
  font-size: 14px;
  line-height: 23px;
  color: #505050;
  font-family: "Roboto";
  font-weight: 400;
  text-align: left;
}
.feature-content p.text {
  font-size: 14px;
  line-height: 23px;
  color: #505050;
  font-family: "Roboto";
  font-weight: 600;
  text-align: left;
}
#sponser img:hover {
    transform: rotate(360deg);
    transition: transform 2s ease;
}

/* Homepage */

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

a.small-button{
  background:#8a63f2;
  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;
}
ul#menu-quick-links {
  margin: 0;
}
#footer{
  background-image: linear-gradient(to right, #c444fb, #8a63f2);
}
#footer p{
  color: #fff;
}
#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: #05356a;
}
a.credit-link {
  color: #fff;
}
#footer-2 {
    background: #05356a;
}
#footer-2 .nav ul {
    margin: 0;
    padding: 2px 0px 0px 10px;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
#footer-2 .nav ul li {
    display: inline-block;
}
#footer-2 .main-navigation ul li a {
    color: #fff;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 15px;
}
#footer-2 .nav ul li a {
    color: #fff;
    padding: 13px 14px;
    font-size: 15px;
}
.credit-link:hover {
    color:#8a63f2;
}
/* --------- 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;
}

.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;
  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: #8a63f2;
}
#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;
}

.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 {
  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: #8a63f2;
  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 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: #8a63f2;
  border-bottom: double 3px #8a63f2;
  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: #8a63f2;
  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: #8a63f2;
  color: #fff;
}
.contact-box input[type="submit"] {
  background: #8a63f2;
  margin-top: 15px;
  border: 2px solid #fff;
  color: #fff;
  padding: 10px 40px;
  border: solid 2px #8a63f2;
}

input[type="submit"] {
  border: 2px solid #fff;
  background: #8a63f2;
  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: #8a63f2;
  color: #fff;
}
#header .nav ul li ul{
  margin-top: 10px;
}
#header .nav ul.children li a:hover{
  background-color: #8a63f2;
  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: #8a63f2;
  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:#8a63f2;
  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:#8a63f2;
}

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

/*------------------------------------- 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:#8a63f2;
  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;
}

/* Banner Plugin CSS*/
.title-box{
 color:#fff;
 text-transform:uppercase;
 font-weight:bold;
 text-align:center;
}
.title-box img{
 width:100%;
}

.above_title {
 position: absolute;
 right: 0;
 left: 0;
 margin-top: 10%;
}
.title-box h1 {
   font-weight: bold;
   text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
   font-size: 34px;
}
#footer select{
  font-size: 14px;
  width: 100%;
  padding: 10px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    width: 100%;
}
/*------------------------------------ woocommerce css ---------------------------------*/

section.related.products h2,.woocommerce-order-details h2,.woocommerce-order-details h3 {
  color: #8a63f2;
  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: #8a63f2;
  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: #8a63f2;
  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: #8a63f2;

}
.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 #8a63f2;
  border-left: 2px solid #8a63f2;
  border-right: 2px solid #8a63f2;
  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 #8a63f2 !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: #8a63f2;
    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;
}
.carousel-item img{
  width:100%;
}

/*------------------------------- media section -----------------------------------*/
@media screen and (min-width:0px) and (max-width: 575px){
    #project .tab .nav-tabs {
    border-bottom: none;
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}
  .topbar-content {
    text-align: center;
  }
  .top_social {
    text-align: center;
    float: none;
  }
   .home.page-template #masthead{
    position: unset;
    padding-top: 15px;
  }
  #masthead {
    padding-bottom: 20px;
  }
  #header .logo h1 a {
    color:#fff;
  }
  #header .search-box i {
    color: #fff;
  }
  .toggle-nav {
    top: 15px;
    color: #fff;
  }
   .header_button {
    text-align: center;
  }
  #slider h2 {
    font-size: 12px;
    line-height: 16px;
    margin-top: 0;
  }
  .slide-btn {
    font-size: 13px;
    padding: 9px 12px;
    top: 10px;
  }
  #slider .carousel-caption {
    position: absolute;
    top: 33px;
    padding-top: 0;
  }
  .market-img-box {
    text-align: center;
}
#wpadminbar {
    position: fixed;
}
  #slider p {
    display: none;
  }
  #about {
    height: auto;
  }
  #about p {
    display: none;
  }
   .tab .nav-tabs li {
    margin: 0 25px 0 0;
  }
  .tab .nav-tabs li a{
      font-size: 11px;
  }
  .tab .nav-tabs li.active a:after{
      font-size: 30px;
      bottom: -63px;
  }
  .tab .tab-content {
    margin-top: 40px;
  }
  .tab .nav-tabs {
    width: unset;
    margin: 0 auto;
  }
  .testimonial .description::before {
    font-size: 30px;
    width: 43px;
    height: 53px;
    text-align: center;
    top: 17px;
  }
  section#profit {
    height: unset;
  }
  .skillBox .skill-icon {
    left: 36%;
  }
  #team p.heading_content {
    max-width: unset;
  }
  .post-slide-big {
    margin-bottom: 8%;
  }
  .post-slide {
    margin-bottom: 8%;
  }
  #latest .post-review-big p.post-description {
    display: none;
  }
  #latest .post-review-big h3.post-title {
    font-size: 23px;
  }
  .feature-content p {
    display: none;
  }
  .home_contact_content {
    width: unset;
  }
  .home_contact_form {
    width: unset;
  }
}
@media screen and (max-width: 425px) and (min-width:375px){
#slider .carousel-caption {    
    top: 55px;
}
}
@media screen and (min-width:576px) and (max-width: 767px){
 .home.page-template #masthead{
    position: unset;
    padding-top: 15px;
  }
  #masthead {
    background-color: #8a63f2 !important;
    padding-bottom: 20px;
  }
  #header .logo h1 a {
    color:#fff;
  }
  .toggle-nav {
    top: 15px;
    color: #fff;
  }
  .header_button {
    text-align: center;
  }
  #header .search-box i {
    color: #fff;
  }
 #slider h2 {
    font-size: 11px;
    line-height: 16px;
    margin-top: 0;
  }
  #slider p {
    font-size: 10px;
  }
  .slide-btn {
    font-size: 13px;
    padding: 9px 12px;
    top: 10px;
  }
  #slider .carousel-caption {
    position: absolute;
    top: 40px;
    padding-top: 0;
  }
  .main-navigation ul ul {
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .tab .nav-tabs {
    width: unset;
  }
  .project_heading h3 {
    font-size: 25px;
  }
  .project_heading p {
    font-size: 14px;
  }
  section#profit {
    height: unset;
  }
  .post-slide {
    margin-bottom: 8%;
  }
  .post-slide-big {
    margin-bottom: 8%;
  }
  #latest .post-review-big {
    top: 35%;
  }
  .home_contact_content {
    width: unset;
  }
  .home_contact_form {
    width: unset;
  }

}
@media screen and (min-width:768px) and (max-width: 991px){
  #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;
  }
  a.custom-logo-link img {
    width: 180px;
    height: 85px;
  }
  .logo img.custom-logo{
    margin: 0px !important;
  }
  .home .logo img.custom-logo {
    transform: none;
  }
  .nav-next{
    float: left;
  }
  .toggle-nav {
    top: 15px;
    color: #fff;
  }
  #slider .carousel-caption {
    top: 32%;
  }
  #slider h2 {
    font-size: 14px;
    line-height: 22px;
  }
  #slider p {
    display: none;
  }
  .slide-btn {
    font-size: 14px;
    top: 10px;
    padding: 8px 15px;
  }
  #about {
    height: unset;
  }
  .small-img .icon {
    padding-right: 0
  }
  .small-img .content {
    padding-left: 0
  }
  section#profit {
    height: unset;
  }
  .skillBox .skill-icon {
    left: 64px;
  }
  #latest p.post-description {
    display: none;
  }
  #latest .post-review {
    padding: 49% 17px 18%;
  }
  #latest h4.post-title {
  font-size: 16px;
  line-height: 26px;
  color: #424242;
  font-family: "Roboto";
  font-weight: 500;
  }
  .home_contact_content {
    width: unset;
  }
  .home_contact_form {
    width: unset;
  }
  #header .toggle-nav{
    margin: 0 auto !important;
}
.row.market-animate {
    margin-top: 10px;
}
}
@media screen and (min-width:991px) and (max-width: 1200px) {
  #header a.header-button {
    font-size: 9px;
  }
   .toggle-nav {
    top: 15px;
  }
  #slider p {
    font-size:14px;
  }
  #slider h2 {
  font-size: 17px;
  line-height: 30px;
  }
  #latest p.post-description {
    display: none;
  }
  #latest .post-review {
    padding: 53% 17px 18%;
  }
  #header .toggle-nav{
    margin: 0 auto !important;
}
}
@media screen and (max-width: 1024px) {

  #header .nav ul li:hover > ul.sub-menu a:hover {
  background: transparent;
  }
  #header .nav ul li a{
    padding: 5px;
  }
  #header .main-navigation ul ul{
    background-color: transparent;
  }
  #header .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  #header .main-navigation ul ul {
    position: static !important;
    width: 100%;
    box-shadow: none;
  }
  #header .nav ul li:hover > ul{
  background-color:transparent;
  }
  #header .toggle-nav {
    display: block;
    position: relative;
    right: 15px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 8px auto;
    z-index: 999999;
  }
  #header .toggle-nav i {
   font-size: 29px;
    color: #000
  }
  #header .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;
  }
  #header .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  #header .sidenav a:hover {
    color: #f1f1f1;
  }
  #header .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
    cursor: pointer;
}
  #header .nav ul li {
    border-top: 1px #303030 solid;
    display: inline-block;
    text-align: left;
    float: none;
    width: 18rem;
    padding: 5px;
}
  #header .nav ul li a {
    padding: 5px;
    color: #fff !important;
  }
}