* {outline: none;}

* {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 
   box-sizing: 
   border-box;
 
   outline: 
   none;
}
:root{
	--dark-blue:#002b3a;
}
a{text-decoration: none !important; color: #3d7be6;}

html {  
	scroll-behavior: smooth;
}
* {
   user-select: none;
}
*::selection {
background: none;
}
*::-moz-selection {
background: none;
}

/************************************************************************************
RESET
*************************************************************************************/
 
html,
body,
address,
blockquote,
div,
dl,
form,
h1,
h2,
h3,
h4,

h6,
ol,
p,
pre,
table,
ul,
dd,
dt,
li,
tbody,
td,
tfoot,
th,
thead,
tr,
button,
del,
ins,
map,
object,
a,
abbr,
acronym,
b,
bdo,
big,
br,
cite,
code,
dfn,
em,
i,
img,
kbd,
q,
samp,
small, 
span,
strong,
sub,
sup, 
tt,
var,
legend,
fieldset {
   margin: 0;
   padding: 0;
}
img,
fieldset {
   border: none;
}
 /* set image max width to 100% */
img {
   max-width: 100%;
   height: auto;
/*width:auto\9;*/ /* ie8 */
} 
/* set html5 elements to block */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 
   display: 
   block;

    }
    .pt-10 { padding-top: 10px; }
    .pt-20 { padding-top: 20px; }
    .pt-30 { padding-top: 30px; }
    .pt-40 { padding-top: 40px; }
    .pt-50 { padding-top: 50px; }
    .pt-60 { padding-top: 60px; }
    .pt-70 { padding-top: 70px; }
    .pt-80 { padding-top: 80px; }
    .pt-90 { padding-top: 90px; }
    .pt-100 { padding-top: 100px; }
    
    .pb-10 { padding-bottom: 10px; }
    .pb-20 { padding-bottom: 20px; }
    .pb-30 { padding-bottom: 30px; }
    .pb-40 { padding-bottom: 40px; }
    .pb-50 { padding-bottom: 50px; }
    .pb-60 { padding-bottom: 60px; }
    .pb-70 { padding-bottom: 70px; }
    .pb-80 { padding-bottom: 80px; }
    .pb-90 { padding-bottom: 90px; }
    .pb-100 { padding-bottom: 100px; }
    
    .mt-10 { margin-top: 10px; }
    .mt-20 { margin-top: 20px; }
    .mt-30 { margin-top: 30px; }
    .mt-40 { margin-top: 40px; }
    .mt-50 { margin-top: 50px; }
    .mt-60 { margin-top: 60px; }
    .mt-70 { margin-top: 70px; }
    .mt-80 { margin-top: 80px; }
    .mt-90 { margin-top: 90px; }
    .mt-100 { margin-top: 100px; }

    .mb-10 { margin-bottom: 10px; }
    .mb-20 { margin-bottom: 20px; }
    .mb-30 { margin-bottom: 30px; }
    .mb-40 { margin-bottom: 40px; }
    .mb-50 { margin-bottom: 50px; }
    .mb-60 { margin-bottom: 60px; }
    .mb-70 { margin-bottom: 70px; }
    .mb-80 { margin-bottom: 80px; }
    .mb-90 { margin-bottom: 90px; }
    .mb-100 { margin-bottom: 100px; }

    .pr { padding-right: 15px; }
    .pl { padding-left: 15px; }

.w300
{
	width:341px;
}
.w188 {
    width: 180px;
}
.w130 {
    width: 149px;
}
.w500
{
	width:504px;
}
.w495 {
    width: 498px;
}
.w310 {
    width: 306px;
}
/* .w188 {
    width: 178px;
} */
.w180
{
	width:180px;
}

.w150 {
    width: 150px;
}

.trainig-sec
{
	padding:100px;
}

.section-padding { padding: 40px 0; }
.other-page-padding { padding: 60px 0; }

.pb-sm, .pb-xs {padding-bottom: 0;}
.fa {
   font-family: var(--fa-style-family, "Fontawesome") !important;
}

   /************************************************************************************
   GENERAL STYLING
  
   *************************************************************************************/
   body {
    padding: 0;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    color: #393437;
 }	
 a {
     font-size: 18px;
     font-weight: normal;
     line-height: normal;
     text-decoration: none;
     color: var( --dark-blue);
     outline: none;
     -webkit-transition: all 0.40s ease 0s;
     -moz-transition: all 0.40s ease 0s;
     transition: all 0.40s ease 0s;
  }
  a:hover {
     text-decoration: none;
     color: #0d72d6;
     -webkit-transition: all 0.40s ease 0s;
     -moz-transition: all 0.40s ease 0s;
     transition: all 0.40s ease 0s;
  }
  p {
     font-size: 18px;
     font-weight: normal;
     line-height: normal;
     padding: 0;
     margin-bottom: 10px;
 }
 /* list */
 ul,
 ol {
     margin: 0;
     padding: 0;
     list-style-type: none;
 }
 li {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 25px;
 }
 span {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 25px;
 }
 /* headings */
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
    font-family: "Roboto", sans-serif;
    line-height: normal;
    font-weight: 700;
    margin-bottom: 20px;
 }
 h1 {
    font-size: 48px;
    line-height: normal;
 }
 h2 {
    font-size: 40px;
    line-height: normal;
 }
 h3 {
    font-size: 30px;
    line-height: normal;
 }
 h4 {
    font-size: 24px;
    line-height: normal;
 }
 h5 { 
    font-size: 22px;
    line-height: normal;
 }
 h6 {
    font-size: 20px;
    font-weight: 300;
    line-height: normal;
 }
 
 
 /* reset webkit search input styles */
 input[type=search] {
    -webkit-appearance: none;
    outline: none;
 
 }
 input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
   display: none;
 }
 .clear-fix {
   height: 0;
   line-height: 0;
   content: ".";
   border: none;
   font-size: 0px;
   clear: both;
 }
 .f-left {
   float: left;
 }
 .f-right {
   float: right;
 }
 
 /****************************
 STRUCTURE
 *****************************/

/***** Start Header Style Here ****/

.main_nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main_nav .middle_menu {
  width: 75%;
}
.main_nav .woo_info {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main_nav .woo_info {
  width: 15%;
}
.main_header {
  background: #FFF;
  box-shadow: 0px 2px 9px #cccccc7d;
  padding: 20px 25px;
	position: sticky;
    top: 0px;
    z-index: 999;
}
.store_logo img {
   object-fit: cover;
   object-position: 0px 8px;
}
.main_nav .middle_menu ul {
  display: flex;
  justify-content: center;
  column-gap: 25px;
}
.main_nav .middle_menu ul li a {
  font-size: 18px;
  font-weight: 500;
}
.main_nav .woo_info .login_link a, .main_nav .woo_info .cart_info a {
  font-size: 18px;
  font-weight: 500;
}
.cart_count {
  background: #0d72d6;
  line-height: 10px;
  padding: 1px 4px;
  border-radius: 100%;
  color: #FFF;
  font-size: 10px;
  position: relative;
  top: -10px;
}

/******/



/****** Start Banner Style Here ****/

.hero_bannner {
  padding: 120px 0;
  position: relative;
  z-index: 0;
}
.hero_bannner h1 {
   color: #FFF;
   font-size: 46px;
   font-weight: 700;
   line-height: 55px;
   margin-bottom: 20px;
}
.hero_bannner p {
  font-size: 18px;
  color: #FFF;
  line-height: 32px;
  text-align: center;
}
.hero_bannner:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background: #00000085;
   z-index: 0;
}
.theme_categories {
   padding: 100px 0;
}


/******/


/*** Start Theme Categories section ***/
.top_main_categories ul li{
   font-size: 18px;
   font-weight: 600;
   padding: 5px 25px;
   border: 0.125rem solid #0d72d6;
   border-radius: 30px;
   display: inline-block;
    cursor: pointer;
	text-transform: capitalize;
}
.top_main_categories ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   column-gap: 20px;
   row-gap: 20px;
}
.top_main_categories ul li.active {
   background: #0d72d6;
   color: #FFF;
	cursor: pointer;
}
.theme_sub_categories {
   margin: 40px 0 0;
}
.theme_sub_categories ul {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
}
.theme_sub_categories ul li {
   font-size: 15px;
   font-weight: 600;
   border-radius: 1.5rem;
   padding: 3px 10px;
   display: inline-block;
	 cursor: pointer;
	text-transform: capitalize;
}
.theme_sub_categories ul li.active {
   background: #0d72d6;
   color: #FFF;
	 cursor: pointer;
}
.all_theme_screenshots {
   background: #fff;
   box-shadow: 0 1px 4px rgba(0,0,0,.3);
   padding-bottom: 40px;
   border-radius: 10px;
   -o-transition: all .2s ease-out;
   transition: all .2s ease;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -ms-transition: all .2s ease-out;
}
.theme_img {
   margin: 45px 0;
   height: 400px;
   overflow: hidden;
   background-color: #cbcbcb;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}
.all_theme_screenshots:hover {
   box-shadow: 0 10px 25px -2px rgba(0,0,0,.15);
   margin-top: -2px;
}
.all_theme_info h3 {
   font-weight: 700;
   font-family: roboto;
   font-size: 24px;
   color: #000;
   margin-bottom: 10px;
}
.all_theme_info h3 a {
   font-size: 24px;
   font-weight: 700;
}
.all_theme_info {
   text-align: center;
}
.all_theme_info p {
   text-align: center;
   font-size: 18px;
   color: #a3a3a3;
}
.adlive-more-content {
   margin-top: 40px;
   display: flex;
   justify-content: center;
   column-gap: 15px;
}
.adlive-more-content a {
   background: #0d72d6;
   color: #FFF;
   padding: 7px 20px;
   border-radius: 30px;
   font-size: 16px;
   font-weight: 600;
}


/***/

/***** Start Premium Theme Style Here *****/
.theme_vector_img {
    padding-right: 50px;
}
.heading_title {
   margin-bottom: 70px;
}
.why_our_premium .row .col-12:nth-child(even) .theme_vector_img {
   padding-right: 0px;
   padding-left: 50px;
}
.why_our_premium p {
   line-height: 29px;
}


/****/


/***** Why Choose Premium ******/
.why_choose {
   padding: 100px 0;
}
.why-choose_icon img {
   width: 60px;
   margin-bottom: 40px;
}
.why-choose_icon {
   text-align: center;
   margin-bottom: 60px;
   padding: 0 40px;
}
/********* Start Our Network **********/

.accordion {
   padding: 100px 0;
}
article.accordion-list ul {
   list-style: none;
}
.collapse_parent {
   margin-bottom: 15px;
}
.inner-conts {
   display: flex;
   flex-wrap: wrap;
   padding: 30px;
   border: solid 1px #b6b6b6;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
}
.office-adrs {
   display: flex;
   flex-direction: column;
   width: 30%;
   padding: 0px 30px 0 0px;
}
.office-adrs h6 {
   font-weight: 400;
   display: flex;
   flex-direction: column;
}
.office-adrs h6 span {
   margin-top: 5px;
   margin-bottom: 0;
   font-weight: 400;
   font-family: 'Rubik', sans-serif;
}
.inner-conts iframe {
   width: 70%;
   height: 250px;
   border: none !important;
}
.inner-conts p {
   font-size: 17px;
   line-height: 26px;
   color: #222222;
   margin-bottom: 10px;
}
.accordion-list ul li a {
   font-family: 'Oswald', sans-serif;
   font-weight: 500;
   text-decoration: none;
   font-size: 25px;
   border-radius: 0;
   color: #222222;
   background: transparent;
   display: block;
   padding: 15px 15px 30px 15px;
   position: relative;
   border-bottom: solid 1px #b6b6b6;
   padding-bottom: 30px;
}
.heading.active a {
   font-family: 'Oswald', sans-serif;
   text-decoration: none;
   font-size: 25px;
   color: #222222;
   background: transparent;
   display: block;
   padding: 15px 15px 30px 15px;
   position: relative;
}
.accordion-list ul li a:before {
   content: "";
   position: absolute;
   top: 11px;
   right: 20px;
   border-top: solid 2px #222222;
   border-left: solid 2px #222222;
   border-radius: 0;
   width: 17px;
   height: 17px;
   transform: rotate(224deg);
   transition: all 0.5s ease;
}
.accordion-list ul li.active a:before {
   content: "";
   position: absolute;
   top: 20px;
   right: 20px;
   border-top: solid 2px #222222;
   border-left: solid 2px #222222;
   border-radius: 0;
   width: 17px;
   height: 17px;
   transform: rotate(45deg);
   transition: all 0.5s ease;
}
.office-adrs input[type="submit"] {
   font-family: 'Oswald', sans-serif;
   text-transform: uppercase;
   font-weight: 400;
   line-height: normal;
   margin-top: 15px;
   background: #d6721a;
   border: none;
   border-radius: 100px;
   padding: 8px 30px;
   color: #FFF;
   cursor: pointer;
}
.office-adrs input {
   border: solid 1px #c2bbbb;
   border-radius: 100px;
   padding: 4px 10px;
}
.faq-section .row {
   background: #F5F5F5;
   padding: 40px;
   border: solid 1px #CCC;
   border-radius: 10px;
}
.faq-section .heading_title h2 {
   font-size: 28px;
}
.faq-section p {
   font-size: 14px;
   text-align: left;
}


/*****************/


/******/


/**** Testimonial Section style here *****/
.horizontal_border {
   width: 85px;
   height: 4px;
   background: #0d72d6;
   margin: 0 auto;
}
.what_client_says img {
   width: 150px;
   margin: 0 auto 50px;
}
.what_client_says {
   text-align: center;
}
.what_client_says p {
   font-size: 30px;
   font-weight: 600;
   margin-bottom: 60px;
   position: relative;
}
.what_client_says p:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   content: "";
   width: 77px;
   height: 50px;
   background: url(../images/quote.png);
   background-size: 70%;
   background-repeat: no-repeat;
}
.rating_star i {
   color: #fc0;
}
.what_our_say {
   padding: 100px 0;
}
.what_client_says h5 {
    font-weight: normal;
    margin-bottom: 5px;
    font-size: 18px;
}


/*****/


/***** Start Footer Style Here ****/
.site_footer {
   background: #F6F6F6;
   padding: 100px 0 0;
}
.copyright_row {
   border-top: solid 1px #CCC;
   margin-top: 70px;
   padding: 30px 0 50px;
}
.copyright_row p {
   font-size: 14px;
}
.copyright_row {
   border-top: solid 1px #CCC;
   margin-top: 70px;
   padding: 30px 0 50px;
}
.copyright_row p {
   font-size: 14px;
}
.privacy_policy ul {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.privacy_policy ul li a {
   font-size: 14px;
   font-weight: 600;
   line-height: normal;
}
.privacy_policy ul li {
   border-right: 2px #000 solid;
   line-height: 10px;
   padding: 0 10px;
}
.privacy_policy ul li:last-child {
   border: none;
   padding-right: 0;
}
.site_footer .input_field .form-control {
   padding: 22px 12px;
}
.input_field .subscribe_btn {
   background: #0d72d6;
   border-color: #0d72d6;
   padding: 9px 25px;
   border-radius: 30px;
   font-size: 18px;
   font-weight: 600;
	width: 100%;
}
.input_field .subscribe_btn:hover {
   background: #000;
   border-color: #000;
}


/*****/


/**** Services page Style here ****/
.services_page {
   padding-top: 100px;
}
.pricingboxes {
   background: #f3f3f3cc;
}
/* Pricing Tables - Boxes */
.pricingboxes {padding:50px 0; overflow: hidden; }
.pricingboxes p {
   margin-bottom: 30px;
}
.pricingboxes h2 {font-weight:900;text-align: center; margin-bottom: 12px;}
.pricingboxes p {text-align: center;}
.pricingboxes .title {   -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background: #084e94;  padding: 12px 0;    text-align: center; letter-spacing: .07em;   color: #fff;    font-weight: 800;    font-size: 17px; margin-bottom:15px; position: relative; }
.pricingboxes .title:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(101, 69, 76, 0); border-top-color: #084e94; border-width: 8px; margin-left: -8px; }
.pricing-table {  border: 0;  margin: 0 0 1.25em 0;padding:0;  }
.pricing-table * {    list-style: none;    line-height: 1; }
.pricing-table li:nth-child(7) {   background: #0d72d6; text-align: center;  padding:12px 0 18px;    color: #EAEAEA;    font-weight: 900;    font-size: 15px; }
.pricing-table li:nth-child(7) span {    color: #EAEAEA;    font-weight: 900;    font-size: 53px; display: block; padding:10px 0; background-color: #0d72d6; text-shadow: 3px 2px 0px #000; }
.pricing-table li:nth-child(1) { background: #0d72d6; text-align: center; padding:32px 0;    color: #fff;    font-size: 17px;   font-weight: normal;    line-height: 1.4; border-bottom: solid 1px #b3b2b2;  -webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.pricing-table li {    background-color: #0d72d6;    padding: 0.9375em;    text-align: center;    color: #fff;    font-size: 14px;    font-weight: normal;    border-bottom: solid 1px #b5b5b5; }
.pricing-table li:nth-child(8) {  background: #0d72d6;    text-align: center;    padding: 8px 0; -webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; }
.pricing-table li:nth-child(8) p {  padding: 14px 0 8px; }
.pricing-table li:nth-child(8) span a {color:#fff; font-size:16px; font-weight:800; background: #05325e; padding:9px 27px; border-radius: 6px;}
.pricing-table li:nth-child(8) span a:hover {background: #37485c; text-decoration: none;}
.pricing-table li:nth-child(8) {
    /* margin-top: 20px; */
    padding-top: 30px;
    padding-bottom: 30px;
    cursor: pointer;
}
section.pricingboxes {
    margin-bottom: 50px;
}

.pricingboxes-comparison {padding:0 0 50px; overflow: hidden; margin: 0 10px; }
.pricingboxes-comparison h2 {font-weight:900;text-align: center; margin-bottom: 12px;}
.pricingboxes-comparison p {text-align: center;}

.pricingboxes-comparison .title-alt {   background: #0d72d6;  padding: 12px 0;    text-align: center; letter-spacing: .07em;   color: #fff;    font-weight: 800;    font-size: 17px; margin-bottom:15px; position: relative; }
.pricingboxes-comparison .title-alt:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(101, 69, 76, 0); border-top-color: #0d72d6; border-width: 8px; margin-left: -8px; }
.pricingboxes-comparison .title-features {   background: #0d72d6;  padding: 12px 0;    text-align: center; letter-spacing: .07em;   color: #fff;    font-weight: 800;    font-size: 17px; margin-bottom:15px; position: relative; }
.pricingboxes-comparison .title-features:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(101, 69, 76, 0); border-top-color: #0d72d6; border-width: 8px; margin-left: -8px; }
.pricing-table.alter .description {border-radius: 0;}
.pricing-table.alter.features .bullet-item {  background-color: #E5E5E5; text-align: left;color: #333; font-size:14px; border-bottom: solid 1px #D7D7D7; }
.pricing-table.alter.features .bullet-item a { color:#666; cursor: pointer;}
.has-tip { border:none!important; padding:0!important; margin:0!important; font-weight: 400!important;}
.has-tip:hover { color:#000;}
.pricing-table.alter .bullet-item i { font-size: 12px; }
.pricing-table.alter .bullet-item i.fa-check { color:#0d72d6; }
.pricing-table.alter .bullet-item i.fa-times { color:#FEB762; }
.pricing-table.alter .price { padding:14px 0 20px; }
.pricing-table.alter .price span {  font-size: 33px; }
.pricing-table.alter .price span sub {  font-size: 14px; padding-left:2px; font-weight: 400; text-shadow:none; top:0px; vertical-align: baseline;   position: relative;}
.pricing-table.alter .cta-button { background: #0d72d6; padding: 4px 0; border-radius: 0;}
.pricing-table.alter .cta-button p {  padding: 14px 0 2px; }
.pricing-table.alter .cta-button span a {font-size:14px; background: #0d72d6; padding:5px 17px; border-radius: 6px;}
.pricing-table.alter .cta-button span a:hover {background: #37485c; text-decoration: none;}



/****/


/***** Single product page style here *****/
.adlive-product-themes {
   padding: 100px 0 0;
}
.theme-product-info h1 {
   font-size: 40px;
   line-height: 48px;
   font-weight: 700;
   margin-bottom: 0;
}
.theme-product-info span {
   display: block;
   font-size: 20px;
   color: rgb(163, 163, 163);
   font-weight: 700;
}
.theme-version h3 {
   margin-bottom: 5px;
   font-size: 24px;
}
.theme-version {
   margin: 30px 0;
}
.theme-version span {
   color: #1071d7;
}
.theme-description h4 {
   margin-bottom: 10px;
}
.theme-description p {
   margin-bottom: 20px;
}
.theme-product-link a {
   background: #1071d7;
   font-size: 1.125rem;
   border: 0.125rem solid #1071d7;
   padding: 9px 30px;
   color: #fff;
   line-height: normal;
   border-radius: 30px;
   font-weight: 500;
}
.theme-product-link a:last-child {
   background-color: #000;
   border-color: #000;
}
.theme-product-link a:hover {
   opacity: 0.8;
}
.social_icons h2 {
   font-size: 20px;
   margin-bottom: 10px;
}

/* buttons */

#share a {
   width: 40px;
   height: 40px;
   line-height: 15px;
   text-align: center;
   display: inline-block;
   margin: 8px;
   border-radius: 50%;
   font-size: 15px;
   color: #fff;
   opacity: 0.75;
   transition: opacity 0.15s linear;
}

#share a:hover {
  opacity: 1;
}

/* icons */
#share i {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* colors */

.facebook {
   background: #3b5998;
}

.twitter {
    background: #55acee;
}

.googleplus {
    background: #dd4b39;
}

.linkedin {
    background: #0077b5;
}

.pinterest {
    background: #cb2027;
}
.share_socials #share a:first-child {
   margin-left: 0;
}
.social_icons {
   margin-top: 30px;
}
.product-image {
   height: 650px;
   box-shadow: 0 -11px 25px -2px rgb(0 0 0/20%);
   overflow: hidden;
}
.theme-demo-variants {
   background: #f9f9f9;
   padding: 100px 0;
}
.theme-demo-variants .yg-title {
   padding: 0 10%;
   margin-bottom: 60px;
}
.yg-project-demo-item {
   margin-bottom: 50px;
}
.yg-project-info {
   position: relative;
   margin-bottom: 20px;
   border-radius: 10px;
   overflow: hidden;
   padding: 20px;
}
.yg-project-link {
   position: absolute;
   top: 120%;
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgb(255 255 255 / 40%);
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   width: 100%;
   height: 100%;
   z-index: 3;
   opacity: 0;
}
.yg-project-demo-item h3 {
   font-size: 20px;
   font-weight: 700;
   text-align: center;
}
.yg-project-demo-item h3 span {
   color: #1071d7;
}
.btn-primary {
   background: #1071d7;
   font-size: 1.125rem;
   border: 0.125rem solid #1071d7;
   padding: 0.625rem 2.25rem !important;
   color: #fff;
}
.yg-project-demo-item:hover .yg-project-link {
   top: 0;
   opacity: 1;
}
.yg-project-info img {
   height: 250px !important;
   width: 100%;
   object-fit: cover;
   object-position: top;
   border-radius: 10px;
   box-shadow: 0px 0px 10px #0000002e;
}
.yg-project-info .btn-primary {
   border-radius: 30px;
   line-height: normal;
}
.theme_features {
   padding: 100px 0;
}
.thm_demos {
   padding: 0;
   background: #FFF;
}
.thm_demos .container {
   background: #F6F6F6;
   padding: 80px 100px;;
}
.thm_demos h2 {
   font-size: 30px;
}
.thm_demos .yg-title {
   padding: 0;
}


.yg-pricing-section {
   background-color: #232323;
   padding: 100px 0;
}
.yg-pricing-section h2 {
   font-size: 30px;
   font-family: roboto;
   margin-bottom: 5px;
   color: #fff;
   text-align: center;
}
.yg-pricing {
   color: #000;
   background: #fff;
   text-align: center;
   padding: 40px 0;
   height: auto;
   min-height: 652px;
}
.yg-pricing h3 {
   font-size: 30px;
   font-family: roboto;
   padding: 0 60px;
   margin-bottom: 10px;
}
.yg-pricing span {
   color: #1071d7;
   font-family: roboto;
   font-size: 75px;
   font-weight: 900;
   margin-bottom: 10px;
   display: block;
   line-height: 120px;
}
.yg-pricing sup {
   font-size: 40px;
   top: -24px;
   left: -12px;
   font-weight: 400;
}
.yg-pricing .yg-pricing-list {
   text-align: left;
   list-style: none;
   margin-bottom: 50px;
   padding: 0;
   height: auto;
}
.yg-pricing-section hr {
   border-top: 4px solid #1071d7;
   margin: auto;
   width: 85px;
   margin-bottom: 80px;
}
.yg-pricing-list hr {
   border-top: 1px solid #f6f6f6 !important;
   margin: auto;
   width: 100% !important;
   margin-bottom: 0 !important;
}
.yg-pricing .yg-pricing-list li {
   padding: 15px 45px;
}
.yg-pricing .yg-pricing-list li:before {
   font-family: "font awesome 5 free";
   content: "\f00c";
   font-weight: 700;
   border-radius: 50%;
   border: 2px solid #1071d7;
   padding: 4px 5px;
   font-size: 10px;
   margin-right: 15px;
   position: relative;
   top: -2px;
   color: #1071d7;
}
.theme-note-block.light {
   font-weight: 700;
   text-align: center;
}
.theme-note-block #title-description {
   text-align: left;
   padding: 20px 0;
}
.theme-note-block h2 {
   font-size: 30px;
   margin-bottom: 20px;
   line-height: 1.4;
   color: #000;
   display: none;
}
.theme-note-block #title-description p {
   color: #fff;
   font-weight: 400;
}
.yg-pricing .coming-soon {
   padding: 150px 0;
   height: 100%;
   font-size: 26px;
   font-weight: 700;
   display: block;
   color: #1071d7;
   text-align: center;
}
.yg-pricing #pricig-button {
   font-family: open sans, sans-serif;
   font-weight: 600;
   line-height: 100%;
   border: 0.125rem solid transparent;
   border-radius: 1.5rem;
   background: #1071d7;
   font-size: 1.125rem;
   border: 0.125rem solid #1071d7;
   padding: 0.625rem 2.25rem;
   color: #fff;
   -o-transition: all .2s ease;
   transition: all .2s ease;
   -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
   -ms-transition: all .2s ease;
}
.why-icons-slider {
   padding: 120px 0;
   text-align: center;
}
.why-icons-slider h2 {
   font-size: 30px;
   font-family: roboto;
   margin-bottom: 15px;
}
.why-icons-slider p {
   font-size: 16px;
   margin-bottom: 80px;
}
.yg-facts {
   text-align: center;
   padding: 0 25px;
}
.yg-facts img {
   padding: 20px 40px;
   text-align: center;
}
.yg-facts h4 {
   text-align: center;
   font-size: 19px;
}
.adlive-faq {
   background-color: #314372;
   color: #fff;
   padding: 80px 0;
}
.adlive-faq h2 {
   text-align: center;
   font-size: 30px;
}
.adlive-faq hr {
   border-top: 4px solid #fff;
   margin: auto;
   width: 85px;
   margin-bottom: 80px;
}
.adlive-faq .panel {
   padding: 5px 40px 5px 20px;
   border: 1px solid #ccc;
   margin: 10px 0;
}
.panel.panel-default .panel-heading {
   padding: 10px;
}
.panel.panel-default a {
   color: #fff;
   border: none;
}
.panel.panel-default h4 {
   font-size: 20px;
   display: inherit;
}
.panel.panel-default span {
   font-size: 15px;
   position: absolute;
   right: 30px;
   top: 20px;
}
.adlive-faq .panel-body {
   padding: 0 10px;
   margin-top: 20px;
}
.adlive-faq  .collapsed .fa-minus:before {
   content: "\f067";
}
.adlive-faq .panel-body p {
   font-size: 16px;
   line-height: 28px;
}
.theme_price {
   background: #0d72d6;
   color: #FFF;
   padding: 8px 7px 7px;
   font-size: 16px;
   font-weight: 600;
   border-radius: 50%;
   position: absolute;
   top: 10%;
   right: 9%;
   -o-transition: all .2s ease-out;
   transition: all .2s ease;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -ms-transition: all .2s ease-out;
}

#scroll {
    position:fixed;
    right:10px;
    bottom: 30px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#0d72d6;
    text-indent: -9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
    z-index: 99999;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

/******/

/***** Single product page style here *****/
.adlive-product-themes {
   padding: 100px 0 0;
}
.theme-product-info h1 {
   font-size: 40px;
   line-height: 48px;
   font-weight: 700;
   margin-bottom: 0;
}
.theme-product-info span {
   display: block;
   font-size: 20px;
   color: rgb(163, 163, 163);
   font-weight: 700;
}
.theme-version h3 {
   margin-bottom: 5px;
   font-size: 24px;
}
.theme-version {
   margin: 30px 0;
}
.theme-version span {
   color: #1071d7;
}
.theme-description h4 {
   margin-bottom: 10px;
}
.theme-description p {
   margin-bottom: 20px;
}
.theme-product-link a {
   background: #1071d7;
   font-size: 1.125rem;
   border: 0.125rem solid #1071d7;
   padding: 9px 30px;
   color: #fff;
   line-height: normal;
   border-radius: 30px;
   font-weight: 500;
}
.theme-product-link a:last-child {
   background-color: #000;
   border-color: #000;
}
.theme-product-link a:hover {
   opacity: 0.8;
}
.social_icons h2 {
   font-size: 20px;
   margin-bottom: 10px;
}

/* buttons */

#share a {
   width: 40px;
   height: 40px;
   line-height: 15px;
   text-align: center;
   display: inline-block;
   margin: 8px;
   border-radius: 50%;
   font-size: 15px;
   color: #fff;
   opacity: 0.75;
   transition: opacity 0.15s linear;
}

#share a:hover {
  opacity: 1;
}

/* icons */
#share i {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* colors */

.facebook {
   background: #3b5998;
}

.twitter {
    background: #55acee;
}

.googleplus {
    background: #dd4b39;
}

.linkedin {
    background: #0077b5;
}

.pinterest {
    background: #cb2027;
}
.share_socials #share a:first-child {
   margin-left: 0;
}
.social_icons {
   margin-top: 30px;
}
.product-image {
   height: 650px;
   box-shadow: 0 -11px 25px -2px rgb(0 0 0/20%);
   overflow: hidden;
}
.theme-demo-variants {
   background: #f9f9f9;
   padding: 100px 0;
}
.theme-demo-variants .yg-title {
   padding: 0 10%;
   margin-bottom: 60px;
}
.yg-project-demo-item {
   margin-bottom: 50px;
}
.yg-project-info {
   position: relative;
   margin-bottom: 20px;
   border-radius: 10px;
   overflow: hidden;
   padding: 20px;
}
.yg-project-link {
   position: absolute;
   top: 120%;
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgb(255 255 255 / 40%);
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   width: 100%;
   height: 100%;
   z-index: 3;
   opacity: 0;
}
.yg-project-demo-item h3 {
   font-size: 20px;
   font-weight: 700;
   text-align: center;
}
.yg-project-demo-item h3 span {
   color: #1071d7;
}
.btn-primary {
   background: #1071d7;
   font-size: 1.125rem;
   border: 0.125rem solid #1071d7;
   padding: 0.625rem 2.25rem !important;
   color: #fff;
}
.yg-project-demo-item:hover .yg-project-link {
   top: 0;
   opacity: 1;
}
.yg-project-info img {
   height: 250px;
   width: 100%;
   object-fit: cover;
   object-position: top;
   border-radius: 10px;
   box-shadow: 0px 0px 10px #0000002e;
}
.yg-project-info .btn-primary {
   border-radius: 30px;
   line-height: normal;
}
.theme_features {
   padding: 100px 0;
}
.thm_demos {
   padding: 0;
   background: #FFF;
}
.thm_demos .container {
   background: #F6F6F6;
   padding: 80px 100px;;
}
.thm_demos h2 {
   font-size: 30px;
}
.thm_demos .yg-title {
   padding: 0;
}


.yg-pricing-section {
   background-color: #232323;
   padding: 100px 0;
}
.yg-pricing-section h2 {
   font-size: 30px;
   font-family: roboto;
   margin-bottom: 5px;
   color: #fff;
   text-align: center;
}
.yg-pricing {
   color: #000;
   background: #fff;
   text-align: center;
   padding: 40px 0;
   height: auto;
   min-height: 652px;
}
.yg-pricing h3 {
   font-size: 30px;
   font-family: roboto;
   padding: 0 60px;
   margin-bottom: 10px;
}
.yg-pricing span {
   color: #1071d7;
   font-family: roboto;
   font-size: 75px;
   font-weight: 900;
   margin-bottom: 10px;
   display: block;
   line-height: 120px;
}
.yg-pricing sup {
   font-size: 40px;
   top: -24px;
   left: -12px;
   font-weight: 400;
}
.yg-pricing .yg-pricing-list {
   text-align: left;
   list-style: none;
   margin-bottom: 50px;
   padding: 0;
   height: auto;
}
.yg-pricing-section hr {
   border-top: 4px solid #1071d7;
   margin: auto;
   width: 85px;
   margin-bottom: 80px;
}
.yg-pricing-list hr {
   border-top: 1px solid #f6f6f6 !important;
   margin: auto;
   width: 100% !important;
   margin-bottom: 0 !important;
}
.yg-pricing .yg-pricing-list li {
   padding: 15px 45px;
}
.yg-pricing .yg-pricing-list li:before {
   font-family: "font awesome 5 free";
   content: "\f00c";
   font-weight: 700;
   border-radius: 50%;
   border: 2px solid #1071d7;
   padding: 4px 5px;
   font-size: 10px;
   margin-right: 15px;
   position: relative;
   top: -2px;
   color: #1071d7;
}
.theme-note-block.light {
   font-weight: 700;
   text-align: center;
}
.theme-note-block #title-description {
   text-align: left;
   padding: 20px 0;
}
.theme-note-block h2 {
   font-size: 30px;
   margin-bottom: 20px;
   line-height: 1.4;
   color: #000;
   display: none;
}
.theme-note-block #title-description p {
   color: #fff;
   font-weight: 400;
}
.yg-pricing .coming-soon {
   padding: 150px 0;
   height: 100%;
   font-size: 26px;
   font-weight: 700;
   display: block;
   color: #1071d7;
   text-align: center;
}
.yg-pricing #pricig-button {
   font-family: open sans, sans-serif;
   font-weight: 600;
   line-height: 100%;
   border: 0.125rem solid transparent;
   border-radius: 1.5rem;
   background: #1071d7;
   font-size: 1.125rem;
   border: 0.125rem solid #1071d7;
   padding: 0.625rem 2.25rem;
   color: #fff;
   -o-transition: all .2s ease;
   transition: all .2s ease;
   -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
   -ms-transition: all .2s ease;
}
.why-icons-slider {
   padding: 120px 0;
   text-align: center;
}
.why-icons-slider h2 {
   font-size: 30px;
   font-family: roboto;
   margin-bottom: 15px;
}
.why-icons-slider p {
   font-size: 16px;
   margin-bottom: 80px;
}
.yg-facts {
   text-align: center;
   padding: 0 25px;
}
.yg-facts img {
   padding: 20px 40px;
   text-align: center;
}
.yg-facts h4 {
   text-align: center;
   font-size: 19px;
}
.adlive-faq {
   background-color: #314372;
   color: #fff;
   padding: 80px 0;
}
.adlive-faq h2 {
   text-align: center;
   font-size: 30px;
}
.adlive-faq hr {
   border-top: 4px solid #fff;
   margin: auto;
   width: 85px;
   margin-bottom: 80px;
}
.adlive-faq .panel {
   padding: 5px 40px 5px 20px;
   border: 1px solid #ccc;
   margin: 10px 0;
}
.panel.panel-default .panel-heading {
   padding: 10px;
}
.panel.panel-default a {
   color: #fff;
   border: none;
}
.panel.panel-default h4 {
   font-size: 20px;
   display: inherit;
}
.panel.panel-default span {
   font-size: 15px;
   position: absolute;
   right: 30px;
   top: 20px;
}
.adlive-faq .panel-body {
   padding: 0 10px;
   margin-top: 20px;
}
.adlive-faq  .collapsed .fa-minus:before {
   content: "\f067";
}
.adlive-faq .panel-body p {
   font-size: 16px;
   line-height: 28px;
}
.theme_price {
   background: #0d72d6;
   color: #FFF;
   padding: 8px 7px 7px;
   font-size: 16px;
   font-weight: 600;
   border-radius: 50%;
   position: absolute;
   top: 10%;
   right: 9%;
   -o-transition: all .2s ease-out;
   transition: all .2s ease;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -ms-transition: all .2s ease-out;
}
.default_pages .form-row {
    display: block !important;
}


/******/