@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Poppins:200,300,400,500,600,700');
:root {
  --light-gray: rgb(162, 169, 177);
  --blue: rgb(6, 69, 173);
  --white-bone: rgb(248, 249, 250);
  --light-black: rgb(32, 33, 34);
}
.in-banner
{
background:url('../images/banner-inner-img1.jpg');
background-size:cover;
}
.h-three {
  text-align:center;
  font-size:22px; 
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 16px 0;
  grid-gap: 22px;
}
.h-point p
{
    font-size:12px;
    letter-spacing:.5px;
}
.h-three:after,.h-three:before {
  content: " ";
  display: block;
  border-bottom: 2px solid #000;
}
.h-one  {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  color: #080808;
  font-size: 26px !important;
    font-weight: 700!important;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.h-one  {
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 5px;
  margin-top:25px;
  margin-bottom:10px !important;
}
.h-one:before {
     width: 200px;
    height: 1px;
    display: block;
    content: "";
    bottom: 6px;
    
    position: absolute;
    left: 41%;
    background-color: #000;
}
.h-one:after {
    
    width: 50px;
    height: 5px;
    display: block;
    content: "";
    
    position: relative;
    margin-top: 5px;
    left: 48%;
    background-color: #ffcf06;
   
}

 
 .table-of-contents {
  padding: .75ch;
  border: 1px solid var(--light-gray);
  
  font-size: 1.5rem;
  
  background: var(--white-bone);
}

.table-narrow {
  width: 160px;
}

.table-of-contents .list-invisible {
  display: none;
}

.table-of-contents .wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  
  margin: 4px 0;
}

.table-of-contents .table__title {
  margin-right: .5ch;
  
  font-size: 1rem;
}

.table-of-contents .toggle-wrapper::before {
  content: '[';
  
  color: var(--light-black);
}
.table__list-item
{
    font-size:14px;
}

.table-of-contents .toggle-wrapper::after {
  content: ']';
  
  color: var(--light-black);
}

.table-of-contents .toggle {
  padding: 0;
  border: none;
  
  font-size: 1rem;
  
  color: var(--blue);
  background-color: inherit;
}

.table-of-contents .toggle:hover {
  text-decoration: underline var(--blue);
  cursor: pointer;
}

.table-of-contents .toggle:focus {
  border: 1px dotted var(--blue);
  
  text-decoration: underline var(--blue);
}

.table-of-contents .toggle:active {
  border: none;
  text-decoration: none;
}

.table-of-contents .table__list,
.table-of-contents .table__nested-list {
  list-style: none;
}

.table-of-contents .content__number {
  margin-right: .5ch;
  
  color: var(--light-black);
}

.table-of-contents .table__list {
  padding: 0;
}

.table-of-contents .table__nested-list {
  padding-left: 3ch;
}
.vid
{
    margin-bottom:15px;
}
html {
  scroll-behavior: smooth;
}
.table-of-contents .table__link {
  color: var(--blue);
  
  font-weight: 500;
  line-height: 1.6;
  
  text-decoration: none;
}

.table-of-contents .table__link:active {
  color: rgb(245, 194, 66);
}

.table-of-contents .table__link:hover {
  text-decoration: underline var(--blue);
}
.widget-author, .widget-tags
{
        box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
    border-radius: 5px;
    overflow: hidden;
    background: #ffffff;
    padding: 20px;
    margin-bottom: 20px;
}
.first-text
{
    margin-top:20px;
}
.text-first ul
{
    padding-left:15px;
    margin-bottom:15px;
}
.widget-author .media-body
{
    padding:5px 20px;
}
.widget-author .media-body h6
{
    font-weight:600;
}
.blog-page-desc
{
    background: #000000c9;
    padding: 10px !important;
    border-radius: 20px;
    margin-top: 5px;
}
.latest-blog-h4
{
    color: #20247b;
    font-weight: 700;
    font-size: 22px;
    margin-top:40px;
}
    .lead-form
    {
        padding:40px 0;
        background:black;
    }
    .lead-form input, .lead-form select
    {
        width:100%;
        height:45px;
        padding-left:10px;
        padding-right:10px;
    }
     .lead-form button
     {
             width: 100%;
    height: 45px;
    padding: 9px;
    background: #ffcf06;
    font-size: 16px;
    font-weight: bold;
     }
     .lead-form h2
     {
         color:white;
         font-size:28px;
         margin-bottom:15px;
     }
.in-banner-text1
{
    color:white;
    padding:50px 0;
}
.in-banner-text1 h1
{
    font-size:35px;
}
.in-banner-text1 p
{
   padding:0 130px;
}
.ed-box h4
{
    font-size:20px;
    font-weight:bold;
}
.ed-box p
{
    margin-bottom:2px;
    margin-left:15px;
}
.ed-box i
{
    color:#ffcf06;
}
.ed-box
{
    margin-bottom:20px;
}

.first-text ul, .first-text li
{
    list-style-type:disc;
}
.first-text li
{
    margin:5px 0;
}
/* Blog 
---------------------*/
#blog
{
    padding:40px 0;
}
.blog-grid {
  margin-top: 15px;
  margin-bottom: 15px;
}
.blog-grid .blog-img {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.blog-grid .blog-img .date {
  position: absolute;
  background: #3a3973;
  color: #ffffff;
  padding: 8px 15px;
  left: 0;
  top: 10px;
  font-size: 14px;
}
.blog-grid .blog-info {
  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
  border-radius: 5px;
  background: #ffffff;
  padding: 20px;
  margin: -30px 20px 0;
  position: relative;
}
.blog-grid .blog-info h5 {
  font-size: 22px;
  font-weight: 500;
  margin: 0 0 10px;
}
.blog-grid .blog-info h5 a {
  color: #3a3973;
}
.blog-grid .blog-info p {
  margin: 0;
}
.blog-grid .blog-info .btn-bar {
  margin-top: 20px;
}

.px-btn-arrow {
    padding: 0 50px 0 0;
    line-height: 20px;
    position: relative;
    display: inline-block;
    color: #fe4f6c;
    -moz-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    transition: ease all 0.3s;
}


.px-btn-arrow .arrow {
    width: 13px;
    height: 2px;
    background: currentColor;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 25px;
    -moz-transition: ease right 0.3s;
    -o-transition: ease right 0.3s;
    -webkit-transition: ease right 0.3s;
    transition: ease right 0.3s;
}
.gray-bg {
    background-color: #ebf4fa;
}

.px-btn-arrow .arrow:after {
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
    position: absolute;
    top: -3px;
    right: 0;
    display: inline-block;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.trusted-img img {
    width: 32%;
}
.top-con
{
    margin-bottom:40px;
}
.home-h1 span
{
    border-bottom:2px solid;
    padding-bottom:10px;
    margin-bottom:15px;
}
.faq {
  padding: 60px 0;
  background:#000;
}
.faq .faq-list {
  padding: 0;
  list-style: none;
}
.faq .faq-list .list-li {
    background-color: #ffffff;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 10px 20px;
}
.faq .faq-list a {
display: block;
    position: relative;
    font-size: 20px;
    
    font-weight: 600;
    color: #333333;
    
    text-decoration: none;
  
}
.faq .faq-list .show
{
    border-top: 2px dashed #ffcf06;
    padding-top: 5px;
    margin-top:10px;
}

.faq .faq-list i {
  font-size: 16px;
  transition: 1s;
}
.faq-title {
    text-align: center;
    font-size: 17px;
    border-bottom: 2px dashed #ffffff;
    margin-bottom: 30px;
    padding-bottom: 10px;
    color: #ffffff;
}

.faq .faq-list p {
  padding-top: 5px;
  margin-bottom: 20px;
  font-size: 15px;
}

.collapsed i.fas.fa-arrow-up {
    
}
.collapsed i.fas.fa-arrow-up {
    transform: rotate(180deg);
}
.local-seo-section .cont h2
{
    font-size: 30px;
    line-height: 2.5rem;
    font-weight:700;
    margin-top:20px;
}
.black-btn
{
        background: black;
    color: white;
    padding: 10px 30px;
}
.search-box img
{
    border:1px solid gray;
}
.search-box img:hover
{
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.black-btn:hover
{
   background:#ffcf06; 
}
.btn-box
{
    margin-top:25px;
}
.local-seo-section .cont p
{
   font-size: 18px;
    line-height: 1.75rem;
    font-weight:500;
    margin-top:20px;
}
.local-seo-section
{
    margin:30px 0;
}

    .project-box
    {
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
              padding: 10px;
              margin-top:20px;
    }
    .project-box p
    {
        margin-bottom:0;
        color:white
    }
    .project-box h3
    {
        font-size:18px;
        font-weight:600;
        margin-top:20px;
        color:white;
    }
    .our-project
    {
        padding:40px 0 ;
        background:black;
    }
    .our-project .title
    {
        color:white;
    }
    
    .scale-text h2
    {
        margin-bottom:20px;
    }
    .scale
    {
        padding:40px 0;
    }

.blog-single .blog-listing {
    padding-top: 30px;
    padding-bottom: 30px;
}
.blog-single.gray-bg {
    background-color: #f5f5f5;
}
/* Blog 
---------------------*/
.blog-single .blog-grid {
  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
  border-radius: 5px;
  overflow: hidden;
  background: #ffffff;
  margin-top: 15px;
  margin-bottom: 15px;
}
.blog-single .blog-grid .blog-img {
  position: relative;
}
.blog-single .blog-grid .blog-img .date {
  position: absolute;
  background: #fc5356;
  color: #ffffff;
  padding: 8px 15px;
  left: 10px;
  top: 10px;
  border-radius: 4px;
}
.blog-single .blog-grid .blog-img .date span {
  font-size: 22px;
  display: block;
  line-height: 22px;
  font-weight: 700;
}
.blog-single .blog-grid .blog-img .date label {
  font-size: 14px;
  margin: 0;
}
.blog-single .blog-grid .blog-info {
  padding: 20px;
}
.blog-single .blog-grid .blog-info h5 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}
.blog-single .blog-grid .blog-info h5 a {
  color: #20247b;
}
.blog-single .blog-grid .blog-info p {
  margin: 0;
}
.blog-single .blog-grid .blog-info .btn-bar {
  margin-top: 20px;
}


/* Blog Sidebar
-------------------*/
.blog-single .blog-aside .widget {
  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
  border-radius: 5px;
  overflow: hidden;
  background: #ffffff;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.blog-single .blog-aside .widget-body {
  padding: 15px;
}
.blog-single .blog-aside .widget-title {
  padding: 15px;
  border-bottom: 1px solid #eee;
}
.blog-single .blog-aside .widget-title h3 {
  font-size: 20px;
  font-weight: 700;
  color: #fc5356;
  margin: 0;
}
.blog-single .blog-aside .widget-author .media {
  margin-bottom: 15px;
}
.blog-single .blog-aside .widget-author p {
  font-size: 16px;
  margin: 0;
}
.blog-single  .avatar1 {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
}
.blog-single .blog-aside .widget-author h6 {
  font-weight: 600;
  color: #20247b;
  font-size: 22px;
  margin: 0;
  padding-left: 20px;
}
.blog-single .blog-aside .post-aside {
  margin-bottom: 15px;
}
.blog-single .blog-aside .post-aside .post-aside-title h5 {
  margin: 0;
}
.blog-single .blog-aside .post-aside .post-aside-title a {
  font-size: 18px;
  color: #20247b;
  font-weight: 600;
}
.blog-single .blog-aside .post-aside .post-aside-meta {
  padding-bottom: 10px;
}
.blog-single .blog-aside .post-aside .post-aside-meta a {
  color: #6F8BA4;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 10px;
}
.blog-single .blog-aside .latest-post-aside + .latest-post-aside {
  border-top: 1px solid #eee;
  padding-top: 15px;
  margin-top: 15px;
}
.blog-single .blog-aside .latest-post-aside .lpa-right {
  width: 90px;
}
.blog-single .blog-aside .latest-post-aside .lpa-right img {
  border-radius: 3px;
}
.blog-single .blog-aside .latest-post-aside .lpa-left {
  padding-right: 15px;
}
.blog-single .blog-aside .latest-post-aside .lpa-title h5 {
  margin: 0;
  font-size: 15px;
}
.blog-single .blog-aside .latest-post-aside .lpa-title a {
  color: #20247b;
  font-weight: 600;
}
.blog-single .blog-aside .latest-post-aside .lpa-meta a {
  color: #6F8BA4;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 10px;
}

.blog-single .tag-cloud a {
  padding: 4px 15px;
  font-size: 13px;
  color: #ffffff;
  background: #20247b;
  border-radius: 3px;
  margin-right: 4px;
  margin-bottom: 4px;
}
.blog-single .tag-cloud a:hover {
  background: #fc5356;
}

 .blog-single {
  padding-bottom: 30px;
}

.blog-single .article {
  border-radius: 5px;
  overflow: hidden;
  background: #ffffff;
  padding: 15px;
  margin: 15px 0 30px;
}
.blog-single .article .article-title {
  padding: 15px 0 20px;
}
.blog-single .article .article-title h6 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}
.blog-single .article .article-title h6 a {
  text-transform: uppercase;
  color: #fc5356;
  border-bottom: 1px solid #fc5356;
}
.blog-single .article .article-title h2 {
  color: #20247b;
  font-weight: 600;
  font-size: 28px;
}
.blog-single .article .article-title .media {
  padding-top: 15px;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 20px;
  
}
.blog-single .media
{
    padding:5px 0;
}
.blog-single .article .article-title .media .avatar {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
}
.blog-single .article .article-title .media .media-body {
  padding-left: 8px;
}
.blog-single .article .article-title .media .media-body label {
  font-weight: 600;
  color: #fc5356;
  margin: 0;
}
.blog-single .article .article-title .media .media-body span {
  display: block;
  font-size: 12px;
}
.blog-single .article .article-content h1,
.blog-single .article .article-content h2,
.blog-single .article .article-content h3,
.blog-single .article .article-content h4,
.blog-single .article .article-content h5,
.blog-single .article .article-content h6 {
  color: #20247b;
  font-weight: 600;
  margin-bottom: 15px;
}
.blog-single .article .article-content blockquote {
  max-width: 600px;
  padding: 15px 0 30px 0;
  margin: 0;
}
.blog-single .article .article-content blockquote p {
  font-size: 20px;
  font-weight: 500;
  color: #fc5356;
  margin: 0;
}
.blog-single .article .article-content blockquote .blockquote-footer {
  color: #20247b;
  font-size: 16px;
}
.blog-single .article .article-content blockquote .blockquote-footer cite {
  font-weight: 600;
}
.blog-single .article .tag-cloud {
  padding-top: 10px;
}

.blog-single .article-comment {
  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
  border-radius: 5px;
  overflow: hidden;
  background: #ffffff;
  padding: 20px;
}
.blog-single .article-comment h4 {
  color: #20247b;
  font-weight: 700;
  margin-bottom: 25px;
  font-size: 22px;
}
.blog-single img {
    max-width: 100%;
}
.blog-single img {
    vertical-align: middle;
    border-style: none;
}

/* Contact Us
---------------------*/
.blog-single .contact-name {
  margin-bottom: 30px;
}
.blog-single .contact-name h5 {
  font-size: 22px;
  color: #20247b;
  margin-bottom: 5px;
  font-weight: 600;
}
.blog-single .contact-name p {
  font-size: 18px;
  margin: 0;
}

.blog-single .social-share a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  margin-right: 10px;
}
.blog-single .social-share .dribbble {
  box-shadow: 0 8px 30px -4px rgba(234, 76, 137, 0.5);
  background-color: #ea4c89;
}
.blog-single .social-share .behance {
  box-shadow: 0 8px 30px -4px rgba(0, 103, 255, 0.5);
  background-color: #0067ff;
}
.blog-single .social-share .linkedin {
  box-shadow: 0 8px 30px -4px rgba(1, 119, 172, 0.5);
  background-color: #0177ac;
}

.blog-single .contact-form .form-control {
  border: none;
  border-bottom: 1px solid #20247b;
  background: transparent;
  border-radius: 0;
  padding-left: 0;
  box-shadow: none !important;
}
.blog-single .contact-form .form-control:focus {
  border-bottom: 1px solid #fc5356;
}
.blog-single .contact-form .form-control.invalid {
  border-bottom: 1px solid #ff0000;
}
.blog-single .contact-form .send {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .blog-single .contact-form .send {
    margin-bottom: 20px;
  }
  .in-banner-text1 h1 {
    font-size: 22px;
}
.in-banner-text1 p {
padding: 0;
font-size: 12px;
    line-height: 18px;
    margin-top:5px;
}
  .h-one:after {
    width: 50px;
    height: 5px;
    display: block;
    content: "";
    position: relative;
    margin-top: 5px;
    left: 44%;
    background-color: #ffcf06;
}
.h-three {
    text-align: center;
    font-size: 17px;
    display: block;
}
.text-first .in-h2 {
    font-size: 20px !important;
}
.h-one:before {
    width: 150px;
    height: 1px;
    display: block;
    content: "";
    bottom: 6px;
    position: absolute;
    left: 28%;
    background-color: #000;
}
  .banner h2 {
    font-size: 30px !important;
    text-align: center;
  }
  .banner-back h3 {
    font-size: 15px !important;
    line-height: 25px !important;
    text-align: center;
}
.globelist li {
    width: 50% !important;
}
.ssvom .globelist li:nth-child(even) {
    margin-top: 0 !important;
}
.btnBlock
{
    text-align: center;
}
  .media .col-md-2
  {
      width:50%;
  }
  .listar-feature-right-border {
    left: 46% !important;
    overflow: hidden;
}
  .btn-box {
    margin-bottom: 25px;
}
.local-seo-section {
    margin: 30px 0;
    text-align: center;
}
.local-seo-section .cont h1 {
    font-size: 20px;
    line-height: 28px;
}
.local-seo-section .cont p {
    font-size: 15px;
}
.scale
{
    text-align:center;
}
.scale-text h2 {
    margin-top: 20px;
}
.blockquote-wrapper {
    display: flex;
    margin-top: 40% !important;
}
.blockquote h1 {
    font-size: 20px !important;
}
.in-banner
{
    background-repeat: no-repeat !important;
}
}

.blog-single .section-title h2 {
    font-weight: 700;
    color: #20247b;
    font-size: 45px;
    margin: 0 0 15px;
    border-left: 5px solid #fc5356;
    padding-left: 15px;
}
.blog-single .section-title {
    padding-bottom: 45px;
}
.blog-single .contact-form .send {
    margin-top: 20px;
}
.blog-single .px-btn {
    padding: 0 50px 0 20px;
    line-height: 60px;
    position: relative;
    display: inline-block;
    color: #20247b;
    background: none;
    border: none;
}
.blog-single .px-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 30px;
    background: transparent;
    border: 1px solid rgba(252, 83, 86, 0.6);
    border-right: 1px solid transparent;
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
    width: 60px;
    height: 60px;
}
.blog-single .px-btn .arrow {
    width: 13px;
    height: 2px;
    background: currentColor;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 25px;
}
.blog-single .px-btn .arrow:after {
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
    position: absolute;
    top: -3px;
    right: 0;
    display: inline-block;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


  .blog-page .blog-post {
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
}

.blog-page .blog-post .blog-img .overlay,
.blog-page .blog-post .blog-img .post-meta {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blog-page .blog-post .blog-img .overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.blog-page .blog-post .blog-img .post-meta {
  bottom: 5%;
  right: 5%;
  z-index: 1;
}

.blog-page .blog-post .blog-img .post-meta .read-more:hover {
  color: #6dc77a !important;
}

.blog-page .blog-post .content-blog h1, .blog-page .blog-post .content-blog h2, .blog-page .blog-post .content-blog h3, .blog-page .blog-post .content-blog h4, .blog-page .blog-post .content-blog h5, .blog-page .blog-post .content-blog h6 {
  line-height: 1.2;
}

.blog-page .blog-post .content-blog .title {
  font-size: 18px;
}

.blog-page .blog-post .content-blog .title:hover {
  color: #6dc77a !important;
}

.blog-page .blog-post .content-blog .author .name:hover {
  color: #6dc77a !important;
}

.blog-page .blog-post:hover {
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.blog-page .blog-post:hover .blog-img .overlay {
  opacity: 0.65;
}

.blog-page .blog-post:hover .blog-img .post-meta {
  opacity: 1;
}

.blog-page .blog-post .post-meta .like i,
.blog-page .profile-post .like i {
  -webkit-text-stroke: 2px #dd2427;
  -webkit-text-fill-color: transparent;
}

.blog-page .blog-post .post-meta .like:active i, .blog-post .post-meta .like:focus i,
.blog-page .profile-post .like:active i,
.blog-page .profile-post .like:focus i {
  -webkit-text-stroke: 0px #dd2427;
  -webkit-text-fill-color: #dd2427;
}
.btn-form
{
    background: #000;
    color: white;
}


.blog-page .avatar1 {
    height: 36px;
    width:36PX;
}
.blog-page .shadow {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) !important;
}

.blog-page .text-muted {
    color: #8492a6 !important;
}


.blog-page .para-desc {
    max-width: 600px;
}
.blog-page .text-muted {
    color: #8492a6 !important;
}

.blog-page .section-title .title {
    letter-spacing: 0.5px;
    font-size: 30px;
}
.pt-5, .py-5 {
    padding-top: 3rem !important;
}
.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}
#testimonials img {
    width: 130px;
}
.location-box h4
{
    background: black;
    color: white;
    font-size: 22px;
    text-align: center;
    padding: 15px;
    font-weight: bold;

}
.location-box
{
    margin:15px 0;

}
.partner-head
{
    text-align: center;
}
.clientele
{
    border-bottom:1px solid #ffcf06;
}
#testimonials .cust-pro-info {
    font-size: 20px;
    margin: 10px 0 0px;
}
#testimonials .testi-text {
    font-size: 18px;
    line-height: 30px;
}
#testimonials .testi-footer {
    text-align: center;
}
#testimonials .carousel-inner {
    padding: 0px 0px 50px 0px;
}
.bcom-partner {
   padding: 3px 5px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    font-size: 9px;
    font-weight: 400;
    text-align: center;
    background-color: #000000;
}
.clientele img
{
    box-shadow: rgb(0 0 0 / 35%) 0 5px 15px;
    margin:0px 30px;
}
#testimonials .carousel-indicators li {
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    background-color: #000000;
    border-radius: 3px;
}
#testimonials .carousel-indicators li.active {
    background-color: #fff;
}
.rounded {
    border-radius: 0.25rem !important;
}
.gr-bg
{
        background-color: #f4f4f4;
}
.why-us h2 {
    position: relative;
    margin-bottom: 35px;
    color:white;
}
.why-us
{
    background:#000;
}
.why-us h2::after {
    content: "";
    width: 120px;
    height: 3px;
    display: inline-block;
    background: #ffcf06;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -20px;
    margin: 0 auto;
}
.why-us p
{
    color:white;
}
.why-us .box {
    padding: 60px 30px 40px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.10);
    transition: 0.5s;
    position: relative;
    background-color: #333;
    max-height: 230px;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 10px;
}
.why-us .box:hover {
	padding: 50px 30px 50px 30px;
	box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.20);
	background-color: rgba(0, 0, 0, 0.3);
	border: 2px solid #333;
}
.why-us .box img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: -1;
	opacity: 0;
	transition:all ease 1s; 
}
.why-us .box:hover img {
	opacity: 1;
}
.why-us .box span {
    display: block;
    font-size: 56px;
    font-weight: 700;
    color: #6b6060;
    position: absolute;
    right: 10px;
    top: 0px;
    line-height: normal;
}
.why-us .box h4 a {
	font-size: 24px;
	font-weight: 600;
	padding: 0;
	margin: 20px 0;
	color: #dadada;
	text-decoration: none;
}
.why-us .box p {
	color: #aaaaaa;
	font-size: 15px;
	margin: 0;
	padding: 0;
}
.why-us .box:hover span,
.why-us .box:hover h4 a,
.why-us .box:hover p {
  	color: #fff;
}
body {
   padding: 0;
   margin: 0;
   color: #312e2e;
   font-size: 14px;
   overflow-x: hidden;
   font-family: 'Poppins', sans-serif;
   direction: ltr;
}
/* center the blockquote in the page */
.blockquote-wrapper {
   display: flex;
    margin-top: 50%;
}

/* Blockquote main style */
.blockquote {
    position: relative;
    font-family: 'Barlow Condensed', sans-serif;
    align-self: center;
   
}
.in-heading h1
{
    font-size: 30px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* Blockquote header */
.blockquote h1 {
       font-family: 'Abril Fatface', cursive;
    position: relative;
    color: #fff;
    font-size: 2.8rem;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    margin: 0;
    border-radius: 20px;
    padding: 20px;
    background: #6b6b6b;
}
.blockquote h1::before {
content: "";
    position: absolute;
    left: 50px;
    bottom: -10px;
    height: 20px;
    width: 20px;
    border-radius: 0px;
    background-color: #6b6b6b;
    transform: translateX(-50%) rotate(45deg);
}
.blockquote h2 {
background: white;
    padding: 10px;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

/* increase header size after 600px */
@media all and (min-width: 600px) {
    .blockquote h1 {
        font-size: 42px;
        line-height: 1.2;
   }
.why-us .box
{
    height:207px;
}
}

/* Blockquote subheader */
.blockquote h4 {
    position: relative;
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding-top: 15px;
    z-index: 1;
    margin-left:150px;
    padding-left:12px;
}


p.address {
    margin-bottom: 0px;
}
body, html {
   height: 100%;
   width: 100%;
   position: relative;
}
html {
   font-size: 16px;
}
ol, ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

a {
   color: inherit;
}
a, a:hover, a:focus {
   outline: none;
   text-decoration: none;
   color: inherit;
}
h1, h2, h3, h4, h5, h6 {
   margin: 0;
}
h1, h2, h3, h4, h5, h6 {
   font-family: 'Poppins', sans-serif;
}
h1 {
   font-size: 3.75rem;
}
h2 {
   font-size: 2.5rem;
}
h3 {
   font-size: 1.75rem;
}
h4 {
   font-size: 1.25rem;
}
h5 {
   font-size: 1rem;
}
h6 {
    font-size: 16px;
    font-weight: 400;
}
p {
   font-size: 14px;
   line-height:26px;
}

.flag img
{
    width:40px;
}
/*Helper Classes*/
.padding {
   padding: 3.5rem 0
}
.padding-top {
   padding-top: 7.5rem;
}
.padding-bottom {
   padding-bottom: 7.5rem;
}
.margin_top {
   margin-top: 7.5rem;
}
.padding-bottom-half {
   padding-bottom: 4.375rem;
}
.padding-top-half {
   padding-top: 4.375rem;
}
.margin_tophalf {
   margin-top: 4.375rem;
}
.heading_space {
      margin-bottom: 1.375rem;
}
.bottom45 {
   margin-bottom: 45px;
}
.top40 {
   margin-top: 40px;
}
.top30 {
   margin-top: 30px;
}
.bottom30 {
   margin-bottom: 15px;
}
.bottom35 {
   margin-bottom: 35px;
}
.bottom25 {
   margin-bottom: 25px;
}
.top25 {
   margin-top: 25px;
}
.bottom20 {
   margin-bottom: 20px;
}
.top20 {
   margin-top: 20px;
}
.top15 {
   margin-top: 15px;
}
.bottom15 {
   margin-bottom: 15px;
}
.bottom10 {
   margin-bottom: 10px;
}
.margin10 {
   margin-top: 15px;
}
.bottom5 {
   margin-bottom: 5px;
}
.no_bottom {
   margin-bottom: 0;
}
.nopadding {
   padding: 0;
}
.bg_light {
   background: #f6f6f6;
}
.bg_grey {
   background: #ebeff2;
}
.bg_dark {
   background: #384141;
}
.darkcolor {
   color: #000000;
}
.color {
   color: #ffcf06;
}
.whitecolor {
   color: #fff;
}
.primarycolor {
   color: #b2cb20;
}
.secondrycolor {
   color: #ffcf06;
}
.dangercolor {
   color: #e84455;
}
.bg_secondry {
   background: #ffcf06;
}
.font-light {
   font-weight: 300;
}
.font-light2 {
       font-weight: 500;
    
}
.font-xlight {
   font-weight: 100;
}
.font-bold {
   font-weight: bold;
}
.font-medium {
   font-weight: 500;
}

/*heading Style*/
.heading {
   border-bottom: 1px solid #dadada;
   display: inline-block;
}
.heading .divider-left,
.heading .divider-center {
   height: 4px;
   width: 70px;
   background: #ffcf06;
   display: block;
}
.heading .divider-left {
   margin: 10px 0 -2px;
}
.heading .divider-center {
   margin: 10px auto -2px;
}
.heading > span {
   font-weight: 200;
}

/*Align items center*/
.center-block {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -moz-box-orient: vertical;
   -moz-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

hr {
    margin-top: 1rem!important;
    /* margin-bottom: 1rem; */
    border: 0;
    border-top: 3px dotted rgb(255, 255, 255);
}



.image, .image img {
   position: relative;
}
.image img {
   -o-transition: all .8s linear;
   -webkit-transition: all .8s linear;
   transition: all .8s linear;
   width: 100%;
}
.image {
   overflow: hidden;
}
.image:hover img {
   -webkit-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transform-origin: center center;
   -o-transform-origin: center center;
   -ms-transform-origin: center center;
   transform-origin: center center;
}


/* ---- Buttons ---- */
.btn_common {
   padding: 12px 2.5rem;
   display: inline-block;
   font-weight: bold;
   line-height: normal;
   font-size: 13px;
   text-transform: uppercase;
   text-align: center;
   -webkit-border-radius: 36px;
   border-radius: 36px;
   position: relative;
   z-index: 1;
   border: 1px solid transparent;
   -webkit-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}
.btn_full {
   width: 100%; 
}
.white_transparent {
   border: 1px solid #fff !important;
   background: transparent;
}
.white_transparent:hover,
.white_transparent:focus {
   background: #fff;
   color: #384141;
}
.btn_dark {
   background: #384141;
}
.btn_dark , .btn_border {
   border: 1px solid #384141;
   color: #384141;
}
.btn_border:hover,
.btn_border:focus {
   background: #ffcf06;
   border-color: #ffcf06;
}
.btn_primary {
   background: #b2cb20;
}
.btn_primary:hover,
.btn_primary:focus,
.btn_secondry {
   background: #ffcf06;
   color: #fff;
}
.btn_secondry:hover,
.btn_secondry:focus {
   background: #b2cb20;
}
.btn_hverprimary {}
.btn_hversecondary {}
.btn_hvrdanger:hover,
.btn_hvrdanger:focus,
.btn_danger {
   background: #e84455;
   border-color: #e84455;
   color: #fff;
}
.btn_danger:hover,
.btn_danger:focus {
   background: #ffcf06;
   border-color: #ffcf06;
}
.white_transparent,
.btn_primary,
.btn_secondry,
.btn_danger,
.btn_primary:hover,
.btn_primary:focus,
.btn_secondry:hover,
.btn_secondry:focus,
.btn_border:hover,
.btn_border:focus,
.btn_danger:hover,
.btn_danger:focus{
   color: #fff;
}
.btn_hvrwhite:hover,
.btn_hvrwhite:focus {
   background: #fff;
   border-color: #fff;
   color: #384141;
}
.readmore {
   display: inline-block;
   font-weight: 600;
   position: relative;
   color: #a5a5a5;
}
.readmore::before {
   content: "";
   height: 5px;
   width: 0;
   background: #a5a5a5;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   display: inline-block;
   opacity: 0;
   vertical-align: middle;
   margin-right: 3px;
   -webkit-transition: all .5s ease-in;
   -o-transition: all .5s ease-in;
   transition: all .5s ease-in;
}
.readmore:hover::before,
.readmore:focus::before {
   opacity: 1;
   width: 5px;
}
.readmore:hover,
.readmore:focus {   
   color: #b2cb20;
}

/* ---- Buttons ends ---- */


/* ---- Social Icons ---- */
ul.social_icon li a {
   border: 1px solid #fff;
   color: #fff;
   display: block;
   font-size: 16px;
   height: 36px;
   line-height: 35px;
   text-align: center;
   width: 36px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   position: relative;
   z-index: 1;
   overflow: hidden;
   -webkit-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
}
ul.social_icon.black li a {
   border: 1px solid #384141;
   color: #384141;
}
ul.social_icon.black li a:hover,
ul.social_icon.black li a:focus {
   color: #fff;
}
ul.social_icon.whitebg li a {
    background: #fff;
    border-color: #fff;
    color: #384141;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
	box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}
ul.social_icon.noborder li a {
   border: none !important;
}
ul.social_icon li a:hover, 
ul.social_icon li a:focus {
   background: #b2cb20;
   border-color: transparent;
   color: #fff;
}
ul.social_icon li a.facebook:hover, 
ul.social_icon li a.facebook:focus {
   background: #3b5999;
   border-color: #3b5999;
}
ul.social_icon li a.twitter:hover, 
ul.social_icon li a.twitter:focus {
   background: #55acee;
   border-color: #55acee;
}
ul.social_icon li a.insta:hover, 
ul.social_icon li a.insta:focus {
   background: #e4405f;
   border-color: #e4405f;
}
ul.social_icon li a.linkden:hover, 
ul.social_icon li a.linkden:focus {
   background: #0077B5;
   border-color: #0077B5;
}
ul.social_icon li a.google:hover, 
ul.social_icon li a.google:focus {
   background:#dd4b39;
   border-color: #dd4b39;
}
ul.social_icon li a.whatsapp:hover, 
ul.social_icon li a.whatsapp:focus {
   background: #25D366;
   border-color: #25D366;
}
ul.social_icon li a.dribble:hover, 
ul.social_icon li a.dribble:focus {
   background: #ea4c89;
   border-color: #ea4c89;
}


/* ---- Social Icons ends ---- */

/* ---- BackTop Button ---- */
.scrollToTop {
   width: 40px;
   height: 40px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   text-align: center;
   font-weight: bold;
   line-height: 36px;
   font-size: 25px;
   position: fixed;
   z-index: 1000;
   bottom: 16px;
   right: 40px;
   display: none;
   background: #b2cb20;
}
.scrollToTop:hover {
   background: #ffcf06;
}
.scrollToTop, .scrollToTop:hover,
.scrollToTop:focus {
   color: #fff;
}
/* ---- BackTop Button ends ---- */


.widget p.address > i {
   display: inline-block;
   font-size: 20px;
   margin-right: 5px;
   vertical-align: bottom;
}

/*Transitions */






/* ------------ Navigation ------------- */

.site-header .navbar {
   padding-bottom: 0;
   padding-top: 0;
   z-index: 1000;
   box-shadow: 0px 15px 10px -15px #111;  
}
.site-header .transparent-bg,
.site-header .transparent-bg-dark,
.site-header .boxed-nav,
.site-header .center-brand,
.site-header .dark-nav,
.site-header .nav-gradient {
   left: 0;
   top: 30px;
   position: absolute;
   width: 100%;
}
.site-header .boxed-nav {
   margin-top: 20px;
}
.site-header .boxed-nav .container {
   background: #fff;
}
.site-header .fixed-bottom {
   position: absolute;
   background: #fff;
}
.site-header .fixedmenu {
   top: 0;
   left: 0;
   right: 0;
   position: fixed;
   margin: 0;
   padding-bottom: 0;
   padding-top: 0;
   z-index: 1002;
   background: #000;
   box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}
.site-header .center-brand {
    padding-top: 10px;
    padding-bottom: 10px;
}
.site-header .fixed-bottom.fixedmenu{
   bottom: auto;
   top: 0;
   -webkit-animation: none;
   -o-animation: none;
   animation: none;
}
.site-header .nav-gradient, .site-header .nav-gradient.fixedmenu {
   background-color: #F73E73;
   background: -webkit-gradient(linear, left top, right top, from(#F7A872), to(#F73E73));
   background: linear-gradient(to right, #F7A872, #F73E73);
}

.site-header .navbar-brand {
   margin: 6px 0;
   padding: 0;
   width: 190px;
   position: relative;
}
.site-header .center-brand .navbar-brand {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
}
.site-header .navbar-brand > img {
   width: 100%;
}
.site-header .navbar.fixedmenu .logo-default,
.site-header .navbar  .logo-scrolled {
	display: none;
}
.site-header .navbar.fixedmenu .logo-scrolled,
.site-header .navbar .logo-default{
   display: inline-block;
}
.site-header  .collapse {
    position: relative;
}

.site-header .nav-gradient .navbar-nav .nav-item {
   margin-left: .25rem;
   margin-right: .25rem;
}
.site-header .hvr-multi .navbar-nav .nav-item {
   margin: 0 .25rem;
}
 .nav-item .agency-btn
 {
 background:#ffcf06;

 color:white !important;
 }
 .site-header .fixedmenu .navbar-nav .nav-link .agency-btn {
    color: #ffffff !important;
}
.site-header .navbar-nav .nav-link {
  padding: 28px 9px 21px !important;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 15px;
   position: relative;
   overflow: hidden;
   font-family: 'Poppins', sans-serif;
   display: inline-block;
}
.site-header .transparent-bg .navbar-nav .nav-link,
.site-header .center-brand .navbar-nav .nav-link,
.site-header .nav-gradient .navbar-nav .nav-link {
   color: #fff;
}
.site-header .fixedmenu .navbar-nav .nav-link {
   color: #fff;
}
.site-header .nav-gradient.fixedmenu .navbar-nav .nav-link {
   color: #fff;
}

.site-header .navbar-nav .nav-link.dropdown-toggle::before,
.site-header .hvr-multi .navbar-nav .nav-link::before,
.site-header .nav-gradient .navbar-nav .nav-link::before {
   display: none;
}
.site-header .dropdown-toggle::after {
    content: "\f107";
    font-family: 'FontAwesome';
    vertical-align: middle;
    height: auto;
    width: auto;
    border: none;
}
.site-header .hvr-multi .navbar-nav .nav-link:nth-of-type(2) {
   background: rgba(0,0,0,0);
}
.site-header .transparent-bg-dark .navbar-nav .nav-link::before,
.site-header .fixedmenu .navbar-nav .nav-link::before {
   background: #384141;
}
.site-header .navbar-nav .nav-link:hover::before,
.site-header .navbar-nav .nav-link:focus::before,
.site-header .navbar-nav .nav-link.active::before {
   opacity: 1;
   visibility: visible;
   width: 100%;
}
.site-header .hvr-multi .navbar-nav .nav-link,
.site-header .nav-gradient .navbar-nav .nav-link {
   padding: 8px 1rem !important;
   -webkit-border-radius: 20px;
   border-radius: 20px;
}
.site-header .nav-gradient .navbar-nav .nav-link:hover,
.site-header .nav-gradient .navbar-nav .nav-link:focus {
   background: #fff;
   color: #384141;
}
.site-header .hvr-multi .navbar-nav .nav-link:hover {
   color: #ffcf06;
}
.site-header .hvr-multi .navbar-nav .nav-item:first-child .nav-link:hover{
   color: #b2cb20;
}
.site-header .hvr-multi .navbar-nav .nav-item:nth-child(2) .nav-link:hover {
   color: #ffcf06;
}
.site-header .hvr-multi .navbar-nav .nav-item:nth-child(3) .nav-link:hover{
   color: #e84455;
}
.site-header .hvr-multi .navbar-nav .nav-item:nth-child(4) .nav-link:hover {
   color: #384141;
}
.site-header .hvr-multi .navbar-nav .nav-item:nth-child(5) .nav-link:hover {
   color: #d46408;
}
.site-header .hvr-multi .navbar-nav .nav-item:nth-child(6) .nav-link:hover {
   color: #62bddc;
}

.site-header .hvr-multi .navbar-nav .nav-link.active {
   color: #fff;
   background: #ffcf06;
}
.site-header .hvr-multi .navbar-nav .nav-item:first-child .nav-link.active{
   background: #b2cb20;
   color: #fff;
}
.site-header .hvr-multi .navbar-nav .nav-item:nth-child(2) .nav-link.active {
   background: #ffcf06;
   color: #fff;
}
.site-header .hvr-multi .navbar-nav .nav-item:nth-child(3) .nav-link.active {
   background: #e84455;
   color: #fff;
}
.site-header .hvr-multi .navbar-nav .nav-item:nth-child(4) .nav-link.active {
   background: #384141;
   color: #fff;
}
.site-header .hvr-multi .navbar-nav .nav-item:nth-child(5) .nav-link.active {
   background: #d46408;
   color: #fff;
}
.site-header .hvr-multi .navbar-nav .nav-item:nth-child(6) .nav-link.active {
   background: #62bddc;
   color: #fff;
}



/*DropDowns*/
.site-header .dropdown-menu {
   padding: 0;
   margin: 0;
   box-shadow: 0px 1px 2px #d2d2d2;
   border: none;
}
.site-header .static.dropdown {
    position: static;
}
.site-header .megamenu {
  padding: 20px 0;
  width: 100%;
}
.site-header .dropdown-menu .dropdown-item {
   color: #384141;
   font-weight: normal;
   font-size: 12px;
   padding: 6px 1rem;
}
.site-header .dropdown-menu.megamenu .dropdown-item::before {
    content: "\f178";
    font-family: "FontAwesome";
    opacity: 0;
    visibility: hidden;
    font-size: 10px;
    transition: all .3s ease;
    width: 0;
    display: inline-block;
   margin-right: 5px;
}
.site-header .dropdown-menu.megamenu .dropdown-item:hover::before{
	opacity:1;
    visibility: visible;
   width: 10px;
}
.site-header .dropdown-menu .dropdown-item:hover,
.site-header .dropdown-menu .dropdown-item:focus {
   color: #fff;
   background: #ffcf06;
}
.site-header .dropdown-menu.megamenu .dropdown-item:hover,
.site-header .dropdown-menu.megamenu .dropdown-item:focus {
   color: #ffcf06;
   background: transparent;
}
.site-header .dropdown-menu.primary .dropdown-item:hover,
.site-header .dropdown-menu.primary .dropdown-item:focus {
   background: #b2cb20;
}
.site-header .dropdown-menu.danger .dropdown-item:hover,
.site-header .dropdown-menu.danger .dropdown-item:focus {
   background: #e84455;
}
.site-header .dropdown-menu .dropdown-title {
   margin-left: 1rem;
}


/*toggle responsive*/
.site-header .navbar-toggler {
   position: relative;
   border: none;
   height: 32px;
   padding: 5px 10px;
}
.site-header .navbar-toggler:focus,
.site-header .navbar-toggler:active {
   outline: 0;
}
.site-header .navbar-toggler span {
   display: block;
   background: #fff;
   height: 2px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}
.boxed-nav .navbar-toggler span,
.fixedmenu .navbar-toggler span,
.transparent-bg-dark span,
.bgwhite-nav .navbar-toggler span{
   background: #384141;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   -webkit-transition: -webkit-transform .35s ease-in-out;
   transition: -webkit-transform .35s ease-in-out;
   -o-transition: -o-transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out, -o-transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
   position: absolute;
   left: 10px;
   top: 10px;
   -webkit-transform: rotate(135deg);
   -o-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   transform: rotate(135deg);
   opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
   height: 3px;
   visibility: hidden;
   background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
   position: absolute;
   left: 10px;
   top: 10px;
   -webkit-transform: rotate(-135deg);
   -o-transform: rotate(-135deg);
   -ms-transform: rotate(-135deg);
   transform: rotate(-135deg);
   opacity: 0.9;
}

/*navigation socials*/
.nav-social {
   margin-left: 15px;
}
.nav-social ul.social_icon li {
   display: inline-flex;
}
.nav-social ul.social_icon li a {
   height: 30px;
   width: 30px;
   font-size: 14px;
   line-height: 30px;
   display: inline-block;
}
.fixed-bottom .nav-social ul.social_icon li a {
   color: #384141;
}
.nav-social ul.social_icon li a.facebook:hover,
.nav-social ul.social_icon li a.facebook:focus {
   color: #3b5999;
   background: #fff;
}
.nav-social ul.social_icon li a.twitter:hover,
.nav-social ul.social_icon li a.twitter:focus {
   color: #55acee;
   background: #fff;
}
.nav-social ul.social_icon li a.insta:hover,
.nav-social ul.social_icon li a.insta:focus {
   color: #e4405f;
   background: #fff;
}
.nav-social ul.social_icon li a.linkden:hover,
.nav-social ul.social_icon li a.linkden:focus{
   color: #0077B5;
   background: #fff;
}
.nav-social ul.social_icon li a.google:hover,
.nav-social ul.social_icon li a.google:focus {
   color: #dd4b39;
   background: #fff;
}
.fixedmenu .nav-social ul.social_icon li a {
   color: #384141;
}

.fixedmenu .nav-social ul.social_icon li a.facebook:hover,
.fixedmenu .nav-social ul.social_icon li a.facebook:focus {
   background: #3b5999;
}
.fixedmenu .nav-social ul.social_icon li a.twitter:hover,
.fixedmenu .nav-social ul.social_icon li a.twitter:focus {
   background: #55acee;
}
.fixedmenu .nav-social ul.social_icon li a.insta:hover,
.fixedmenu .nav-social ul.social_icon li a.insta:focus {
   background: #e4405f;
}
.fixedmenu .nav-social ul.social_icon li a.linkden:hover,
.fixedmenu .nav-social ul.social_icon li a.linkden:focus {
   background: #0077B5;
}
.fixedmenu .nav-social ul.social_icon li a.google:hover,
.fixedmenu .nav-social ul.social_icon li a.google:focus {
   background: #dd4b39;
}
.fixedmenu .nav-social ul.social_icon li a:hover,
.fixedmenu .nav-social ul.social_icon li a:focus {
   color: #fff;
}


/*-----Side Menu----*/
.side-menu {
   width: 40%;
   position: fixed;
   right: 0;
   top: 0;
   background: #fff;
   z-index: 1032;
   height: 100%;
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
   -webkit-transition: -webkit-transform .5s ease;
   transition: -webkit-transform .5s ease;
   -o-transition: -o-transform .5s ease;
   transition: transform .5s ease;
   transition: transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease;
   transition: transform .5s ease, -webkit-transform .5s ease;
   overflow: hidden;
}
.side-menu.left {
   left: 0;
   right: auto;
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0);
}
.side-menu.before-side {
   width: 280px;
}
.transparent-sidemenu .side-menu {
   background: rgba(0, 0, 0, .95);
}
.side-menu.side-menu-active,
.side-menu.before-side {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}
.pul-menu .side-menu.side-menu-active {
   visibility: visible;
   opacity: 1;
}
.side-menu .navbar-brand {
   margin: -5rem 0 0 0;
}

/*Side overlay*/
#close_side_menu {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   -webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
   -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
   transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
   display: none;
   z-index: 1031;
   opacity: 0.4;
}

/*side clode btn*/
.side-menu .btn-close {
   height: 33px;
   width: 33px;
   -webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.15);
   box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.15);
   -webkit-border-radius: 50%;
   border-radius: 50%;
   display: inline-block;
   text-align: center;
   position: absolute;
   top: 16px;
   right: 15px;
   cursor: pointer;
   background: #384141;
   transition: all .5s ease;
}
.side-menu .btn-close:hover,
.side-menu .btn-close:focus {
   background: #e84455; 
}
.side-menu.before-side .btn-close {
   display: none;
}
.just-sidemenu #sidemenu_toggle {
   position: fixed;
   z-index: 999;
   right: 1rem;
   top: 16px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
   box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}
.side-menu .btn-close::before,
.side-menu .btn-close::after {
   position: absolute;
   left: 16px;
   content: ' ';
   height: 18px;
   width: 2px;
   background: #fff;
   top: 7px;
}
.side-menu .btn-close:before {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
}
.side-menu .btn-close:after {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

/*side open btn*/
.sidemenu_btn {
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	width: 36px;
	padding: 6px;
	margin-left: 1rem;
	position: absolute;
	right: 1rem;
}
.sidemenu_btn.left {
   left: 15px;
   right: auto;
}
.sidemenu_btn > span {
   height: 2px;
   width: 100%;
   background: #384141;
   display: block;
}
.transparent-bg .sidemenu_btn > span,
.boxed-nav .sidemenu_btn > span,
.center-brand .sidemenu_btn > span,
.just-sidemenu .toggle_white.sidemenu_btn > span,
.nav-gradient .sidemenu_btn > span,
.nav-gradient.fixedmenu .sidemenu_btn > span { 
   background: #fff;
}
.fixedmenu .sidemenu_btn > span{
   background: #384141;
}
.sidemenu_btn > span:nth-child(2) {
   margin: 4px 0;
}

.side-menu .inner-wrapper {
   padding: 3.5rem 4rem;
   height: 100%;
   position: relative;
   overflow-y: auto;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: left;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.pul-menu.pushwrap .side-menu .inner-wrapper{
   padding: 3.5rem 2.5rem;
}
.side-menu .side-nav {
   margin-bottom: 30px;
   display: block;
}
.side-nav .dropdown-menu {
    position: relative !important;
    margin-top: -30px;
    margin-bottom: 25px;
   background: #fff;
}
.side-nav .navbar-nav .nav-item{
   display: block;
   margin: 10px 0; padding: 0 !important;
   opacity: 0;
   -webkit-transition: all 0.8s ease 500ms;
   -o-transition: all 0.8s ease 500ms;
   transition: all 0.8s ease 500ms;
   
   -webkit-transform: translateY(30px);
   -ms-transform: translateY(30px);
   -o-transform: translateY(30px);
   transform: translateY(30px);
}
.side-nav .navbar-nav .nav-item:first-child {
   -webkit-transition-delay: .1s;
   -o-transition-delay: .1s;
   transition-delay: .1s;
}
.side-nav .navbar-nav .nav-item:nth-child(2){
   -webkit-transition-delay: .2s;
   -o-transition-delay: .2s;
   transition-delay: .2s;
}
.side-nav .navbar-nav .nav-item:nth-child(3) {
   -webkit-transition-delay: .3s;
   -o-transition-delay: .3s;
   transition-delay: .3s; 
}
.side-nav .navbar-nav .nav-item:nth-child(4) {
   -webkit-transition-delay: .4s;
   -o-transition-delay: .4s;
   transition-delay: .4s;
}
.side-nav .navbar-nav .nav-item:nth-child(5) {
   -webkit-transition-delay: .5s;
   -o-transition-delay: .5s;
   transition-delay: .5s;
}
.side-nav .navbar-nav .nav-item:nth-child(6) {
   -webkit-transition-delay: .6s;
   -o-transition-delay: .6s;
   transition-delay: .6s;
}
.side-nav .navbar-nav .nav-item:nth-child(7) {
   -webkit-transition-delay: .7s;
   -o-transition-delay: .7s;
   transition-delay: .7s;
}
.side-nav .navbar-nav .nav-item:nth-child(8) {
   -webkit-transition-delay: .8s;
   -o-transition-delay: .8s;
   transition-delay: .8s;
}
.side-nav .navbar-nav .nav-item:nth-child(9) {
   -webkit-transition-delay: .9s;
   -o-transition-delay: .9s;
   transition-delay: .9s;
}
.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
   opacity: 1;
}
.side-nav .navbar-nav .nav-link {
	display: inline-table;
	color: #384141; 
	padding: 2px 0 3px 0 !important;
	font-size: 1.5rem;
	font-weight: 300;
	line-height: normal;
	position: relative;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.side-nav .navbar-nav .nav-link > span {
    width: 30px;
    margin-right: 5px;
    font-size: 96%;
}
.side-nav .navbar-nav .nav-item:nth-child(1) .nav-link > span {
   color: #ffcf06;
}
.side-nav .navbar-nav .nav-item:nth-child(2) .nav-link > span {
   color: #b2cb20;
}
.side-nav .navbar-nav .nav-item:nth-child(3) .nav-link > span {
   color: #e84455;
}
.side-nav .navbar-nav .nav-item:nth-child(4) .nav-link > span {
   color: #62bddc;
}
.side-nav .navbar-nav .nav-item:nth-child(5) .nav-link > span {
   color: #ee766d;
}
.side-nav .navbar-nav .nav-item:nth-child(6) .nav-link > span {
   color: #cfe166; 
}
.side-nav .navbar-nav .nav-item:nth-child(7) .nav-link > span {
   color: #d46408;
}
.side-nav .navbar-nav .nav-item:nth-child(8) .nav-link > span {
   color: #8b9f19;
} 
.side-nav .navbar-nav .nav-link.active {
   background: transparent;  
}
.side-nav .navbar-nav .nav-link:hover > span,
.side-nav .navbar-nav .nav-link:focus > span {
   color: #384141 !important;
}
.side-nav .navbar-nav .nav-item:nth-child(1) .nav-link:hover,
.side-nav .navbar-nav .nav-item:nth-child(1) .nav-link:focus {
   color: #ffcf06;
}
.side-nav .navbar-nav .nav-item:nth-child(2) .nav-link:hover,
.side-nav .navbar-nav .nav-item:nth-child(2) .nav-link:focus {
   color: #b2cb20;
}
.side-nav .navbar-nav .nav-item:nth-child(3) .nav-link:hover,
.side-nav .navbar-nav .nav-item:nth-child(3) .nav-link:focus {
   color: #e84455;
}
.side-nav .navbar-nav .nav-item:nth-child(4) .nav-link:hover,
.side-nav .navbar-nav .nav-item:nth-child(4) .nav-link:focus {
   color: #62bddc;
}
.side-nav .navbar-nav .nav-item:nth-child(5) .nav-link:hover,
.side-nav .navbar-nav .nav-item:nth-child(5) .nav-link:focus {
   color: #ee766d;
}
.side-nav .navbar-nav .nav-item:nth-child(6) .nav-link:hover,
.side-nav .navbar-nav .nav-item:nth-child(6) .nav-link:focus {
   color: #cfe166; 
}
.side-nav .navbar-nav .nav-item:nth-child(7) .nav-link:hover,
.side-nav .navbar-nav .nav-item:nth-child(7) .nav-link:focus {
   color: #d46408;
}
.side-nav .navbar-nav .nav-item:nth-child(8) .nav-link:hover,
.side-nav .navbar-nav .nav-item:nth-child(8) .nav-link:focus {
   color: #8b9f19;
} 

.side-menu p{
   font-size: 13px;
   margin-top: .5rem;
   margin-bottom: 0;
}

/*Header Social Icons*/
.navbar .social-icons li a {
   height: 28px; width: 28px;
   line-height: 28px;
   font-size: 14px;
}
.side-menu .social-icons-simple li {
   display: inline-block;
}
.side-menu .social-icons-simple li a {
	color: #384141;
	font-size: 1.125rem;
	margin-right: 8px;
}
.side-menu .social-icons-simple li a:hover,
.side-menu .social-icons-simple li a:focus {
   color: #ffcf06;
}

/*wrapper on opened sidebar*/
.wrapper {
   padding-left: 290px;
}
.wrapper .full-screen {
   width: 100% !important;
}


@media (max-width: 1266px) {
   .side-menu .inner-wrapper {
      padding: 3.3rem 3rem;
   }
   .side-nav .navbar-nav .nav-link {
      font-size: 1.3rem;
   }
}
@media (min-width: 993px) and (max-width: 1200px) {
   .navbar-nav .nav-item {
      margin: 0 0.875rem
   }
   .nav-social {
      margin-right: 22px;
   }
   .side-menu .inner-wrapper {
      padding: 3.2rem 2.75rem;
   }
   .sidemenu_btn {
      position: relative;
      right: 0;
   }
}

@media (max-width: 767px) {
   .banner h1::before, .content::after, .content::before, footer::after, footer::before {
       display:none;
   }
   .hero-section1 .about .read-more a {
    display: block !important; 
    text-align:center;
    margin:10px 0 !important;
}
.counter .col-md-3
{
    width:50% !important;
    
}
.counter-box h2 {
    font-size: 30px !important;
}
.counter-box p {
    font-size: 11px !important;
}
.counter-box {
    padding: 10px 5px 10px !important;
    margin:10px 0;
}
.contact-details h5 {
    font-size: 15px !important;
}
.contact-page h1 {
    font-size: 25px !important;
}
.video-text h2
{
    color:white;
    font-size: 18px !important;
}
.call-us
{
    margin-top:20px;
}
.call-us i {
    font-size: 40px !important;
}
.video-text {
    margin-bottom: 10px !important;
}
.booking-form {
     margin: 10px 0 !important; 
}
   .text-banner {
    padding: 10px !important;
}
.banner h1 {
    font-size: 24px !important;
    margin: 30px 0 0;
    padding: 0 10px 15px !important;
    position: relative;
    color: #fff;
}
.get-btn {
    color: #ffffff!important;
    border: 2px solid #000000;
    border-radius: 0px;
    font-size: 12px !important;
    font-weight: 700!important;
    background-color: #000000;
    padding: 15px 10px !important;
    line-height: 1.7em!important;
}
.get-btn1 {
    color: #fff!important;
    border: 2px solid #fff;
    border-radius: 0px;
    margin-left: 8px !important;
    font-size: 12px !important;
    font-weight: 700!important;
    background-color: transparent;
    padding: 15px 10px !important;
    line-height: 1.7em!important;
}
}
@media (max-width: 992px) {
   .transparent-bg, .center-brand {
      background: rgba(0,0,0,.5);
   }
   .transparent-bg-dark {
      background: rgba(255,255,255,.5);
   }
   .transparent-bg.fixedmenu,
   .center-brand.fixedmenu,
   transparent-bg-dark.fixedmenu {
      background: #fff;
   }
   .boxed-nav .container {
      padding-left: 15px;
   }
   .center-brand {
      padding-top: 0;
      padding-bottom: 0;
   }
   .center-brand .navbar-brand {
      position: relative;
      top: auto;
      margin: 16px 0;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
   }
   .navbar-nav .nav-item {
       margin: 4px 0;
   }
   .navbar-nav .nav-link {
      padding: 4px 0 !important;
   }
   .nav-social {
      display: none;
   }
   .side-menu .inner-wrapper {
      padding: 3rem 2.5rem;
   }
}

   
@media (max-width: 720px) {
   .side-menu .inner-wrapper {
      padding: 2.5rem 1.5rem;
   }
   .side-menu .navbar-brand {
      width: 110px;
   }
   .side-nav .navbar-nav .nav-item {
      margin: 7px 0;
   }
   .side-nav .navbar-nav .nav-link {
      font-size: 1rem;
   }
   .side-nav .navbar-nav .nav-link > span {
      font-size: 80%;
   }
}
   @media (max-width: 580px) {
      .side-nav .navbar-nav .nav-link > span {
         display: none;
      }
   }



/* ---------- Revolution Slider ---------- */
.tp-caption {
   padding-left: 15px;
   padding-right: 15px;
}

/*arrows Slider*/
.tparrows {
   background: #e84455;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   transition: all .5s ease;
}
.tparrows.tp-leftarrow:before {
   content: "\f104";
   font-family: 'FontAwesome';
}
.tparrows.tp-rightarrow:before {
   content: "\f105";
   font-family: 'FontAwesome';
}
.tp-leftarrow, .tp-rightarrow {
   margin: 5px;
   font-size: 24px;
}
.tparrows.tp-leftarrow:hover,
.tparrows.tp-rightarrow:hover,
.tparrows.tp-leftarrow:focus,
.tparrows.tp-rightarrow:focus {
   background: #ffcf06;
}

/*thums arrows*/
.zeus.tparrows {
    cursor: pointer;
    min-width: 70px;
    min-height: 70px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 35px;
    overflow: hidden;
    background: rgba(0,0,0,0.10);
}
.zeus .tp-title-wrap {
    background: #000;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    border-radius: 50%;
}
.zeus.tparrows:hover .tp-title-wrap {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}
.zeus .tp-arr-imgholder {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.zeus.tparrows:hover .tp-arr-imgholder {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}
.zeus.tparrows:before {
    font-family:'FontAwesome';
    font-size: 20px;
    color: #fff;
    display: block;
    line-height: 70px;
    text-align: center;
    z-index: 2;
    position: relative;
}


/*bullets*/
.tp-bullet, .tp-bullet::after  {
   -webkit-transition: all .5s ease-in;
   -o-transition: all .5s ease-in;
   transition: all .5s ease-in;
}
.tp-bullet {
   height: 12px;
   width: 12px;
   margin: 2px 3px;
   border: 1px solid #ffcf06;
   display: inline-block;
   -webkit-border-radius: 50%;
   border-radius: 50%;
}
.tp-bullet,
.tp-bullet:hover,
.tp-bullet:focus {
   background: transparent;
}
.tp-bullet::after {
   background-color: #ffcf06;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0;
   position: absolute;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
   visibility: hidden;
   width: 100%;
}
.tp-bullet.selected::after,
.tp-bullet:hover:after {
   opacity: 1;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   visibility: visible;
}
.hades .tp-thumb {
	opacity: 1;
}
.hades .tp-thumb-img-wrap {
	border-radius: 50%;
	padding: 3px;
	display: inline-block;
	background: #ffcf06;
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0px;
	box-sizing: border-box;
	transition: all 0.3s ease;
}
.hades .tp-thumb-image {
	padding: 3px;
	border-radius: 50%;
	display: block;
	box-sizing: border-box;
	position: relative;
	-webkit-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
	box-shadow: inset 5px 5px 10px 0px rgba(0,0,0,0.25);
}
.tp-thumb.selected .tp-thumb-img-wrap, 
.tp-thumb:hover  .tp-thumb-img-wrap{
   background: #b2cb20;
}




/* ----- Feature & Services ----- */

/*features*/
.icon_box, .icon_box i {
   -webkit-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease  ;
}
.icon_box {
height:380px;
    box-shadow: 0px 0px 56px 6px rgba(0,0,0,0.16);
   padding: 25px 15px;
   position: relative;
}
.icon_box .no_bottom
{
    text-align:justify;
}
.work-section ul
{
    list-style-type:disc;
}
.icon_box.whitebg {
   background: #fff;
   padding: 2.75rem 15px;
}
.offer-section p
{
    text-align:justify;
}

@media only screen and (min-width: 767px) {
  .offer-section {
    height:405px;
  }
  .banner
  {
      padding: 50px 100px;
  }
  .choose-box
  {
       height:175px;
  }
   .video-section .video-text h2 {
    font-size: 35px;
    color: #ffffff;
    margin-bottom: 16px;
}
}

.icon_box:hover {
   cursor: pointer;
   background: #ffcf06;
   border-radius: 5px;
}
.icon_box i {
   display: inline-block;
   font-size: 60px;
   color: #b2cb20;
   position: relative;
}
.icon_wraper [class^="col"]:nth-child(2n) .icon_box i {
   color: #ffcf06;
}
.icon_wraper [class^="col"]:nth-child(3n) .icon_box i {
   color: #e84455;
}
.icon_wraper [class^="col"]:nth-child(4) .icon_box i {
   color: #e84455; 
}
.icon_wraper [class^="col"]:nth-child(5) .icon_box i {
   color: #b2cb20;
}
.icon_wraper [class^="col"]:nth-child(6) .icon_box i {
   color: #ffcf06;
} 
.icon_box:hover, .icon_box:hover * {
   color: #fff !important;
}
.services-box:hover h3 > a {
   color: #ffcf06;
}


/*Bullets*/
ul.bullet-list > li + li {
   margin: 10px 0;
}
ul.bullet-list li::before {
   content: "";
   height: 10px;
   width: 10px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   border: #ffcf06 2px solid;
   margin-right: 10px;
   vertical-align: middle;
   display: inline-block;
}

/*Rating*/
.reviews-rating p > i {
   color: #ddb204;
   font-size: 20px;
}
.reviews-rating p > strong {
   font-weight: bold;
   display: block;
   font-size: 2.5rem;
   line-height: 1;
}
.rating-progress span {
   display: block;
   margin-bottom: 5px;
}
.rating-progress .progress {
   margin-bottom: 10px;
}

/*Service Slider*/
#services-slider .service-box,
#services-slider .service-box > span {
   -webkit-transition: all .5s ease .1s;
   -o-transition: all .5s ease .1s;
   transition: all .5s ease .1s;
}
#services-slider {
	margin: -140px 0 0;
   min-height: 350px;
   position: relative;
   z-index: 21;
}
#services-slider.owl-carousel .owl-stage-outer{
   padding-top: 25px;
   padding-bottom: 25px;
}
#services-slider .service-box {
   position: relative;
   padding: 3rem 1rem;
   background: #e84455;
   color: #fff;
   text-align: center;
   z-index: 2;
   overflow: hidden;
}
#services-slider .service-box > span {
	display: inline-block;
	font-size: 32px;
	height: 50px;
	width: 50px;
	overflow: hidden;
}
#services-slider .service-box h4{
   font-weight: bold;
}
#services-slider .service-box:hover span {
   font-size: 38px;
}
#services-slider .service-box:hover a{
   color: #fff;
}

#services-slider .owl-item:nth-of-type(3n+1) .service-box {
   background: #e84455;
}
#services-slider .owl-item:nth-of-type(3n+3) .service-box {
   background: #ffcf06;
}
#services-slider .owl-item.center .service-box {
   background: #b2cb20;
   padding: 4.5rem 1rem;
   margin-top: -25px;
}
#services-slider .service-box:hover,
#services-slider .owl-item:nth-of-type(3n+1) .service-box:hover, 
#services-slider .owl-item:nth-of-type(3n+3) .service-box:hover,
#services-slider .owl-item.center .service-box:hover {
   background: #384141;
}

@media screen and (max-width: 768px) {
   #services-slider {
      margin: -70px 0 0;
   }
}


/* ----- Feature & Services ends ----- */


/* ----- Counters ----- */
#bg-counters {
   background: url(../images/counter.jpg) no-repeat;
  
   background-position: center center;
   -webkit-background-size: cover;
   background-size: cover;
   width: 100%;
}
.number-counters .counters-item {
   margin: 30px 0;
   text-align: center;
}
.number-counters .counters-item i {
   color: #ffcf06;
   display: block;
   font-size: 50px;
   margin-bottom: 10px;
}
.number-counters .counters-item:nth-child(2) i {
   color: #b2cb20;
}
.number-counters .counters-item:nth-child(3) i {
   color: #e84455;
}
.number-counters .counters-item:nth-child(4) i {
   color: #e16a08;
} 
.number-counters .counters-item strong {
   display: block;
   font-size: 3rem;
   line-height: normal;
   margin-bottom: 15px;
}
.number-counters .counters-item p {
   font-size: 1.125rem;
}
#counter .number-counters .counters-item {
   margin-bottom: 0;
}

/* ----- Counters ends ----- */


/* ----- Testimonials ----- */
.testimonial-wrapp,
.testimonial-wrapp .testimonial-text,
.testimonial-wrapp .testimonial-photo,
.testimonial-wrapp .quoted,
.testimonial-quote {
   position: relative;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in;
}
.testimonial-wrapp,
.testimonial-wrapp .testimonial-text {
   text-align: center;
}
.testimonial-wrapp .quoted,
.testimonial-wrapp .testimonial-photo {
   display: inline-block;
}
.testimonial-wrapp .quoted {
   background: #ffcf06;
   color: #fff;
   font-size: 20px;
   line-height: 50px;
   height: 50px;
   width: 50px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   -webkit-transform: translateY(50%);
   -ms-transform: translateY(50%);
   -o-transform: translateY(50%);
   transform: translateY(50%);
   z-index: 1;
}
.testimonial-wrapp .testimonial-text {
   background: #fff;
   padding: 4.25rem 2.5rem;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   border: 1px solid #f1f1f1;
}
#testimonial-grid .testimonial-wrapp .testimonial-text {
   padding: 3rem .75rem;
}
.testimonial-wrapp .testimonial-photo {
   height: 100px;
   width: 100px;
   margin-top: -50px;
}
.testimonial-wrapp .testimonial-photo,
.testimonial-wrapp .testimonial-photo > img {
   -webkit-border-radius: 50%;
   border-radius: 50%;
}
#testimonial-slider .owl-item:nth-child(2n) .testimonial-wrapp .quoted,
#testimonial-grid .cbp-item:nth-child(2n) .testimonial-wrapp .quoted,
#testimonial-slider .owl-item:nth-child(2n) .testimonial-wrapp:hover .testimonial-text,
#testimonial-grid .cbp-item:nth-child(2n) .testimonial-wrapp:hover .testimonial-text {
   background: #b2cb20;
}
#testimonial-slider .owl-item:nth-child(3n) .testimonial-wrapp .quoted,
#testimonial-grid .cbp-item:nth-child(3n) .testimonial-wrapp .quoted,
#testimonial-slider .owl-item:nth-child(3n) .testimonial-wrapp:hover .testimonial-text,
#testimonial-grid .cbp-item:nth-child(3n) .testimonial-wrapp:hover .testimonial-text {
   background: #e84455;
}
.testimonial-wrapp:hover .testimonial-text,
.testimonial-wrapp:hover .quoted{
   background: #ffcf06;
   color: #fff;
}

/* ----- Testimonials ends ----- */



/* ----- Blog & News ----- */
.news_box,
.webcats li a > span,
ul.links li a::before {
   -webkit-transition: all .5s ease-in;
   -o-transition: all .5s ease-in;
   transition: all .5s ease-in;
}
#blog .blog-item {
   border-bottom: 1px solid #cccccc;
}
#blog .blog-item:last-child {
   border-bottom: none;
}

/*News box*/
.news_wrap .news_box {
   background: #fff;
   margin: -50px 10px 0 10px;
   padding: 20px 15px 0 15px;
   position: relative;
   z-index: 1;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}
.news_wrap .image {
   -webkit-border-radius: 5px;
   border-radius: 5px;
}
.news_box:hover h4 > a,
.news_box:focus h4 > a,
.blog-item:hover h3 > a,
.blog-item:focus h3 > a {
   color: #ffcf06;
}

/*Comments & Date*/
ul.social_icon li,
.webtags li,
.commment li {
   display: inline-block;
}
.commment li {
   margin-left: 10px;
}
.commment li:first-child {
   margin-left: 0;
}
.commment li:last-child {
   margin-right: 0;
}
.commment li a {
   display: block;
   color: #a5a5a5;
   font-size: 14px;
   
}
.commment li a > i {
   margin-right: 4px;
   vertical-align: middle;
   color: #b2cb20;
}
body:not(.rtl-layout) .news_wrap .news_box .commment,
body:not(.rtl-layout) .readmore{
   direction: ltr
}
.news_wrap .news_box .commment {
   margin: 20px 0;
}

/*Pagination*/
.pagination li > .page-link {
   height: 36px;
   width: 36px;
   padding: 0;
   line-height: 36px;
   font-size: 18px;
   color: #fff;
   text-align: center;
   margin: 0 4px;
   border: none;
   background: #ffcf06;
}
.pagination li > .page-link,
.pagination li:first-child .page-link,
.pagination li:last-child .page-link {
   -webkit-border-radius: 50% !important;
   border-radius: 50% !important;
}
.pagination li > .page-link:hover,
.pagination li > .page-link:focus {
   background: #b2cb20;
   color: #fff;
}
.pagination li.active > .page-link {
   background: #e84455;
}

/*Single Post*/
.single_post {
   overflow: hidden;
}
.single_post .post {
   height: 60px;
   width: 60px;
   padding-right: 10px;
}
.single_post .post,
.single_post .text {
   display: table-cell;
   vertical-align: middle;
}
.single_post .post > img {
   width: 100%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
}
.single_post .text > a {
   font-weight: 600;
}
.single_post:hover a,
.single_post:focus a {
   color: #ffcf06;
}

/*Tags*/
.webtags li {
   margin: 1px;
}
.webtags li a {
   -webkit-border-radius: 24px;
   border-radius: 24px;
   color: #6a6a6a;
   font-size: 12px;
   margin: 2px 0;
   padding: 5px 16px;
   border: 1px solid #c7c7c7;
   display: block;
}
.webtags li a:hover,
.webtags li a:focus {
   color: #fff;
   background: #ffcf06;
   border: 1px solid #ffcf06;
}

/*Category*/
.webcats li a {
   display: block;
   margin: 5px 0;
   font-weight: 600;
   padding-bottom: 7px;
   border-bottom: 1px solid #c7c7c7;
}
.webcats li a > span {
   display: inline-block;
   margin-left: 5px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   font-size: 12px;
   height: 24px;
   width: 24px;
   text-align: center;
   color: #c7c7c7;
   line-height: 24px;
   float: right;
}
.webcats li a:hover,
.webcats li a:focus {
   color: #ffcf06;
}
.webcats li:first-child a {
   margin-top: 0;
}
.webcats li:last-child a {
   margin-bottom: 0;
}
.webcats li a:hover > span,
.webcats li a:focus > span {
   background: #ffcf06;
   color: #fff;
}

/* useful links */
ul.links > li + li {
   margin-top: 10px; 
}
ul.links li a {
   color: #ffffff;
   display: inline-block;
   position: relative;
}
ul.links li a {
   font-size: 13px;
}
ul.links li a > i {
   display: inline-table;
   vertical-align: middle;
   width: 20px;
}
ul.links li a:hover,
ul.links li a:focus {
   color: #ffffff;
}

ul.links li a::before {
   background: #ffcf06;
   margin-right: 5px;
   content: "";
   display: inline-block;
   height: 5px; width: 0;
   vertical-align: middle;
   -webkit-border-radius: 50%;
   border-radius: 50%;
}

ul.links li a:hover::before {
   width: 5px;
}

.icons img
{
	width:80px;
}
.icons span
{
	padding:0 5px;
}

/*Form Search*/
.widget_search .input-group {
   width: 260px;
}
.widget_search .form-control {
   width: 214px;
   -webkit-border-bottom-left-radius: 20px;
   border-bottom-left-radius: 20px;
   -webkit-border-top-left-radius: 20px;
   border-top-left-radius: 20px;
}
.widget_search .form-control,
.widget_search .input-group-addon {
   border-color: #d6d5d5;
   -webkit-box-shadow: none;
   box-shadow: none;
   display: table-cell;
}
.widget_search .input-group-addon {
   height: 38px;
   background-color: #ffcf06;
   color: #fff;
   position: relative;
   top: 0;
   left: -5px;
   width: 40px;
   -webkit-border-top-right-radius: 20px;
   border-top-right-radius: 20px;
   -webkit-border-bottom-right-radius: 20px;
   border-bottom-right-radius: 20px;
}
.widget {
   /* -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); */
   /* box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); */
   padding: 0px 15px;
   background: #f6f6f6;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

/*Quotes*/
blockquote.blockquote {
   position: relative;
}
blockquote.blockquote::before {
   content: "\f10d";
   width: 40px;
   font-size: 28px;
   margin-right: 5px;
   color: #a1a1a1;
   font-family: "FontAwesome";
}

/*Profile Image*/
.profile_bg {
   background: #f2f2f2;
   -webkit-box-shadow: 0 0 2px #c8c8c8;
   box-shadow: 0 0 2px #c8c8c8;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   padding: 20px;
}
.profile_border {
   border-top: 1px solid #c8c8c8;
}
.profile_border:last-child {
   border-bottom: 1px solid #c8c8c8;
}
.profile {
   background: #fff;
   padding: 15px;
   display: table;
   -webkit-border-radius: 2px;
   border-radius: 2px;
}
.profile .p_pic,
.profile .profile_text {
   display: table-cell;
}
.profile .p_pic {
   width: 100px;
   height: 100px;
   padding-right: 15px;
}
.profile .p_pic img {
   width: 100%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
}
.profile_text {
   vertical-align: top;
   padding-right: 10px;
}
.profile_text h5 {
   margin-bottom: 8px;
}
.profile_text strong {
   color: #b2cb20;
   font-size: 14px;
}
.profile_text span {
   color: #5b5b5b;
   font-size: 13px;
}

/*post shares*/
.post-shareit {
	border-bottom: 1px solid #d2d1d1;
	padding: 0 0 10px 0;
}

/* ----- Blog & News ends ----- */



#text_rotator_parent {
   background: url(../images/text-rotator.jpg) no-repeat;
   width: 100%;
   background-position: center center;
   -webkit-background-size: cover;
   background-size: cover;
}

.rotate_caption {
   padding: 10% 1%;
}

#text_rotator h1,
#text_rotator p {
   color: #fff;
}

#text_rotator p {
   margin: 10px 0 0 0;
   font-size: 18px;
}

#text_rotator a {
   margin: 30px 3px 5px 3px;
}

/* ---------- OWL Slider ends ---------- */

/* ----- ABout US ----- */
.history-media {
   position: relative;
   -webkit-transition: all .5s ease-in;
   -o-transition: all .5s ease-in;
   transition: all .5s ease-in;
}
.history-media .d-table-cell {
   vertical-align: middle;
}
.history-media .d-table-cell:last-child {
   padding-left: 15px;
}
.history-media:hover {
   background: #fff;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

/*two equal blocks*/
.split-box .heading-title {
   padding-left: 2rem;
   padding-right: 2rem;
}
@media (max-width: 1480px) {
   .split-box .padding {
      padding: 6.5rem 2rem;
   }
}
@media (max-width: 1366px) {
   .split-box .padding {
      padding: 5.5rem 1.75rem;
   }
}
@media (min-width: 768px) and  (max-width: 1024px) {
   .split-box .padding {
      padding: 3rem 1rem;
   }
} 
@media (max-width: 992px) {
   .split-box {
      padding-left: 15px;
      padding-right: 15px;
   }
}

/* ----- ABout US ----- */


/* ----- Paralax bg  ----- */
#parallax-bg {
   background: url(../images/parallax2.jpg) no-repeat;
   padding: 10% 0;
}
#parallax-bg.parallax-one {
   background: url(../images/parallax1.jpg) no-repeat;
}
.banner-fullscreen {
   background: url(../images/banner-flat.jpg) no-repeat;  
}
#simple-banner {
   background: url(../images/counter.jpg) no-repeat;
}
#fading-banner {
   background: url(../images/bg-single-3.jpg) no-repeat;
}
#fading-banner.fading-banner-one {
   background: url(../images/fadding-banner-1.jpg) no-repeat;
}
.bg-crypto {
   background: url(../images/bg-crypto.jpg) no-repeat;
}
#parallax-bg,
#parallax-bg.parallax-one,
.banner-fullscreen,
#simple-banner,
#fading-banner,
.bg-crypto {
   -webkit-background-size: cover;
   background-size: cover;
   width: 100%;
   background-attachment: fixed;
   background-position: center center;
}
#parallax-bg h1 {
   font-size: 3rem;
}

#particles-js {
   height: 100%;
   overflow: hidden;
   position: absolute;
   top: 0;
   width: 100%;
   opacity: .5;
}

/*Single Porfolio parallax*/
.item-one {
   background: url(../images/bg-single-1.jpg) no-repeat;
}
.item-two {
   background: url(../images/bg-single-2.jpg) no-repeat;
}
.item-three {
   background: url(../images/bg-single-3.jpg) no-repeat;
}
.item-four {
   background: url(../images/bg-single-4.jpg) no-repeat;
}
.item-five {
   background: url(../images/bg-single-5.jpg) no-repeat;
}
.item-six {
   background: url(../images/bg-single-6.jpg) no-repeat;
}
.item-seven {
   background: url(../images/bg-single-7.jpg) no-repeat;
}
.item-eight {
   background: url(../images/bg-single-8.jpg) no-repeat;
}
.item-nine {
   background: url(../images/bg-single-9.jpg) no-repeat;
}
.onepage-one {
   background: url(../images/bg-single-7.jpg) no-repeat;
}
.onepage-seven {
   background: url(../images/bg-single-1.jpg) no-repeat;
}
.single-items {
   background-attachment: fixed;
   background-position: center center;
   -webkit-background-size: cover;
   background-size: cover;
   position: relative;
   width: 100%;
}

/*Morphext*/
.morphext > .animated {
    display: inline-block;
}

.btc-calcus {
   background: #fff;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   padding: 2.5rem 1rem;
}
.btc-calcus .cal-convertor .ccc-widget.ccc-converter > div:first-child {
	border: none !important;
	padding: 0px !important;
	background: none !important;
}
.convertForm label.priceLabel {
	font-weight: 300;
   padding-bottom: 0;
}
.convertForm label.priceLabel,
.convertForm  .fromSymbolLabel,
.convertForm .styledSelect {
   font-size: 14px;
   color: #212331 !important;
}
.convertForm  .fromSymbolLabel {
	line-height: 44px;
	border: 1px solid #00bcd4;
    background: #00bcd4;
	-webkit-border-top-right-radius: 20px;
	border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.convertForm input.priceInput {
	font-family: 'Open Sans', sans-serif;
	height: 45px;
	-webkit-border-top-left-radius: 20px !important;
	border-top-left-radius: 20px !important;
	-webkit-border-bottom-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
}
.convertForm .styledSelect {
	-webkit-border-top-right-radius: 20px;
	border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	border-bottom-right-radius: 20px;
	height: 45px;
}
.convertForm .poweredByWrapper {
   display: none;
}
.section-converter-ccc {
    margin-bottom: 20px;
}

@media (max-width:768px) and (orientation: landscape) { 
   .crypto-banner h2 {
      display: none;
   }
   .crypto-banner h3 {
      margin-bottom: 5px;
   }
   .btc-calcus {
       padding: 1.5rem 1rem;
   }
}

@media (max-width:768px) {
   .crypto-banner h2 {
      font-size: 2rem;
   }
   .btc-calcus {
      margin-top: 15px;
      padding: 1.5rem 1rem;
   }
   .btc-calcus h3 {
      font-size: 1.5rem;
   }
   .convertForm  .fromSymbolLabel,
   .convertForm  .fromSymbolLabel{
      line-height: 34px;
   }
   .convertForm input.priceInput,
   .convertForm .styledSelect{
      height: 35px; 
   }
   .section-converter-ccc {
       margin-bottom: 10px;
   }
}

/* ----- Paralax bg ends  ----- */

/**------ Page Header -------**/
.page_header {
   background: url(../images/page-tittle.jpg) no-repeat;
}
.page_shop_header {
    background: url(../images/page-tittle-1.jpg) no-repeat;
}
.page_header {
   -webkit-background-size: cover;
   background-size: cover;
   width: 100%;
   background-position: center center;
   position: relative;
}
.page_header .page-content {
   position: relative;
}
.page_header .page-content h1 {
  color: #000000;
    font-weight: 800;
    font-size: 50px;
      line-height: 64px;
      margin-bottom:15px;
}
a.btn.btn-success.wow.fadeInLeft.animated {
background-color: #7d0003;
    border-color: #7d0003;
   font-weight: bold;
    letter-spacing: 1px;
}
a.btn.btn-success.wow.fadeInLeft.animated:hover {
background-color: transparent;
    border-color: #198be0;
    color:#198be0
 
}
a.btn.btn-info.wow.fadeInRight.animated
{
  background-color: #198be0;
    border-color: #198be0;
   font-weight: bold;
    letter-spacing: 1px;  
}
a.btn.btn-info.wow.fadeInRight.animated:hover
{
  background-color: transparent;
    border-color: #7d0003;
 color:#7d0003  
}
.page_header .page-content h4 {
    font-size: 24px;
    margin-top: 30px;
    line-height: 36px;
}
.page_header .page-content a{
  font-size:22px;
  font-weight:600px
  color:white;
  padding:11px 34px;
  margin-top:20px;
}
.page_header .page-content .page_nav {
   background: #fff;
   -webkit-border-top-left-radius: 4px;
   border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   border-top-right-radius: 4px;
   padding: 18px 40px 10px;
   display: inline-block;
   margin-top: 80px;
   color: #7f7f7f;
   font-size: 0.875rem;
   float: right;
   margin-bottom: -2px;
}
.page_header .page-content .page_nav a {
   display: inline-block;
   margin: 0 10px;
   color: #0b0b0b;
}
.page_header .page-content .page_nav span i {
   margin-right: 5px;
}
@media (max-width:992px) {
   .page_header .page-content .page_nav {
      padding: 18px 30px 10px;
   }
}

@media (max-width:768px) {
   .page_header .page-content .page_nav {
      padding: 18px 16px 10px;
      float: none;
      width: 100%;
   }
}

/**-------Page Header ends------**/


/*------ FAQ's ------ */
.faq_content .items > li > a {
   background: #fff;
   color: #384141;
   display: block;
   margin-bottom: 10px;
   padding: 15px 10px 15px 55px;
   position: relative;
   border: 1px solid #d5d5d5;
}
.faq_content .items > li > a:hover,
.faq_content .items > li > a.expanded {
   background: #ffcf06;
   color: #fff;
}
.faq_content .items > li > a:after {
   background: #fff;
   content: "\f105";
   display: inline-block;
   font-family: "FontAwesome";
   font-size: 20px;
   height: 100%;
   left: 0;
   line-height: 30px;
   padding: 10px;
   position: absolute;
   text-align: center;
   top: 0;
   width: 40px;
   border-right: 1px solid #d5d5d5;
}
.faq_content .items > li > a.expanded:after,
.faq_content .items > li > a:hover::after {
   background: #b2cb20;
   border-color: #b2cb20;
}
.faq_content .sub-items {
   display: none;
   padding: 20px 15px;
   border: 1px solid #d5d5d5;
   border-top: none;
   margin-bottom: 10px;
}
.faq_content .sub-items p {
   margin: 0;
}
faq_content .tab_drawer_heading:after {
   content: "\f107";
   display: inline-block;
   right: 20px;
   position: absolute;
   font-family: 'FontAwesome';
}
.faq_content .items > li > a.expanded {
   margin-bottom: 0;
}
.faq_content .items > li > a.expanded:after .faq_content .tab_drawer_heading.d_active:after {
   content: "\f106";
}

/* ------ FAQ's ------ */




/* ------- 404 ------ */
#error .error {
   position: relative;
}
#error .error h1 {
   position: relative;
   color: #ebebeb;
   font-size: 9.375rem;
}
#error .error h2 {
   font-size: 3.125rem;
   left: 50%;
   top: 50%;
   position: absolute;
   -ms-transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

/* ------- 404 ------ */

/*-------------------------------*/
    /* Partner/ Logo's*/
/*-------------------------------*/
#partners-slider .item {
	text-align: center;
}
#partners-slider .item, 
#partners-slider .logo-item {
   position: relative;
}
#partners-slider .logo-item {
	width: 160px;
    height: 60px;
	overflow: hidden;
}
#partners-slider .logo-item, #partners-slider  .logo-item > img{
   display: inline-block;
}
.logo-item > img {
	width: 98%;
   position: absolute;
   top: 50%; left: 50%;
   -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   cursor: pointer;
}

/*-------------------------------*/
    /* Partner/ Logo's ends*/
/*-------------------------------*/

/* ----- Contact Us ----- */
.contact-table {
   overflow: hidden;
}
.contact-table .cells {
   vertical-align: top;
}
.contact-table .icon-cell {
   display: inline-block;
   background: #ffcf06;
   color: #fff;
   height: 40px;
   width: 40px;
   text-align: center;
   font-size: 18px;
   line-height: 40px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   margin-right: 10px;
   -webkit-transition: all .5s ease-in;
   -o-transition: all .5s ease-in;
   transition: all .5s ease-in;
}
.contact_address .contact-table:first-child .icon-cell,
.contact_address .contact-table.colorone .icon-cell {
   background: #ffcf06;
}
.contact_address .contact-table:nth-child(2) .icon-cell,
.contact_address .contact-table.colortwo .icon-cell {
   background: #b2cb20;
}
.contact_address .contact-table:nth-child(3) .icon-cell,
.contact_address .contact-table.colorthree .icon-cell {
   background: #e84455;
}
.contact_address .contact-table:nth-child(4) .icon-cell,
.contact_address .contact-table.colorfour .icon-cell {
   background: #d46408;
}

::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
   color: #b5b5b5;
}
:-moz-placeholder,
.form-control:-moz-placeholder {
   color: #b5b5b5;
}
::-moz-placeholder,
.form-control::-moz-placeholder {
   color: #b5b5b5;
}
:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
   color: #b5b5b5;
}
textarea::-webkit-input-placeholder {
   color: #b5b5b5;
   opacity: 1;
}
textarea:-moz-placeholder {
   color: #b5b5b5;
   opacity: 1;
}
textarea::-moz-placeholder {
   color: #b5b5b5;
   opacity: 1;
}
textarea:-ms-input-placeholder {
   color: #b5b5b5;
   opacity: 1;
}
textarea {
   resize: none;
}

label {
   font-weight: normal;
   margin: 0;
}

button {
   border: none;
   cursor: pointer;
}
button:focus,
textarea:focus {
    outline: none;
    outline: 0;
}
form.findus .form-control {
   height: 48px;
   width: 100%;
   -webkit-box-shadow: none;
   box-shadow: none;
}
form.findus:not(.form-inline) .form-group {
	width: 100%;
}
form.findus .form-control,
form.findus textarea {
   padding: 12px 0;
   margin-bottom: 30px;
   font-size: 14px;
   border: none;
   border-bottom: 1px solid #a5a5a5;
   -webkit-border-radius: 0;
   border-radius: 0;
   position: relative;
   -webkit-transition: border .9s ease;
   -o-transition: border .9s ease;
   transition: border .9s ease;
}
form.findus textarea {
   width: 100%;
   min-height: 160px;
}
.form-control {
   -webkit-box-shadow: 0 0;
   box-shadow: 0 0;
}
.form-control:focus,
textarea:focus {
   border-color: #ffcf06;
   -webkit-box-shadow: 0 0;
   box-shadow: 0 0;
}
form.findus .select {
   border: none;
   border-bottom: 1px solid #d1d1d1;
   position: relative;
}
form.findus select {
   height: 100%;
   border: 0;
   width: 100%;
   color: inherit;
   opacity: .6;
   position: absolute;
   left: 0;
   top: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   padding: 12px 15px;
   -webkit-border-radius: inherit;
   border-radius: inherit;
}
form.findus .select:after {
   content: "\f107";
   font-family: FontAwesome;
   color: inherit;
   font-size: 16px;
   padding: 9px 8px;
   padding-right: 0;
   position: absolute;
   right: 0;
   top: 0;
   background: transparent;
   z-index: 1;
   text-align: center;
   width: 10%;
   height: 100%;
   pointer-events: none;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


/*Map*/
#map-container {
   width: 100%;
   height: 400px;
}
p.logomap {
   font-weight: 500;
}
/* ----- Contact Us ends ----- */


/* --------------- FOOTER ---------------*/
footer {
   background: #384141;
}
.footer_panel .divider-left {
   background: #fff;
}
footer, footer p {
   color: #fff;
   margin-bottom: 5px;
}
footer .footer_panel h3 {
   display: block;
}
footer .footer_panel .footer_logo {
   display: inline-block;
}
.footer_logo > img {
   width: 160px; 
}
footer .footer_panel p.address,
.services p.address {
   margin-left: 25px;
   margin-bottom: 10px;
}
footer .footer_panel p.address a:hover {
   color: #b2cb20;
}
footer .footer_panel p.address > i,
.services p.address > i {
   display: inline-block;
   font-size: 15px;
   margin-left: -25px;
   vertical-align: middle;
   width: 25px;
}


.copyright {
    width: 100%;
    padding: 8px 0;
    background: #ffddde;
    color: #000;
}
.copyright p {
   margin: 0;
   font-size: 0.875rem;
   line-height: normal;
}
.copyright p > a:hover {
   color: #ffcf06;

}




@media (max-width:1200px) {
   html {
      font-size: 15px;
   }
   h1,
   #parallax-bg h1 {
      font-size: 2.56rem;
   }
   h2 {
      font-size: 2.45rem;
   }
   h3 {
      font-size: 1.65rem;
   }
   h4 {
      font-size: 1.15rem;
   }
}
@media (min-width:536px) and (max-width:1024px) {
   ul.social_icon li a {
      font-size: 14px;
      height: 30px;
      line-height: 28px;
      width: 30px;
   }
   p {
      font-size: 13px;
   }
}

@media (max-width:992px) {
   html {
      font-size: 14px;
   }
   h1,
   #parallax-bg h1 {
      font-size: 2.75rem;
   }
   h2 {
      font-size: 2.3rem;
   }
   h3 {
      font-size: 1.4rem;
   }
   h4 {
      font-size: 1.125rem;
   }
}
@media screen and (max-width: 991px) {
   #shop .findus .form-group {
      width: 100%;
   }
   .apply_coupon .coupon a {
      width: 49.6%;
   }
   #shop .findus .btn_common,
   .findus .form-group {
      width: 100%;
   }
   #shop .findus .apply_coupon .btn_common {
      width: 100%
   }
   #shop .findus {
      margin: 0 !important;
   }
}

@media (max-width:768px) {
   .container {
      max-width: 98%;
   }
  
  .page_header .page-content h1 {
           font-size: 32px!important;
    text-align: center;
 line-height: 40px;
    margin-bottom: 30px;
   }
   .page_header .page-content h4 {
    font-size: 22px;
    text-align: center;
}
.agency-box {
   
    margin-top: 15px;
}
.second-abt {
    
    padding-bottom: 20px;
}
.clientele .col-sm-1
{
    width:40%
}
.clientele .col-sm-11
{
    width:60%
}
.partner-head h4
{
    margin-top:20px !important;
    font-size:18px!important;
}
.bcom-partner
{
    padding:2px 23px !important;
}
.second-abt .delhi {
  padding: 10px!important;
}
.second-abt .delhi p {
    font-size: 18px !important;
    margin-bottom: 40px  !important;
    margin-top: 40px  !important;
}
.second-abt .col-sm-5 img

{
    display:none !important;
}
.delhi p {

    font-size: 16px !important;
}
#about1 delhi
{
    margin-bottom:20px !important;
}
.packages-section [role="tablist"] {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    grid-gap: 5px !important;
}
   h2 {
      font-size: 26px;
   }
   h3 {
      font-size: 1.375rem;
   }
   h4 {
      font-size: 1.115rem;
   }
   .btn_common {
      padding: 10px 2.2rem;
      font-size: 12px;
   }
}

@media screen and (max-width: 768px) {
   .padding {
      padding: 4rem 0;
   }
   
   #banimag{
       
       font-size:0px
   }
   
   .text-capitalize{
       
       font-size:0px
       margin-left:-10px;
   }
   
   #gallery{
       
       display:none;
   }
   .padding-top {
      padding-top: 4rem
   }
   .padding-bottom {
      padding-bottom: 4rem
   }
   .icon_box {
      padding: 15px;
   }
   .icon_box.margin_tophalf {
      margin-top: 2rem;
   }
   #shop .findus .form-group {
      margin-bottom: 20px !important;
   }
   .split-box .padding-bottom-sm-0 {
      padding-bottom: 0 !important;
   }
   .cart_table .d-table {
      display: table !important;
   }
   #shop .d-table-cell {
      display: contents !important;
   }
}

@media (max-width:560px) {
   #parallax-bg h1 {
      font-size: 2.2rem;
   }
   .btn_common {
      padding: 8px 2rem;
      font-size: 11px;
   }
}
@media screen and (max-width: 576px) {
   .cart_table .table-responsive tbody tr > td {
      padding: 10px !important;
   }
   #shop h4 {
      font-size: 1rem;
   }
   .cart_table .shopping-product {
      margin-left: 5px;
   }
   .apply_coupon .coupon a {
      width: 49.2%;
   }
   #shop .findus .form-group {
      margin-bottom: 20px !important;
   }

   .split-box .heading_space {
      margin-bottom: 2.375rem;
   }
}


/* ----- PreLoader ----- */
.loader {
   bottom: 0;
   height: 100%;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   width: 100%;
   z-index: 1111;
   background: #fff;
   overflow-x: hidden;
}
.spinner {
   width: 80px;
   height: 80px;
   position: absolute;
   left: 50%; top: 50%;
   -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
}
.container1 > div,
.container2 > div {
   width: 16px;
   height: 16px;
   background-color: #fff;
   -webkit-border-radius: 100%;
   border-radius: 100%;
   position: absolute;
   -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
   -o-animation: bouncedelay 1.2s infinite ease-in-out;
   animation: bouncedelay 1.2s infinite ease-in-out;
   -webkit-animation-fill-mode: both;
   -o-animation-fill-mode: both;
   animation-fill-mode: both;
}
.container1 .circle1,
.container2 .circle4 {
   border: 5px solid #ffcf06;
}
.container1 .circle2,
.container2 .circle1 { 
   border: 5px solid #b2cb20;
}
.container1 .circle3,
.container2 .circle2{
   border: 5px solid #e84455;
}
.container1 .circle4,
.container2 .circle3 {
   border: 5px solid #d46408;
}

.spinner .spinner-container {
   position: absolute;
   width: 100%;
   height: 100%;
}
.container2 {
   -webkit-transform: rotateZ(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotateZ(45deg);
   transform: rotateZ(45deg);
}
.circle1, .circle2 {
   top: 0;
}
.circle1 {
   left: 0;
}
.circle2 {
   right: 0;
}
.circle3, .circle4 {
   bottom: 0;
}
.circle3 {
   right: 0;
}
.circle4 {
   left: 0;
}
.container2 .circle1 {
   -webkit-animation-delay: -1.1s;
   -o-animation-delay: -1.1s;
   animation-delay: -1.1s;
}
.container1 .circle2 {
   -webkit-animation-delay: -0.9s;
   -o-animation-delay: -0.9s;
   animation-delay: -0.9s;
}
.container2 .circle2 {
   -webkit-animation-delay: -0.8s;
   -o-animation-delay: -0.8s;
   animation-delay: -0.8s;
}
.container1 .circle3 {
   -webkit-animation-delay: -0.6s;
   -o-animation-delay: -0.6s;
   animation-delay: -0.6s;
}

.container2 .circle3 {
   -webkit-animation-delay: -0.5s;
   -o-animation-delay: -0.5s;
   animation-delay: -0.5s;
}
.container1 .circle4 {
   -webkit-animation-delay: -0.3s;
   -o-animation-delay: -0.3s;
   animation-delay: -0.3s;
}
.container2 .circle4 {
   -webkit-animation-delay: -0.2s;
   -o-animation-delay: -0.2s;
   animation-delay: -0.2s;
}

@-webkit-keyframes bouncedelay {
   0%, 80%, 100% {
      -webkit-transform: scale(0.4)
   }
   40% {
      -webkit-transform: scale(1.0)
   }
}

@-o-keyframes bouncedelay {
   0%, 80%, 100% {
      -o-transform: scale(0.0);
      transform: scale(0.0);
      -webkit-transform: scale(0.25);
   }
   40% {
      -o-transform: scale(1.0);
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
   }
}

@keyframes bouncedelay {
   0%, 80%, 100% {
      -o-transform: scale(0.0);
      transform: scale(0.0);
      -webkit-transform: scale(0.25);
   }
   40% {
      -o-transform: scale(1.0);
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
   }
}






.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.btn-primary {
    color: #fff;
    /* background-color: #007bff; */
    /* border-color: #007bff; */
}

.btn-primary {
    color: #fff;
    background-color: #007bff00!important;
    border-color: #007bff00!important;
}


.why-us-section.home-section {
    background-position: 50px -101px!important;
}

@media screen and (max-device-width: 1366px) and (min-device-width: 1024px)
{
.why-us-section {
    background-position: 50px -101px !important;
}
}
.why-us-section {
    padding: 29px 0 20px;
    background: url(../../assets/images/Banner-2.png) right no-repeat;
}
@media screen and (max-device-width: 1366px) and (min-device-width: 1024px)
{
.why-us-section h2 {
    font-size: 49px !important;
}
}
.why-us-section h2 {
    font-family: var(--text-font);
    font-weight: 700;
    font-size: 65px;
    line-height: 53px;
    color: #444;
}
.why-us-section h2 span.red {
    color: #af4900;
}
.why-us-section p {
    width: 59%;
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;
}
.diffrent-boxes-area {
    margin-bottom: 20px;
}
.diffrent-boxes-area .diffrent-box {
    border: 1px solid #af4900;
    padding: 10px;
    -webkit-transition: var(--animation-time);
    -o-transition: var(--animation-time);
    transition: var(--animation-time);
    margin-bottom: 15px;
    min-height: 315px;
}
@media screen and (max-device-width: 1366px) and (min-device-width: 1024px)
{
.diffrent-boxes-area .diffrent-box h4 {
    font-size: 20px !important;
}
}

.diffrent-boxes-area .diffrent-box h4 {
    position: var(--position-rel);
    margin-bottom: 15px;
    font-family: var(--text-font);
    font-weight: 600;
    text-transform: var(--uppercase);
    font-size: 21px;
    color: #af4900;
    line-height: 27px;
}
.diffrent-boxes-area .diffrent-box h4:before {
    position: var(--position-absolute);
    bottom: -13px;
    -webkit-transition: var(--animation-time);
    -o-transition: var(--animation-time);
    transition: var(--animation-time);
    width: 27%;
    background: #fabc00;
    height: 4px;
    content: ' ';
    left: 0;
    right: 0;
}
.text-break {
    display: block;
}
@media screen and (max-device-width: 1366px) and (min-device-width: 1024px)
{
.diffrent-boxes-area .diffrent-box p {
    font-size: 14px !important;
}
}
.diffrent-boxes-area .diffrent-box p {
    font-size: 14px;
    font-family: var(--main-font);
}
.diffrent-boxes-area .diffrent-box figure {
    margin-bottom: 0;
    -webkit-transition: var(--animation-time);
    -o-transition: var(--animation-time);
    transition: var(--animation-time);
}
.diffrent-boxes-area .diffrent-box:hover {
    background: #f7f7f7;
    border-color: #fad000;
    -webkit-transition: var(--animation-time);
    -o-transition: var(--animation-time);
    transition: var(--animation-time);
    animation-duration:1s;
}
.diffrent-boxes-area .diffrent-box:hover h4:before {
    background: #198be0;
    width: 37%;
    -webkit-transition: var(--animation-time);
    -o-transition: var(--animation-time);
    transition: var(--animation-time);
}
.diffrent-boxes-area .diffrent-box:hover figure {
    -webkit-transition: var(--animation-time);
    -o-transition: var(--animation-time);
    transition: var(--animation-time);
    margin-right: 70px;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
:root {
    --animation-time: all 0.5s ease-in-out;
}

.delhi p {
    text-align:justify !important;
    margin-top:10px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    color: #4c4c4c;
    font-family: var(--main-font);
}
.bottom20
{
    color:#ffcf06;
    font-size:23px;
}
.dd-btn
{
    color: white;
    margin-top:15px;
    font-weight: 600;
    padding: 10px 19px;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    text-align: center;
}
.icon_box:hover a.dd-btn {
    background: #fff;
    color: #444 !important;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.featured-in img
{
   padding: 30px 10px;
    width:100%;
}
.award-img img
{

text-align:center;
padding:0 10px;
}

 .packages-colom p {
    font-size: 15px;
    margin-top:10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #444;
    font-family: var(--text-font);
}
 .packages-colom .package-overlay {
    background: #008480;
    position: absolute;
    top: 8px;
    text-align: center;
    left: 9px;
    padding: 20px 0;
    border-radius: 100%;
    text-transform: uppercase;
    width: 175px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    height: 175px;
    font-family: var(--main-font);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border: 5px solid #008480;
    -webkit-box-shadow: -1px 8px 4px #c5c1c159;
    box-shadow: -1px 8px 4px #c5c1c159;
    color: #fff;
}
.Packages-flip
{
background:#f7f7f7;
}
 .packages-colom:hover .package-overlay {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

@media screen and (max-device-width: 1366px) and (min-device-width: 1024px)
{
.packages-colom .package-overlay {
    top: 1px;
    text-align: center;
    left: 25px;
    width: 140px;
    height: 140px;
}
}
@media screen and (max-device-width: 1366px) and (min-device-width: 1024px)
{
 .packages-colom img {
    width: 90% !important;
}
}

.bs-slider-1 {
   
    background: #ffffff !important;
    padding:0 120px;
}
.case-study-left{
     width: 30%;
     float:left;
}


.case-study-right-side {
	width: 70%;
    padding: 125px 0 0 0;
    float: left;
    display: flex;
}

.case-study-right-side h2{
	font-family: 'Work Sans', sans-serif;
    color: #373737;
    font-size: 30px;
    font-weight: 300;
    padding-bottom: 50px;
    margin-top: 25px;
    width: 96%;
}

.case-title-1 {
    color: #ea2126;
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
}


.case-study-left img{
	    width: 100%;
        margin: 0px auto;
}
.casestudy h6 {
    font-size: 45px;
    font-weight: 700;
    padding-bottom: 40px;
}
.casestudy h6, .casestudy-over-child {
    text-align: center;
}


.section.agencies_mod {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d0d8cb),to(#d5dcd1));
    background-image: -o-linear-gradient(#d0d8cb,#d5dcd1);
    background-image: linear-gradient(#d0d8cb,#d5dcd1);
	padding:50px 0;
}
.agency-part1
{
    height: 6.4em;
    padding-top: 1.2em;
    background: url(../images/agencies_top.png) center center no-repeat;
    background-size: 100% 100%;
    text-align: center;
}
.agency-part1 .agency-logo
{
	width: 210px;
    height: 69px;
}
.agency-part2
{
	text-align:center;
}
.agency-part1 .agency-head
{
	font-size: 1.8em;
    font-weight: 600;
	    color: white;
}
.agency-full {
    padding: 20px;
}
.agency-text {
    margin-bottom: .71429em;
    font-size: 15px;
    line-height: 1.7;
    color: #434a54;
    height: 200px;
}
.agency-box
{
	    background-color: #fff;
    border-radius: .7em;
	border: 2px solid red;
}
.agency-service-title
{
	font-size: 15px;;
    font-weight: 600;
    color: #434a54;
}
.agency-service-list
{
	margin: .6em 0 2em .6em;
	height:65px;
}
.agency-service-item
{
	    display: inline;
    padding-right: .42857em;
    margin-right: .28571em;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 300;
    
    border-right: 1px solid #a9a9a9;
	color: #ec2837;
}
.agency-btn 

{
		text-align:center;
	}
.agency-btn a
{
	font-weight: 600;
    background-color: #000000;
    border-radius: .3rem;
    font-size:15px;
	color:white;
	padding:6px 15px;
	text-align:center;
	}
	#about1 iframe{
		    -webkit-box-shadow: 0 1.8em 4.4em #000;
    box-shadow: 0 0.8em 1.4em #000;
	}
	
	  .card1
	  {
		  margin:20px;
		      padding: 20px;
    background: #e7f8ff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  }
	  .card1 .review-data 
	  {
		  color:#000000;
		  font-weight:bold
	  }
	  .card1 .review-data
	  {
		  font-size:16px;
		  color:
	  }
	  .card1 .fa-star
	  {
		  font-size:16px;
	  }
	  .card1 hr
	  {
		 border: 1px solid gray;
	  }
	  .card1 .card-btn
	  {
		  background:#000000;
		  color:white;
		  border-radius:8px;
		  padding:5px 20px;
		  font-weight:bold;
	  }
	  .card1 .card-title
	  {
		  font-size:22px;
		  font-weight:bold
	  }
	  	  .card1 .card-subtitle
	  {
		  margin-bottom:15px;
	  }
      .packages-section .package-tab button.active {
    background: #ffd917;
    color: #080808;
}
.packages-section .package-tab button {
    text-transform: uppercase;
    background: #000000;
    border-radius: 6px 6px 0 0;
    margin: 0 0px;
    color: #cacaca;
    font-weight: 600;
    font-size: 12px;
    font-family: var(--main-font);
    padding: 10px 2px;
    display: block;
}
  
.packages-section .tabs {
  display: grid;
}

.packages-section [role="tablist"] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-gap: 10px;
}

.packages-section .tabWrapper {
  display: grid;
  font-family: 'Arial';

  
}
.packages-section 
{
	padding:40px 0;
}

.packages-section [role="tabpanel"] {
  background: #fff;

}

.packages-section button[aria-selected="true"] {
    background: #ffffff !important;
    color: #000 !important;
	border: 3px solid #000000;
}

.packages-section button:focus {
  box-shadow: 0 0 0 3px #000000;
  outline: none;
  z-index: 5;
}

.ranking-form {
    background: #000000;
    padding: 35px 0;
    z-index: auto;
}
.ranking-form h2 {
    text-transform: var(--upper);
    font-size: 42px;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.ranking-form h2, .ranking-form p {
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.ranking-form p {
    font-size: 19px;
    font-weight: 600;
}
.ranking-form form {
    width: 100%;
}

.form-colom {
    padding: 10px 35px;
}
.form-colom {
    margin-top: 17px;
}
.captcha-form-ui .form-group {
    margin-bottom: 8px;
    display: block;
}

.ranking-form .form-group {
    margin: 0;
    padding: 0;
    border: 1px solid #4aa4e6;
    position: relative;
}
.ranking-form input {
    border-radius: var(--zero);
    background: 0 0;
  
    font-size: 20px;
    font-weight: 300;
    border: 1px solid #fff;
    color: #fff!important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.effect-8~.focus-border:after, .effect-8~.focus-border:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.effect-8~.focus-border i:after, .effect-8~.focus-border i:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.effect-8~.focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}
.effect-8~.focus-border:after {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}
.captcha-form-ui input.btn.btn-success {
    margin: 25px 0 0;
    display: block;
    width: 100%;
    padding: 12px 37px;
   
}
.ranking-form input[type=submit] {
    padding: 13px 65px;
    background: #ffcf06;
    border-radius: 8px;
    border:1px solid #ffcf06;
    font-weight: 500;
    color: #fff !important;
    position: relative;
    margin-top: 40px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-transform: uppercase;
}
.ranking-form input[type=submit]:hover {
    background: transparent;
    color: #fff!important;
    border:1px solid #ffcf06;
    transition: all .5s ease-in-out;
}

.client-logo, .ranking-form input[type=submit]:hover {
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
  
  
	.trigger-btn {
		display: inline-block;
		margin: 100px auto;
	}
	
	#bg-counters h1, #bg-counters i, #bg-counters strong, #bg-counters p
    {
    color:white
    }

	
	.ban-inner {
    margin: 0 0 10%;
}
.breadcrumb {
    
    display: block;
}
.resource-banner {
    background: #ffcf06;
    position: relative;
    padding: 30px 0;
    z-index: 0;
    margin: 0 0 14%;
}
.ban-inner::after {
    z-index: -1;
}
.resource-banner::after {
    background: url(../images/banner-bottom.png) left top / 100% auto no-repeat;
    content: "";
    left: 0;
    position: absolute;
    bottom: -130px;
    width: 100%;
    height: 140px;
}
.breadcrumb {
    padding: 2px 0px;
    margin-bottom: 0;
    list-style: none;
    border-radius: 4px;
    background: none;
    text-align: center;
}
.ban-inner .breadcrumb > li {
    display: inline-block;
    font-size: 13px;
}
.breadcrumb a, .breadcrumb span {
    color: #fff;
    margin: 0;
    font-size: 13px;
    font-style: normal;
    border: none;
}
.resource-banner h1 {
    padding: 0;
    color:#fff;
    text-align: center;
    margin: 3px auto 0;
    font-size: 25px;
    width: 80%;
}
.resource-banner h1::before {
    width: 140px;
    height: 150px;
    content: "";
    position: absolute;
    background:url(https://www.myassignmentservices.com/assets/front/images/banner-dot.png) left top repeat ;
    left: 0px;
    top: 50px;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #fff;
    content: "/\00a0";
}
.contentSec p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    word-spacing: 0;
    letter-spacing: 1px;
    font-weight: 400;
    text-align: justify;
    margin-top: 0;
}
.contentSec h2 {
    font-size: 23px;
    line-height: 29px;
    margin: 10px 0 30px;
    display: inline-block;
    width: 100%;
    border-bottom: solid 2px var(--dgrn);
    padding: 0 0 10px;
}
.contentSec img {
    margin: 40px auto;
    max-width: 100%;
}
.order-form {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 33px -12px #666;
    display: inline-block;
    position: relative;
    z-index: 80;
    background: #fff;
}

.order-form h2 {
    background: #ffcf06;
    text-align: center;
    border: none!important;
    color: #fff;
    padding: 10px 0!important;
    font-size: 23px!important;
    margin: 0 0 10px!important;
}
.contentSec h2 {
    font-size: 23px;
    line-height: 29px;
    margin: 10px 0 30px;
    display: inline-block;
    width: 100%;
    border-bottom: solid 2px #ffcf06;
    padding: 0 0 10px;
}
.comFrm {
    display: inline-block;
    width: 100%;
    padding: 5px 15px 20px;
    text-align: center;
}
.infoForm .form-control {
    box-shadow: none;
    height: 40px;
    padding: 7px 12px;
    font-weight: 400;
    color: #000 !important;
    font-size: 12px;
    border: none;
    border-radius: 4px;
    -webkit-appearance: none;
    background: #f5f5f5 !important;
}
.infoForm select.form-control {
    color: #888!important;
}
.infoForm label {
    font-size: 12px;
    color: #888;
    text-transform: capitalize;
    padding: 0 6px;
    margin: 5px 0 2px;
    width: 100%;
    text-align: left;
    font-weight: 400;
}
.well {
    margin: 5px 0 10px;
    display: inline-block;
    width: 100%;
    border: none;
    padding: 8px 15px 0;
    border-radius: 4px;
    box-shadow: none;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.slider.slider-horizontal {
    width: 210px;
    height: 20px;
}
#wordcount_limit_msg {
    position: absolute;
    bottom: -5px;
    z-index: 1;
    font-size: 12px;
    color: red;
}

#wordcount_limit_msg {
    position: absolute;
    bottom: -5px;
    z-index: 1;
    font-size: 12px;
    color: red;
    right: 17px;
    top: 10px;
}
.comFrm .intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
}

.intl-tel-input {
    display: flex!important;
}
#country-codes {
    display: inline-block;
    width: 39%;
}
#country-codes .btn.btn-primary.dropdown-toggle {
    width: 100%;
    border-color: #c3c3c3 !important;
    z-index: -1;
    margin: 0;
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff !important;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.comFrm #countrySelect {
    width: 100%;
}
.intl-tel-input .au {
    background-position: -192px 0;
}
.intl-tel-input .flag {
    width: 16px;
    height: 11px;
    background: url(../images/flags.png);
}
.intl-tel-input .flag {
    display: inline-block;
    margin-right: 5px;
}
.comFrm .flag {
    display: inline-block;
    margin: 0 13px -2px 0;
}
.btn .caret {
    margin-left: 0;
}
#country-codes .dropdown-menu {
    max-height: 190px;
    overflow-y: auto;
}
#country-codes .dropdown-menu li {
    margin: 0;
}
.contentSec ul li {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
    text-align: justify;
    color: #545454;
    font-weight: 400;
    list-style: disc;
}
#country-codes ul.dropdown-menu li a {
    margin: 1px 20px 0 0;
    font-size: 14px;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
#com_o_f_phone {
    display: inline-block;
    width: 59%;
}
#step2 {
    display: none;
    width: 100%;
}
.comFrm .themeBtn {
    padding: 10px 25px;
    height: auto;
    line-height: normal;
    border-radius: 6px;
    font-size: 18px;
    background: #ffcf06;
    color: #fff;
    text-transform: capitalize;
    width: 80%;
    border: none;
    margin: 20px 0 10px;
}
.themeBtn {
    background: var(--yellow);
    border: none;
    padding: 10px 15px;
    min-width: 140px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    margin: 10px 0 0;
    color: #000;
    display: inline-block;
    cursor: pointer;
}
.formUsp {
    text-align: center;
    width: 100%;
    display: inline-block;
    background: #f7f7f7;
    padding: 8px 0 0;
    margin: -6px 0 0;
}
.formUsp ul {
    list-style-type: none;
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 0;
    text-align-last: center;
    margin: 10px 0 20px;
}
.formUsp ul li {
    width: 30%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
.formUsp ul li span {
    display: inline-block;
    width: 70px;
    height: 70px;
    padding: 10px;
    border-radius: 100px;
    position: relative;
    z-index: 0;
}
.formUsp ul li span::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #ffcf06;
    z-index: -1;
    bottom: 6px;
    right: 8px;
    border-radius: 5px;
    animation: floating1 2s infinite ease;
}
.formUsp ul li svg {
    width: 40px;
    height: 40px;
    fill: #000;
}
.formUsp ul li p {
    text-align: center;
    color: #666;
    font-size: 15px;
    margin: 0;
}
.formUsp ul li p strong {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #ffcf06;
}
.testim {
    border: solid 4px #dbdbdb;
    border-radius: 30px;
    padding: 40px;
    transform: skewY(-3deg);
    margin: 50px 0;
    position: relative;
}
.testim .qt1 {
    left: 16px;
    top: 30px;
}
.testim span {
    font-size: 150px;
    line-height: 0;
    position: absolute;
    color: #000;
}
.testim .rate-side {
    transform: skewY(3deg);
    text-align: right;
    color: #f90;
    font-size: 17px;
    margin: 0 0 8px;
}
.testim i {
    transform: skewY(3deg);
    display: inline-block;
}
.testim p {
    transform: skewY(3deg);
    font-size: 15px;
    line-height: 20px;
    color: #666;
    text-align: left;
}
.testim i svg {
    width: 35px;
    height: 35px;
    margin: 0 0 -10px;
}
.sAll {
    transform: skewY(3deg);
    text-align: center;
    border-top: solid 1px var(--lgray);
    padding: 6px 0 0;
    display: inline-block;
    width: 100%;
    margin: 22px 0 0;
}
.sAll a {
    color: var(--dgrn);
    font-weight: 700;
    font-size: 15px;
}
.testim .qt2 {
    right: 16px;
    bottom: -30px;
}
.highlightsInner h3 {
    width: 100%;
    text-align: center;
    font-size: 22px;
    background: var(--dgrn);
    color: #fff;
    padding: 12px 0;
    border-radius: 4px 4px 0 0;
    margin: 30px 0 0;
}
.highlightsInner ul {
    padding: 15px 20px 0;
    border: solid 1px #ccc;
    margin: 0;
}
.highlightsInner ul li {
    list-style: none;
    width: 100%;
    margin: 0 0 10px;
    display: flex;
    align-content: center;
    border-bottom: solid 2px #e6e6e6;
    padding: 0 0 10px;
    position: relative;
    z-index: 0;
}

.contentSec ul li {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
    text-align: justify;
    color: #545454;
    font-weight: 400;
    list-style: disc;
}
.highlightsInner ul li::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #ffcf06;
    z-index: -1;
    bottom: 3px;
    left: 9px;
    border-radius: 5px;
}
.highlightsInner ul li svg {
    width: 50px;
    height: 45px;
    display: inline-block;
    fill: #000;
    margin: 0 15px 0 0;
}
.highlightsInner ul li span {
    font-size: 16px;
    text-align: left;
    text-align-last: left;
    font-weight: 700;
    align-items: center;
    display: flex;
}
.ffwrp {
    margin-top: 10px;
    margin-bottom: 30px;
    width: 100%;
    float: none;
    display: inline-block;
}
.ffwrp h3 {
    width: 100%;
    text-align: center;
    font-size: 22px;
    background: var(--sblu);
    color: #fff;
    padding: 12px 0;
    border-radius: 4px 4px 0 0;
    margin: 30px 0 0;
}
.ffwrp ul {
    margin: 0;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: flex;
    border: solid 1px #ccc;
    padding: 10px;
}
.ffwrp ul li {
    display: inline-block;
    border: none;
    padding: 5px 10px;
    width: 100%;
    margin: 0 5px;
    background: #fff;
    text-align: left;
}
p.ffText {
    font-size: 15px;
    height: auto;
    margin: 0;
    color: #000;
    font-weight: 400;
    width: 60%;
    float: left;
    padding: 8px 0;
    line-height: 18px;
}
p.ffText span {
    display: table-cell;
    text-align: left;
}
span.fFreeWrp {
    display: block;
    font-size: 19px;
    line-height: normal;
    font-weight: 400;
    float: right;
    width: 35%;
    padding: 5px 0 0 20px;
    text-align: center;
}
span.ffFor {
    font-size: 15px;
    margin-right: 5px;
}
span.ffdis {
    font-weight: 700;
    color: var(--dgrn);
    font-size: 18px;
    position: relative;
    display: inline-block;
}
span.ffdis::after {
    width: 0;
    height: 0;
    top: 10px;
    left: -2px;
    position: absolute;
    content: "";
    border-top: solid 3px transparent;
    border-left: solid 63px var(--red);
    border-right: solid 0 transparent;
    border-bottom: solid 3px transparent;
}
.ffwrp ul li:nth-child(2n) {
    background: #f1f1f1;
}
.ffText span strong {
    font-size: 23px;
    color: #000;
}
span.fFreeWrp {
    display: block;
    font-size: 19px;
    line-height: normal;
    font-weight: 400;
    float: right;
    width: 35%;
    padding: 5px 0 0 20px;
    text-align: center;
}
.offrCTa {
    width: 100%;
    float: left;
    text-align: center;
}

.offrCTa {
    width: 100%;
    display: inline-block;
    text-align: center;
}
.offrCTa a {
    width: 150px;
    padding: 12px 15px;
    height: auto!important;
    line-height: normal;
    border-radius: 6px;
    font-size: 16px!important;
    letter-spacing: 0;
    background: #ffcf06;
    color: #fff!important;
    font-weight: 400;
    box-shadow: none;
    font-family: Lato,sans-serif;
    overflow: hidden;
    text-transform: capitalize;
    text-align: center;
    margin: 20px 0 0;
    display: inline-block;
    text-decoration: none!important;
}
.right_sc_con {
    padding: 0 0 10px;
    border: solid 1px #ccc;
    width: 100%;
    border-radius: 5px;
    margin: 20px 0 0;
    display: inline-block;
    position: relative;
    z-index: 0;
}
.catlist_con {
    padding-top: 0;
}
.right_sc_con h3 {
    width: 100%;
    text-align: center;
    font-size: 22px;
    background: #ffcf06;
    color: #fff;
    padding: 12px 0;
    border-radius: 4px 4px 0 0;
    margin: 0;
}
.sub_cat {
    padding: 15px;
    height: 350px;
    overflow: hidden;
}
.sub_cat a {
    width: 100%;
    display: inline-block;
    margin: 0 0 7px;
    border-bottom: solid 1px #dfdfdf;
    padding: 0 11px 7px;
    letter-spacing: 0;
    font-size: 14px;
    text-align: left;
    position: relative;
}
.sub_cat a::before {
    position: absolute;
    content: "-";
    top: 0px;
    left: 2px;
    color: black;
}

.padding-bottom3
{
padding-bottom: 5.5rem;
    padding-top: 85px;
}

.works
 {
     background:#f4f4f4;
	 padding:30px 0;
 }
 .work-section
 {
	 text-align:left;
 }
 .work-section h5
 {
	 font-weight:bold;
	 margin-top:10px;
 }
 .divider-center2 {
    margin: 10px 0 15px;
    height: 3px;
    width: 70px;
    background: #ffcf06;
    display: block;
}
 .offers 
 {
     text-align:center;
	     background: #f4f4f4;
padding: 50px 0 60px;

 }


 .offer-section 
 {
	     background: white;
    padding: 35px;
 }
 .offers h5
 {
	 font-weight:bold;
	 margin:15px 0;
 }
 .help-b
 {
     background:#00919b;
	 padding:1px 10px;
	 margin-top:50%;
 }
 .help-box
 {
	     text-align: center;
    color: white;
    background: #ffcc00;
    padding: 20px 2px;
    margin: 10px 0;
 }
 .help-box h3, .help-box h5
 {
	 color:#fff;
 }
 .help-box h5
 {
	 font-size:14px;
 }
 .helpline-content h4
 {
	 font-size:28px ;
	 font-weight:600;
 }
 .helpline
{
    background:url('../images/help-banner1.jpg');
}
.helpline-content p
{
	color:black;
	font-size:14px;
        text-align: justify;
        font-weight:500;
}
.helpline-content h4
{
	color:black;
}
.helpline-content 
{
	padding:40px 0;
}
.book-content h2 {
    font-weight: bold;
    font-size: 40px;
}
.book-content p {
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
}
.book-content
{
padding:30px;
    padding-top:50px;
}
.left-get
{
 margin:20px;   
}
.right-get
{
        margin-top: 6px;
}
.left-get a
{
color: #ffffff!important;
    border-width: 15px!important;
    border-color: #000000;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 700!important;
    background-color: #000000;
        padding: 15px 2em;
    line-height: 1.7em!important;
}
.get-btn {
    color: #ffffff!important;
   
    border:2px solid #000000;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 700!important;
    background-color: #000000;
    padding: 15px 2em;
    line-height: 1.7em!important;
}
.get-btn1 {
    color: #fff!important;
    
    border:2px solid #fff;
    border-radius: 0px;
    margin-left:15px;
    font-size: 16px;
    font-weight: 700!important;
    background-color: transparent;
    padding: 15px 2em;
    line-height: 1.7em!important;
}
@keyframes float {
    0% {
		
		transform: translatey(0px);
	}
	50% {

		transform: translatey(-20px);
	}
	100% {
	
		transform: translatey(0px);
	}
}

.avatar {

	animation: float 4s ease-in-out infinite;
}
.avatar2 {

    animation: float 3s ease-in-out infinite;
}
.avatar3 {

    animation: float 5s ease-in-out infinite;
}
.avatar4 {

    animation: float 3s ease-in-out infinite;
}
.avatar5 {

    animation: float 4s ease-in-out infinite;
}
.avatar6 {

    animation: float 5s ease-in-out infinite;
}
.banner {
background: url('../images/headerbg.jpg');
    z-index: 0;
    margin-bottom:20px;
}

.banner .col-lg-6
{
    padding-left:0;
    padding-right:0;
}
.mt-4 {
    margin-top: 1.5rem!important;
}
.btnpbx.btn-animated {
    padding: 1px;
    min-width: 230px;
    overflow: hidden;
  
    color: #fff;
    font-size: 18px;
}

 .btnpbx.btn-animated span {
    background: linear-gradient(90deg, #1f0576 21px, transparent 1%) center, linear-gradient(#1f0576 21px, transparent 1%) center, #a799cc;
    background-size: 22px 22px;
    color: #fff;
    transition: all .4s ease-out;
    display: block;
    width: 100%;
    padding: 13px 20px;
    border-radius: 30px;
    border:3px solid #ffcf06;
}

.vomsm-arrow {
    background-position: 0 -90px;
    width: 18px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.banner h2 {
    font-size: 55px;
    margin: 30px 0 0;
    padding: 0 0 15px 0;
    position: relative;
    color:#fff;
    font-weight:bold;
    font-family:'Poppins', sans-serif;
}
.banner h3 {
    font-size: 15px;
    line-height: 22px;
    margin: 25px 0 30px;
    color:#fff;
}
.clientele
{
        box-shadow: 8px 8px 30px rgb(0 0 0 / 6%);
}
.ssvom .globelist {
    flex-wrap: wrap;
    justify-content: center;
}
.globelist li:nth-child(even) {
    margin-top: 155px;
}
.globelist {
    display: flex;
    width: 100%;
}
.globelist li {
    width: 16.66%;
    padding: 10px;
    height: 100px;
        overflow: hidden;
    border: solid 1px #ffdac5;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0px 53px 191px rgb(98 250 85 / 15%);
}
.ssvom .globelist li:nth-child(even) {
    margin-top: 100px;
}

.globelist li.vombgpink {
    background-color: #ee2e24;
}


@-moz-keyframes bounceDown {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(100px);
    transform: translateY(100px);
  }
  60% {
    -moz-transform: translateY(50px);
    transform: translateY(50px);
  }
}
@-webkit-keyframes bounceDown {
 0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(100px);
    transform: translateY(100px);
  }
  60% {
    -moz-transform: translateY(50px);
    transform: translateY(50px);
  }
}
@keyframes bounceDown {
 0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(100px);
    transform: translateY(100px);
  }
  60% {
    -moz-transform: translateY(50px);
    transform: translateY(50px);
  }
}

.banner h2 span {
    position: relative;
}
.banner h2 span::before {
    position: absolute;
    content: "";
    background: #000;
    width: 100%;
    display: inline-block;
    height: 21px;
    bottom: 21px;
    z-index: -1;
    animation: underline 2s 1 ease-out;
}
.banner h2 strong {
    width: 100%;
    display: block;
    font-weight: normal;
    font-size: 15px;
    margin: 12px 0 0;
}
.banner .banord {
    background: var(--blk);
    color: #fff;
    padding: 8px 30px;
    border-radius: 4px;
    transition: ease all .5s;
    border: none;
    font-style: normal;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    vertical-align: top;
}
.banner .banrt {
    position: relative;
}
.banner .banrt:before {
    background: url(https://www.myassignmentservices.com/assets/front/images/bridge.png) right bottom no-repeat;
    content: "";
    position: absolute;
    width: 120%;
    height: 320px;
    background-size: 100%;
    z-index: 100;
    right: -36%;
    bottom: -290px;
}
.banrt ul {
    margin: 60px 0 136px;
}
.banrt ul li {
    background: #fff;
    display: inline-block;
    margin: 20px 4%;
    padding: 8px 10px 8px 45px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 2px 2px 21px -5px #666;
    position: relative;
    font-size: 14px;
    animation: float 5s infinite;
    animation-timing-function: ease;
}
.banrt ul li:nth-child(2n+1) span {
    background: #00919b;
}
.banrt ul li:nth-child(2n+3) span {
    background: #f53c20;
}
.banrt ul li span {
    width: 35px;
    background: #ffcc00;
    height: 100%;
    float: left;
    margin: 0 10px 0 0;
    position: absolute;
    left: 0;
    top: 0;
}
.banrt ul li:nth-child(2n+3) {
    animation: float 3s infinite;
    animation-timing-function: ease;
}
.content {
    position: relative;
    margin: 2% 0 0%;
    text-align: center;
}
.services-main
{
    margin-top: 30px;
}
   .content::before {
    position: absolute;
    content: "";
    background: url(../images/bean-red.png) left center no-repeat;
    width: 60%;
    height: 260px;
    left: -54%;
    z-index: -1;
    background-size: 100% 100%;
    top: 210px;
}
.content h2 {
    font-size: 30px;
    font-weight: 400;
    margin: 20px 0 25px;
    display: inline-block;
    width: 80%;
}
.content p {
    font-size: 15px;
    color: #000;
    line-height: 24px;
    width: 100%;
    display: inline-block;
    margin: 0 auto 15px;
    text-align: justify;
}
.content h2 span {
    position: relative;
}
.content h2 span::before {
    position: absolute;
    content: "";
    background: #ffcf06;
    width: 100%;
    display: inline-block;
    height: 21px;
    bottom: 2px;
    z-index: -1;
    animation: underline 2s 1 ease-out;
}
   .c-text
    {
    padding: 10px 40px;
        
    }
    .c-text, .c-video
    {
        margin:20px 0px;
    }
.content::after {
    position: absolute;
    content: "";
    background: url(../images/bean-sblue.png) left center no-repeat;
    width: 60%;
    height: 420px;
    right: -53%;
    z-index: -1;
    background-size: 100% 100%;
    bottom: 80px;
}
.content ul li {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    width: 80%;
    display: inline-block;
    margin: 0 auto 15px;
    text-align: justify;
    padding: 0 0 0 15px;
}
.expertise {
    position: relative;
    margin: 4% 0 4%;
}
.expIn {
    margin: 0 0 80px;
}
.expertise p {
    width: 70%;
    margin: 0 auto 14px;
    text-align: center;
    color: #666;
}
.expertise a {
    display: inline-block;
    vertical-align: top;
    color: #f64e34;
    font-size: 15px;
}
.expertise a .icon {
    height: 20px;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    fill: var(--red);
    animation: arrow 2s infinite ease;
}
.subExpertise:hover .expInfo
{
display:block;
}
.rel {
    position: relative;
}
.subExpertise {
    margin: 0 0 60px;
    text-align: center;
}
.subExpertise span {
    display: inline-block;
    position: relative;
    z-index: 0;
    width: 100px;
    height: 100px;
    line-height: 116px;
    position: relative;
    background-color: #fff;
    box-shadow: 8px 8px 30px rgb(0 0 0 / 6%);
    -webkit-transform: rotate( 
0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate( 
0deg);
    vertical-align: middle;
      animation: ripple 0.7s linear infinite;
}

.subExpertise img {
    width: 75px;
    margin-bottom:20px;
        box-shadow: 10px 10px 20px rgb(0 0 0 / 14%);
}
.expertise h4 a {
    font-size: 18px;
    color: #000;
        margin-top: 20px;
}
.expInfo {
    position: absolute;
    z-index: 60 !important;
    top: 60px;
    left: 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 11px #888;
    padding: 20px 20px 10px;
    display: none;
    right: 0;
    margin: 0 auto;
    width: 100%;
}
.expInfo a {
    color: #000;
    font-size: 18px;
    display: inline-block;
    margin: 0 0 13px;
}
.expInfo p {
    width: 100%;
    text-align: left;
    font-size: 13px;
    color: #666;
    margin: 0 0 17px;
}
.expInfo p {
    width: 100%;
    text-align: left;
    font-size: 13px;
    color: #666;
    margin: 0 0 17px;
}
.expInfo ul li {
    font-size: 13px;
    color: #666;
    margin: 0 0 5px;
    list-style: outside;
}
.top-subject{margin-top: 10px; display:flex;flex-wrap:wrap;justify-content:center}
.top-subject li{width: 100%;position:relative;cursor:pointer;flex-wrap:wrap;display:flex;align-items:center;justify-content:center;background:#eae8e8;border-radius:6px;padding:4px 24px 4px 10px;margin-right:8px;margin-bottom:15px}
.hover-subject{opacity:0;visibility:hidden;position:absolute;border-radius:5px;top:88px;width:230px;background:#f9f9f9;z-index:9;box-shadow:0 0 40px rgba(82,85,90,.1);-webkit-transition:all .3s;transition:all .3s;-webkit-transform:scale(.9);transform:scale(.9);left:8px}
.top-subject li h2{font-size:17px;margin:0 0 0 6px;text-transform:capitalize}
.top-subject li h3{margin:0}
.top-subject li h3 img{width:50px}
.top-subject li:hover{box-shadow:3px 3px 16px rgba(0,0,0,0.2)}
.top-subject li:hover .hover-subject{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1);top:58px}
.hover-subject span{position:relative;margin-left:0;display:block;border-bottom:1px solid #ddd;margin-top:0;padding:5px 11px 5px 26px}
.hover-subject span:before{content:"";position:absolute;top:12px;left:10px;background:var(--pink);width:6px;height:6px;border-radius:50%}
.hover-subject span:hover{background:#ffcf06}
.expert-div
{
padding:0px 0 20px;
}


.pageInfo {
    background: #ffcf06 none repeat scroll 0 0;
  
}
.pageTitle {
    margin-top: 6px;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    line-height: 1;
    float: left;
}
.breadcrumb {
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    float: left;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb li {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
}
.w-head1 h1 {
    font-size: 35px;
    font-weight: bold;
    background: #ffcf06;
    padding: 6px;
    color: white;
    margin-top: 10px;
	margin-bottom:10px;
}
.inner-page .border-head
{
border-bottom:2px solid #123a54;
padding-bottom:5px;
font-size: 24px;
    font-weight: 400;
	margin-top:10px;
	margin-bottom:10px;
}
.main1
{
margin-top:25px;
}

.main1 .other-list  li
{
   margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ffcf06;
}

.inner-page h6
{
	    margin-top: 10px;
    margin-bottom: 10px;
}

.w-head2 h1 {
    font-size: 35px;
    font-weight: bold;
    background: #3e3e3e;
    padding: 6px;
    text-align: center;
    color: white;
    margin-top: 10px;
	margin-bottom:10px;
}
table th, table td {
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
}
table {
    width: 100%;
    margin-bottom: 15px;
    border-collapse: collapse !important;
    border-spacing: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.w-head2 h3 {
    border-top: 1px solid;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid;
	    margin-top: 20px;
    margin-bottom: 10px;
	    font-size: 30px;
}
.w-head2
{
	    width: 100%;
}
.st-contact-area {
    padding: 100px 0 80px;
   
}
.stcntact-info {
    background: #fff none repeat scroll 0 0;
    display: block;
    padding: 40px 0 36px;
}
.contact-info-single {
    text-align: center;
    position: relative;
    background: #e5e5e5;	
}
.contact-info-single i {
    font-size: 36px;
    color: #090803;
    line-height: 21px;
}
.contact-info-single h4 {
    color: #090803;
    font-size: 25px;
    line-height: 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
	    margin-top: 10px;
    margin-bottom: 10px;
}
.contact-info-single p {
    font-size: 18px;
    line-height: 25px;
    color: #666666;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}
.st-map-area {
    background: #ffcf06 none repeat scroll 0 0;
    display: block;
}
.no-pad {
    padding: 0 !important;
}
.contact-head h2 {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    line-height: 66px;
    font-size: 48px;
	    margin-top: 10px;
    margin-bottom: 10px;
    margin-top: 40px;
}
.contact-form-area {
    margin: 0 auto;
    padding-top: 12px;
}
.cf-msg {
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
}
.mb-5 {
    margin-bottom: 3rem !important;
}
.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem;
}
.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem;
}
.bg-light {
    background-color:#ececec !important
}
.contact-page 
{
    margin:50px 0;
}
.p-3 {
    padding: 1rem !important;
}
.align-items-center {
    align-items: center !important;
}
.btn-square, .btn-sm-square, .btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}
.form-floating>.form-control, .form-floating>.form-select {
    height: 48px;
    padding: 1rem 0.75rem;
        background-color: #F3F4F5 !important;
        margin:15px 0;
            font-size: 1rem;
}
.contact-details p
{
    font-size:16px;
    font-weight:bold;
}
.dropdown:hover .dropdown-menu {
    display: block;
}

.contact-details h5
{
    font-size:20px;
}

.contact-page .btn-form
{
    background:#000;
    color:white;
}
.contact-page h1
{
    font-size: 48px;
    font-weight: bold;
}
.btn-lg-square {
    width: 48px;
    height: 48px;
}
.contact-page i
{
    font-size:25px;
}
.bg-white {
    background-color: #fff !important;
}
.flex-shrink-0 {
    flex-shrink: 0 !important;
}
.text-primary {
    color: #ffcf06 !important;
}
.ms-4 {
    margin-left: 1.5rem !important;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.me-2 {
    margin-right: 0.5rem !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.contact-form-area .form-group input {
    background: transparent;
    border: medium none transparent;
    border: 3px solid #ffffff;
    color: #fff;
    font-size: 16.01px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    height: 43px;
    padding: 10px 18px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.stcntact-info {
    background: #e5e5e5;
    display: block;
    padding: 40px 0 36px;
}
.contact-form-area .form-group textarea {
    background: transparent;
    border: 3px solid #ffffff;
    color: #fff;
    font-size: 16.01px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    min-height: 132px;
    padding: 10px 18px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.contact-form-area .form-group .cont-submit {
    background: #d6ffe7 none repeat scroll 0 0;
    border: 1px solid #fff;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0) inset;
    color: #181818;
    display: inline-block;
    font-family: "Rubik", sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    margin-top: 0px;
    outline-color: rgba(255, 255, 255, 0.5);
    outline-offset: 0;
    padding: 0 70px;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.form-group::-webkit-input-placeholder { /* Edge */
  color: white;
}

.form-group:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

.form-group::placeholder {
  color: white;
}


.contact-info-single ul li {
    padding: 17px 0 22px;
}
.orng a
{
    color:#ffcf06 !important;
}
.expert-div a:hover
{
    color: #0056b3;
}

body {
  width: 100%;
  min-height: 100vh;
  min-height: calc(100vh - var(--vh-offset, 0px));

  overflow-x: hidden;
  font-weight: 400;
  top: 0;
  color: #000;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.025em;
}

.header-design {
  background-color: #a4508b;
    background-image: linear-gradient(
326deg, #dcb957 0%, #ffcf06 74%);
  height: 120px;
  text-align: center;
}
.right-top a
{
    color:white !important;
}

.listar-map-button {
  width: 100%;
  position: absolute;
  display: table;

  height: 200px;
  line-height: 164px;
  white-space: nowrap;
  font-size: 0;
}

.listar-map-button {
  right: auto;
  /***
    box-shadow: 0 0 65px rgba(0,0,0,.07) inset, 0 0 35px rgba(0,0,0,.05) inset;**/
}

.listar-map-button-text span {
  background-color: #fff;
  color: #252525;
  text-shadow: none;
}

.listar-page-header-content .listar-map-button-text span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  height: 44px;
  line-height: 1.6;
  padding: 10px 25px;
  box-shadow: 0 0 300px rgba(0, 0, 0, 0.65), 0 0 30px rgba(0, 0, 0, 0.06);
  border-radius: 50px;
  background-color: rgba(35, 40, 45, 0.9);
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}
.booking-form {
    background: #ffcf06;
    padding: 35px 20px;
    margin: 50px 0;
    border-radius: 25px;
    box-shadow: -3px 0 8px 0 rgb(0 0 0 / 50%);
}
.booking-form h2 {
    font-size: 25px;
    color: white;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}
.booking-form form .check-date {
    position: relative;
    margin-bottom: 20px;
}
.booking-form form .check-date input, .booking-form form select {
    width: 100%;
    height: 45px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    font-size: 16px;
    color: #19191a;
    font-weight: 500;
    padding-left: 20px;
}
#phone {
    margin-left: 58px;
}
.booking-form form button {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #152851;
    border-radius: 2px;
    color: #ffffff;
    font-weight: 500;
    background: #152851;
    width: 100%;
    height: 45px;
    margin-top: 30px;
}
.text-first .in-h2 {
    font-size: 30px;
	    margin-top: 20px;
    font-weight: 700;
    border-bottom: 1px solid;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.text-first h2 {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.5;
}
.media {
    padding: 30px 0;
}
.how-title h2 {
    color: #000;
    font-weight: bold;
}
.hero-section1 .about {
    padding: 50px 20px;
}
.hero-section1 .about h2 {
	margin: 20px 0 15px;
    color: #000;
    font-size: 30px;
    font-weight: 600;
}

.hero-section1 .about h3 {
    font-size: 19px;
    margin-bottom: 10px;
    font-weight: 600;
}
.hero-section1 .about .read-more {
    margin-top: 30px;
}
.hero-section1  .about .read-more a {
    background: #000;
    padding: 10px 30px;
    color: white;
}
.hero-section1 .about .call-back-btn {
    font-size: 15px;
    text-transform: uppercase;
    border: 1px solid #152851;
    border-radius: 2px;
    color: #ffffff !important;
    font-weight: 500;
    background: #152851 !important;
    height: 44px;
    margin-top: 30px;
}
.hero-section1 .about .read-more i {
    color: white;
}

.counter-box {
    background: #f4f6f9;
    padding: 20px 0;
}
.counter-box h2 {
    color: #000;
    font-weight: 600;
    font-size: 45px;
}
.set-bg1 {
    background: url(../img/call-to-action.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
}
.video-section {
    padding: 70px 0;
}
.video-text {
    margin-bottom: 40px;
}
.video-text h3 {
    font-size: 36px;
    font-weight: bold;
    color: white;
}
.feature-box {
    background: white;
    padding: 5px 10px;
    margin: 10px 0;
}
.feature-icon i {
    color: white;
    background: #65c094;
    padding: 10px;
    font-size: 30px;
    border-radius: 50%;
}
.feature-title {
    font-size: 18px;
    margin-left: 10px;
    font-weight: 500;
    color: #000;
}
.how {
    background: #f4f6f9;
    padding: 50px 0;
}
.how-box1 {
    background: #65c094;
    padding: 25px 15px;
    margin: 25px 0;
}
img
{
	max-width:100%;
}
.social-icons img
{
	width:50px;
}
.media-box {
    margin-top: 25px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    border: 2px solid #65c094;
    padding: 10px;
}

.how-box1, .how-box2 {
    border-style: solid;
    border-width: 2px;
    border-color: #35976b;
    border-radius: 30px 0 30px 0;
}
.how h4 {
    font-size: 20px;
    font-weight: 600;
    color: white;
    margin: 15px 0;
}
.how p {
    font-size: 16px;
    color: white;
}
.video-section .right-align {
    border-right: 2px solid white;
    padding-right: 50px;
}

.right-align {
    text-align: right;
}
.call-back-btn {
    margin-top: 15px;
}
.call-back-btn a {
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #152851;
    border-radius: 2px;
    color: #ffffff;
    font-weight: 500;
    background: #152851;
    height: 44px;
    padding: 12px 40px;
    margin-top: 30px;
}
.video-section .left {
    padding-left: 50px;
}
.call-us, .call-us span {
    display: inline-block;
}
.call-us i {
    font-size: 60px;
    color: white;
    margin-right: 10px;
}
.cont h4
{
	font-weight:bold;
	margin-bottom:20px;
	margin-top:20px;
}
.call-us p {
    color: white;
    margin-bottom: 0;
    font-size: 16px;
}
.call-us h4 {
    color: white;
}
.hero-section2 {
    background: #f4f6f9;
    padding: 50px 0;
}
.about1 p {
    margin-top: 15px;
    text-transform: justify;
    padding-right: 50px;
    font-size: 20px;
}
.about1 h3 {
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px;
}
 .header-design .footer-wave {
  max-width: 102%;
  width: 100%;
  height: 187.8px;
  left: 0;
  z-index: 1;
  bottom: -67px;
  background: url(https://1.bp.blogspot.com/-NYl6L8pz8B4/XoIVXwfhlNI/AAAAAAAAU3k/nxJKiLT706Mb7jUFiM5vdCsOSNnFAh0yQCLcBGAsYHQ/s1600/hero-wave.png)
    repeat-x;
  animation: wave 10s cubic-bezier(0.44, 0.66, 0.67, 0.37) infinite;
}

@keyframes wave {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 1440px;
  }
}

.listar-feature-item-wrapper {
  margin-bottom: 120px;
  padding-left: 27px;
  padding-right: 27px;
}

.listar-feature-item {
  height: calc(100% - 20px);
}

.listar-feature-item.listar-feature-has-link
  ~ .listar-feature-fix-bottom-padding.listar-fix-feature-arrow-button-height {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
}

.listar-feature-item a {
  position: absolute;
  top: -12px;
  left: 15px;
  width: calc(100% - 30px);
  height: calc(100% + 4px);
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-with-image .listar-feature-item a:before {
  content: "";
  position: absolute;
  top: -74px;
  left: 50%;
  margin-left: -74px;
  width: 148px;
  height: 148px;
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-item a:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 1000px;
  z-index: 10;
  animation: ripple 0.7s linear infinite;
  box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6),
    -5px -5px 10px rgba(255, 255, 255, 0.5);
}


@keyframes ripple {
  0% {
        box-shadow: 0 0 0 0 rgba(163, 177, 198, 0.3), 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.01);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.03), 0 0 0 8em rgba(163, 177, 198, 0.01);
  }
}



.listar-feature-item .listar-feature-item-inner {
  padding: 50px 0px;
  border-radius: 6px;
  z-index: 5;
  position: relative;
  height: 100%;
}

.listar-feature-item .listar-feature-item-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

.listar-feature-item .listar-feature-item-inner:before {
  border: 0;
  box-shadow: 120px 0px 150px rgba(80, 80, 80, 0.15),
    10px 0px 10px rgba(80, 80, 80, 0.02);
  border-radius: 1000px;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(40%, rgba(255, 255, 255, 0)),
    color-stop(100%, rgba(255, 255, 255, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1);
}

.listar-feature-item .listar-feature-item-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.listar-feature-right-border {
  position: absolute;
  width: calc(100% + 24px);
  height: calc(100% + 24px);
  top: -12px;
  left: 50%;
  overflow: hidden;
}

.listar-feature-items {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.listar-feature-right-border:before,
.listar-hovering-features
  .listar-feature-item
  a:hover
  ~ .listar-feature-item-inner
  .listar-feature-right-border:before {
  border: 11px solid #2f53bf;
}

.listar-feature-right-border:before,
.listar-hovering-features
  .listar-feature-item
  a:hover
  ~ .listar-feature-item-inner
  .listar-feature-right-border:before,
.listar-hovering-features-grey
  .listar-feature-item
  a:hover
  ~ .listar-feature-item-inner
  .listar-feature-right-border:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 11px solid #ffcf06;
  border-radius: 800px;
  left: -50%;
}

.listar-feature-item .listar-feature-block-content-wrapper {
  position: relative;
  display: block;
  text-decoration: none;
  margin: -30px;
  padding: 10px 30px;
  height: calc(100% + 100px);
}

.listar-features-design-2 .listar-feature-item-wrapper {
  margin-bottom: 120px;
  padding-left: 27px;
  padding-right: 27px;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
  content: "";
  background-color: #fff;
  z-index: 6;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
}

.listar-feature-icon-wrapper {
  width: 148px;
  height: 148px;
  line-height: 148px;
  border-radius: 500px;
  position: relative;
  background-color: #fff;
  box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 50%;
  vertical-align: middle;
  margin-left: -74px;
  top: -66px;
  margin-top: -74px;
}

.listar-feature-icon-inner {
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 500px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
  background: #fff;
}

.listar-feature-icon-inner div {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  display: inline-block;
  position: relative;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: left;
}

.listar-feature-icon-inner img {
  position: relative;
  margin: 0 auto;
  vertical-align: middle;
  display: inline-block;
  width: auto;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  height: 55px;
}

.listar-feature-item img,
.listar-feature-item i {
  position: relative;
  display: inline-block;
  border-bottom: 0;
  font-size: 40px;
  top: 0;
  padding: 0;
  color: #258bd5;
}

.listar-feature-with-image .listar-feature-content-wrapper {
  top: 0;
}
.listar-feature-content-wrapper {
  position: relative;
  margin-top: -15.5px;
}

.listar-feature-item .listar-feature-item-title {
  padding-top: 0;
  margin: 0 0 30px;
  text-align: center;
  line-height: 1.5;
}

.listar-feature-item
  .listar-feature-item-title.listar-feature-counter-added
  > span {
  margin-left: 25px;
  border-radius: 0 50px 50px 0;
}

.listar-feature-item .listar-feature-item-title > span {
  box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12),
    5px 0px 40px rgba(80, 80, 80, 0.1);
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  background-color: #fff;
}

.listar-feature-item .listar-feature-item-title > span span {
  box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2),
    5px 0px 80px rgba(80, 80, 80, 0.15);
  padding: 10px 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 30px;
  white-space: nowrap;
  position: absolute;
  top: -3px;
  left: -40px;
  border-radius: 50px;
  background-color: #fff;
}


.listar-feature-item-excerpt ul {
    list-style-type: disc;
    text-align:left;
    font-size:13px;
}
.listar-feature-item-excerpt p {
    text-align:left;
    font-size:13px;
}

.listar-feature-item .listar-feature-item-title span {
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  text-shadow: none;
  border-radius: 50px;
  color: #252525;
}

.listar-feature-item-excerpt {
  padding: 0 20px;
}

.listar-feature-item-excerpt {
  color: #252525;
  position: relative;
  top: 0;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.pset {
  padding-top: 180px;
  padding-bottom: 80px;
}

.listar-map-button-text span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  height: 44px;
  line-height: 1.6;
  padding: 10px 25px;
  box-shadow: 0 0 31px rgba(0, 0, 0, 0.65), 0 0 4px rgba(0, 0, 0, 0.06);
  border-radius: 50px;
  background-color: rgba(35, 40, 45, 0.9);
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

.listar-map-button-text span {
  background-color: #fff;
  color: #252525;
  text-shadow: none;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.listar-map-button-text span:after {
  border: 12px solid #fff;
}

.listar-map-button-text span:after {
  content: "";
  position: absolute;
  top: -14px;
  left: -14px;
  width: calc(100% + 28px);
  height: calc(100% + 28px);
  border-radius: 36px;
}

.listar-map-button:hover .listar-map-button-text span {
  padding: 10px 43px 10px 51px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.listar-feature-with-image .listar-feature-item a:before {
  content: "";
  position: absolute;
  top: -74px;
  left: 50%;
  margin-left: -74px;
  width: 148px;
  height: 148px;
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  box-shadow: 10px 10px 40px rgba(80, 80, 80, 0.15),
    15px 15px 30px rgba(80, 80, 80, 0.05), 0 0 120px rgba(80, 80, 80, 0.6);
  bottom: -30px;
  background-image: url("https://image.flaticon.com/icons/svg/2316/2316674.svg");
  background-size: 40%;
  color: #555;
  line-height: 52px;
}

.pset .col-lg-1,
.pset .col-lg-2,
.pset .col-lg-3,
.pset .col-lg-4,
.pset .col-lg-5,
.pset .col-lg-6,
.pset .col-lg-7,
.pset .col-lg-8,
.pset .col-lg-9,
.pset .col-lg-10,
.pset .col-lg-11,
.pset .col-lg-12,
.pset .col-md-1,
.pset .col-md-2,
.pset .col-md-3,
.pset .col-md-4,
.pset .col-md-5,
.pset .col-md-6,
.pset .col-md-7,
.pset .col-md-8,
.pset .col-md-9,
.pset .col-md-10,
.pset .col-md-11,
.pset .col-md-12,
.pset .col-sm-1,
.pset .col-sm-2,
.pset .col-sm-3,
.pset .col-sm-4,
.pset .col-sm-5,
.pset .col-sm-6,
.pset .col-sm-7,
.pset .col-sm-8,
.pset .col-sm-9,
.pset .col-sm-10,
.pset .col-sm-11,
.pset .col-sm-12,
.pset  .col-xs-1,
.pset .col-xs-2,
.pset .col-xs-3,
.pset .col-xs-4,
.pset .col-xs-5,
.pset .col-xs-6,
.pset .col-xs-7,
.pset .col-xs-8,
.pset .col-xs-9,
.pset .col-xs-10,
.pset .col-xs-11,
.pset .col-xs-12 {
  align-self: flex-start;
}


.section-services {
	padding-top: 110px;
	padding-bottom: 120px;
	font-family: "Poppins", sans-serif;
	background-color: #211f24;
	color: #fff;
}

.section-services .header-section {
	margin-bottom: 35px;
}

.section-services .header-section .title {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 25px;
	text-transform: uppercase;
	font-weight: 700;
}

.section-services .header-section .title:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 140px;
	height: 1px;
	background-color: #ffcf06;
}

.section-services .header-section .title:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 45px;
	height: 3px;
	background-color: #ffcf06;
}

.section-services .header-section .title span {
	color: #ffcf06;
}

.section-services .header-section .description {
	color: #6f6f71;
}

.section-services .single-service {
	margin-top: 40px;
	background-color: #24252a;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}

.section-services .single-service .part-1 {
	padding: 40px 14px 25px;
	border-bottom: 2px solid #ffcf06;
}

.section-services .single-service .part-1 i {
	margin-bottom: 25px;
	font-size: 50px;
	color: #ffcf06;
}

.section-services .single-service .part-1 .title {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.8em;
	color:#ffcf06;
}

.section-services .single-service .part-2 {
	padding: 30px 14px 40px;
}

.section-services .single-service .part-2 .description {
	margin-bottom: 22px;
	color: #6f6f71;
	font-size: 14px;
	line-height: 1.8em;
}

.section-services .single-service .part-2 a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.section-services .single-service .part-2 a i {
	margin-right: 10px;
	color: #ffcf06;
}

.in-banner-text
{
    padding:75px 0;
}
.in-banner-text h2
{
    color:white;
    font-size:40px;
}
.main
{
    margin-top:20px;
}


.tringle-up1::after{
    content: "";
    position: absolute;
    border: 10px solid;
    border-color: transparent transparent #ffeb3b transparent;
    bottom: 0;
}
.tringle-up1 p{
    padding: 14px 5px;
    font-size: 30px;
    width: fit-content;
    border-bottom: solid 3px;
    font-weight:bold;
    color: #000; border-bottom-color: #ffcf06;
}

.tringle-up1
{
    position: relative;
    height: 56px;
    margin-bottom: 25px;
    border-bottom: solid 2px #ddd;
}

.content_fullwidth
{
background: white;
    padding: 10px 10px;
    margin-top: 20px;
}

@keyframes slide {
from{background-position:0 0}
to{background-position:1920px 0}
}
@-webkit-keyframes slide {
from{background-position:0 0}
to{background-position:1920px 0}
}
.service-block-one a {text-decoration:none}

@keyframes slide {
from{background-position:0 0}
to{background-position:1920px 0}
}
@-webkit-keyframes slide {
from{background-position:0 0}
to{background-position:1920px 0}
}
.service-block-one .inner-box{position:relative;display:block;overflow:hidden;text-align:center;background:#353535;padding:50px 15px 36px;margin-bottom:20px;}
.service-block-one .inner-box:before{position:absolute;content:'';width:100%;height:0;left:0;bottom:0;right:0;transition:all 500ms ease}
.service-block-one .inner-box:hover:before{height:100%;top:0}
.service-block-one .inner-box .icon-box{position:relative;display:inline-block;font-size: 60px;
    line-height: 80px;margin-bottom:8px;z-index:1;transition:all 500ms ease}
    .service-block-one .inner-box .icon-box img
    {
        width:80px;
    }
.service-block-one .inner-box .icon-box:before{position:absolute;content:'';background:#303030;width:72px;height:72px;border-radius:50%;left:-9px;top:-13px;z-index:-1;transition:all 500ms ease}
.service-block-one .inner-box:hover .icon-box:before{background#ffcf06}
.service-block-one .inner-box:hover .icon-box{transform:rotateY(360deg);color:#fff}
.service-block-one .inner-box h3{    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 9px;}
.service-block-one .inner-box h3 a{display:inline-block;color:#fff}
.service-block-one .inner-box p{;position:relative;color:#fff;margin-bottom:20px;font-size:13px;}
.service-block-one .inner-box .theme-btn{padding:12px 25px}
.service-block-one .inner-box:hover .theme-btn{background:#ffcf06}
.service-section .sec-title{margin-bottom:70px}
.service-section .sec-title span{margin-bottom:21px}
.service-block-one .inner-box .icon-box{color:#ffcf06}
.service-block-one .inner-box:before{background:#ffcf06}
.theme-btn{position:relative;display:inline-block;font-size:15px;background:#ffcf06;line-height:26px;font-weight:700;font-family:'Rubik',sans-serif;color:#fff!important;text-align:center;cursor:pointer;border-radius:5px;z-index:1;transition:all 500ms ease}
.theme-btn:before{position:absolute;content:'';background:#1c1d1f;width:100%;height:100%;border-radius:5px;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.theme-btn:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
.theme-btn i{position:relative;top:2px;font-size:20px;margin-left:40px;}
@media(max-width:1024px) {
  .service-block-one .inner-box{padding:30px}
  .service-block-one{margin-bottom:15px}
  .theme-btn{padding:10px 20px}
}

.orng
{
    padding:2px 10px !important;
    margin-left:20px;
}

.services-main .item {
    margin-bottom: 40px;
    padding: 5px;
    border: 1px solid;
    border-radius: 8px;
}
.slider-banner img
{
    border:10px solid #fff;
    border-radius:10px;
}
.services-main .heading-content {
    text-align: center;
    margin-bottom: 30px;
}
 .services-main .service-box {
    background: #ffcf06;
    padding: 18px 10px;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 97px;
}
 .services-main .service-box .box-title {
 font-size: 13px;
    line-height: 24px;
    width: 100%;
    color: #000;
    font-weight:700;
}
.services-main img
{
    width:50px;
}
 .services-main .service-box .icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.common-services-pg h2 {
    font-size: 30px;
    line-height: 1.4;
    font-weight:700;
}
.services-main .service-box:hover {
    -webkit-box-shadow: 3px 3px 0px #000;
    box-shadow: 3px 3px 0px #000;
}
.heading-content h2 {
    letter-spacing: -.7px;
    display: inline-block;
    
}
.heading-content h2 .uplers-shape {
    position: absolute;
    width: 74px;
    height: 74px;
    z-index: -1;
    margin: -15px 0 0 -21px;
    background-size: 100%;
}
.uplers-shape {
    background: url(../images/uplers-shape.svg) no-repeat;
}

.ppc-why-choose {
    padding: 0 0 150px;
    background:white;
}

.ppc-why-choose h2 {
    padding: 110px 0;
    margin-bottom: -60px;
    background: #ffcf06;
    text-align: center;
}
.ppc-why-choose figure {
    margin-top: -150px;
}
 .ppc-why-choose ul {
    align-items: flex-start;
}
.ppc-why-choose ul {
    display: flex;
}

.digital-outsourcing-agency .ppc-why-choose li:not(:nth-child(2)) {
    padding-top: 100px;
}
.ppc-why-choose li {
    padding: 2px;
}
.ppc-why-choose li .wcBox {
    background: #f3f3f3;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 4px;
}
.ppc-why-choose li .wcBox h4 {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight:700;
}

.ppc-why-choose li .wcBox p {
    margin: 0;
        font-size: 16px;
    line-height: 25px;
    margin-bottom: 28px;
}
.ppc-why-choose .container {
    margin: 0;
    max-width: 1550px;
    padding-left: 0;
}


.counter-box {
    display: block;
    background: #f6f6f6;
    padding: 40px 10px 37px;
    text-align: center
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #909090;
    font-size: 18px;
    font-weight: 500
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #666;
    line-height: 28px
}

.counter-box.colored {
    background: #000000;
    border: 10px solid #fed008;
        margin: 15px 0;
}
.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff
}


@media (min-width: 1025px) and (max-width: 1500px), (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1025px), (min-resolution: 120dpi) and (min-width: 1025px)
{
.common-services-pg h2 {
    font-size: 30px;
    line-height: 1.4;
}
}

@media (max-width: 767px)
{
.ppc-why-choose {
    padding: 0 0 60px;
}
.ppc-why-choose h2 {
    font-size: 22px;
    padding: 30px 0;
    margin-bottom: -15px;
}
.ppc-why-choose figure {
    margin-bottom: 30px;
    margin-top: 0;

    max-width: 300px;
    margin: auto auto 30px;
}
.ppc-why-choose ul {
    display: block;
}
.ppc-why-choose li {
    padding: 0;
}
.ppc-why-choose li .wcBox {
    padding: 20px;
}
.ppc-why-choose li .wcBox h4 {
    font-size: 16px;
    margin-bottom: 10px;
}
.ppc-why-choose li .wcBox p {
    font-size: 15px;
}
.ppc-why-choose .container {
    max-width: 100%;
    padding: 0 20px !important;
}
}
figure img
{
    max-width:100%;
}
.bounce {

	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.social-icons
{
    margin: 40px auto;
}
.social
{
    text-align:center;
}
#demo {
    background:#ffffff;
    max-width: 900px;
    margin: auto
}

#demo .carousel-caption {
    position: initial;
    z-index: 10;
    padding: 5rem 8rem;
    color: rgba(78, 77, 77, 0.856);
    text-align: center;
    font-size: 1.2rem;
    font-style: italic;
    font-weight: bold;
    line-height: 2rem
}

@media(max-width:767px) {
   #demo .carousel-caption {
        position: initial;
        z-index: 10;
        padding: 3rem 2rem;
        color: rgba(78, 77, 77, 0.856);
        text-align: center;
        font-size: 0.7rem;
        font-style: italic;
        font-weight: bold;
        line-height: 1.5rem
    }
}

#demo .carousel-caption img {
    width: 6rem;
    border-radius: 5rem;
    margin-top: 2rem
}

@media(max-width:767px) {
   #demo .carousel-caption img {
        width: 4rem;
        border-radius: 4rem;
        margin-top: 1rem
    }
}

#demo #image-caption {
    font-style: normal;
    font-size: 1rem;
    margin-top: 0.5rem
}

@media(max-width:767px) {
  #demo  #image-caption {
        font-style: normal;
        font-size: 0.6rem;
        margin-top: 0.5rem
    }
}

#demo i {
    background-color:#e4ab0c;
    padding: 1.4rem
}

@media(max-width:767px) {
   #demo i {
        padding: 0.8rem
    }
}

#demo .carousel-control-prev {
    justify-content: flex-start
}

#demo .carousel-control-next {
    justify-content: flex-end
}

#demo .carousel-control-prev,
#demo .carousel-control-next {
    transition: none;
    opacity: unset;
}


.form-control {
    display: block;
    width: 100%;
    padding: 4px 10px!important;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff0 !important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



.top-bar {
    background: #6b6b6b;
    padding: 8px 0;
}

.inner-page-sub
{
    color:#af4900;
    margin-bottom:15px;
}



.main input,
.main input::-webkit-input-placeholder {
    font-size: 11px;
    padding-top: 3px;
}
.main-center {
    margin-top: 30px;
    margin: 0 auto;
     padding: 20px 20px;
    background: #efefef;
    color: #000;
    border: 0px solid #bbb8b8;
    text-shadow: none;

}
.main-center::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}
.main-center .form-control
{
      box-shadow: inset 6px 6px 6px #cbced1, inset -6px -6px 6px white;
}
span.input-group-addon i {
    color: #dbdfe0;
    font-size: 17px;
    margin-top: 0px;
    background: #ffcf06;
    padding: 10px 10px;
}
.form-group .input-group
{
    background:white;
}
.formbut {
    width: 100%;
    padding: 7px 20px;
 background: #000;
    color: #fff;
    font-weight: BOLD;
}
.pagebottombut{
    
        background: #e63333;
    padding: 8px 25px;
    color: #ffff;
    border-radius: 4px;
}


.relateser{
    
	    margin-bottom: 5%;
    background: black;
    padding: 10px 10px;
    color: #FFF;
}

.subrelated{
	
	    color: black ;
    line-height: 28px;
}

.formheading{
	
	    background: #ffcf06;
    color: #fff;
    padding: 10px 10px;
    text-align: center;
}
.text-right
{
	color:white;
}

.ex-line::after {
    content: '';
    position: absolute;
    height: 25px;
    width: 2px;
    background-color: #D6D6D6;
  
    top: 0;
}

.top-quote
{
        margin-top: 10%;
    background: white;
    color: #e85d61;
    border-radius: 6px;
    padding: 5px 10px;
    font-weight:bold;
    border:2px solid white;
}
.top-quote:hover
{
    background:#e85d61;
    color:white;
    border:2px solid white;
}
.site-header
{
  background-image: linear-gradient(to right, #3e3e3e, #303030, #222222, #151515, #000000);
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.flag img
{
	width:30px;
}
#mobile-menu
{
	display:none;
}
.navbar-black a
{
color:black !important;
}
  .desk-hide
    {
        display:none;
    }
@media only screen and (max-width: 767px) {
    .mob-hide
    {
        display:none;
    }
    .seo-content1 h1 {
 
    font-size: 24px !important;
    margin-bottom: 10px;
}
      .desk-hide
    {
        display:block;
    }
  #mobile-menu
{
	display:block;
}
.site-header
{
	display:none;
}
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none
}


#mobile-menu {
    position: relative;
    width: 100%;
    background: #333;
       padding: 10px 0px;
}

#mobile-menu .logo {
    position: relative;
    z-index: 123;
  
    font: 18px verdana;
    color: #6DDB07;
    float: left;
    width: 15%
}

#mobile-menu .logo a {
    color: #6DDB07;
}

#mobile-menu nav {
    position: relative;
    width: 980px;
    margin: 0 auto;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#cssmenu #head-mobile {
    display: none
}

#cssmenu {
    font-family: sans-serif;
    background: #333
}

#cssmenu > ul > li {
    float: left
}

#cssmenu > ul > li > a {
    padding: 10px 17px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #ddd;
    font-weight: 700;
}

#cssmenu > ul > li:hover > a,
#cssmenu ul li.active a {
    color: #fff
}

#cssmenu > ul > li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover {
    background: #448D00!important;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
}

#cssmenu > ul > li.has-sub > a {
    padding-right: 30px
}

#cssmenu > ul > li.has-sub > a:after {
    position: absolute;
    top: 22px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ''
}

#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
}

#cssmenu > ul > li.has-sub:hover > a:before {
    top: 23px;
    height: 0
}

#cssmenu ul ul {
    position: absolute;
    left: -9999px
}

#cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    background: #333;
    transition: all .25s ease
}

#cssmenu ul ul li:hover {}

#cssmenu li:hover > ul {
    left: auto
}

#cssmenu li:hover > ul > li {
    height: 35px
}

#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0
}

#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    width: 170px;
    font-size: 12px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400;
}

#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
    border-bottom: 0
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    color: #fff
}

#cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ''
}

#cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
}

#cssmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0
}

#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
    background: #363636;
}

#cssmenu ul ul ul li.active a {
    border-left: 1px solid #333
}

#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active> a {
    border-top: 1px solid #333
}

@media screen and (max-width:1000px) {
    #mobile-menu .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
      
        float: none
    }
    #mobile-menu .logo2 {
        display: none
    }
    #mobile-menu nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%
    }
    #cssmenu ul {
        width: 100%;
        display: none;
        margin-top:10px;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #444
    }
    #cssmenu ul li:hover {
        background: #363636;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover > ul > li {
        height: auto
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0
    }
    #cssmenu > ul > li {
        float: none
    }
    #cssmenu ul ul li a {
        padding-left: 25px
    }
    #cssmenu ul ul li {
        background: #333!important;
    }
    #cssmenu ul ul li:hover {
        background: #363636!important
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li.active > a {
        color: #fff
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }
    #cssmenu > ul > li.has-sub > a:after,
    #cssmenu > ul > li.has-sub > a:before,
    #cssmenu ul ul > li.has-sub > a:after,
    #cssmenu ul ul > li.has-sub > a:before {
        display: none
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }
    #mobile-menu .button {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }
    #mobile-menu .button:after {
          position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    height: 8px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
    }
    #mobile-menu .button:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: #ddd;
        content: ''
    }
    #mobile-menu .button.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    #mobile-menu .button.menu-opened:before {
        top: 23px;
        background: #fff;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: ''
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none
    }
    #cssmenu ul ul ul li.active a {
        border-left: none
    }
    #cssmenu > ul > li.has-sub > ul > li.active > a,
    #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: none
    }
}

.top-bar .animate
{
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}

.top-bar .action-button
{

	padding: 5px 10px;

 
	border-radius: 10px;
	font-family: 'Pacifico', cursive;
	font-size: 15px;
	color: #FFF;
	text-decoration: none;	
}


.top-bar .yellow
{
    background-color: #0cd9d4;
    border-bottom: 5px solid #06827f;
}

.top-bar .action-button:active
{
	transform: translate(0px,5px);
  -webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
}
.of-menu
{
border-bottom: 2px solid White;
}

#myModal .modal-header img
{
width:160px;
}
#myModal .modal-header
{
border-bottom:none;
}
#myModal h4.modal-title {
    color: #fff !important;
    font-size: 40px !important;
    padding: 0px !important;
    padding-bottom: 0px !important;
    margin: 0;
    border-radius: 4px 4px 0 0;
    text-align: center;
font-weight: 600;
}
#myModal p.modal-title {
    font-size: 22px !important;
    color: #fff !important;
    margin: 0 auto !important;
    width: 420px;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    text-align:center;
    padding: 10px;
        font-weight: 600;

}
#myModal form {
    text-align: center;
}
#myModal  form input[type=text], #myModal  form input[type=email] {

    border-radius: 1px;
    margin: 0 auto;
    width: 322px;
    padding: 12px;
    font-size: 1.2em;
border-radius: 4px;
    border: 1px solid #ccc;
    -webkit-font-smoothing: antialiased;

}
#myModal .get-btn
{
margin: 0px 0 !important;
height:50px;
    border-radius: 10px;
    width: 320px;
    font-size: 14px;
    background-color: #000000;
    color: #fff !important;
    border: none;
    padding: 0 0;
    overflow: hidden;
    }
  #myModal  .form-control
    {
        background-color: #fff !important;

    }
    #myModal .modal-body
    {
    padding-bottom:40px;
    border-bottom:10px solid #ffcf06;
    }
.border-r
{
border-right:1px solid;
padding-right: 7px;
}
.left-top
{
float:left;
color:white;
padding-top: 4px;
}
.right-top
{
float:right;
color:white
}
.nav-item:hover
{
background:white;
color:black;
}
.nav-item:hover .nav-link
{
color:#ffcf06
}

 .form-control
    {
        font-size:12px;
    }
    .pageInfo {
    background: #ffcf06 none repeat scroll 0 0;
}
.w-head1 h1 {
    font-size: 35px;
    font-weight: bold;
    background: #6b6b6b;
    padding: 6px;
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
}


.formheading {
 background: #ffcf06;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    padding: 10px 10px;
 
    grid-gap: 5px;
    align-items: center;
}
.formheading h4
{
        font-size: 25px;
    width: 85%;
    font-weight: 600;
}

.main img
{
      width:50px;
          float: right;
    margin-top: -50px;
          
}


.contact-text
{
    background: #f1f1f1;
    text-align: center;
    padding: 10px 30px;
}
.contact-text h2
{
    font-weight:bold;
}
.inner-page .border-head {
    border-bottom:none;
    padding-bottom: 5px;
    font-size: 24px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 5px;
}
.contact-text p
{
        font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom:2px;
}
.contact-text h4 span
{
    font-size: 20px;
    margin-top: 10px;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}
.cn img
{
    width: 30px;
    margin-right: 10px;
}
.seo-h4 {
    color: #27313D  !important;
    font-size: 14px !important;
}
.seo-h4 i {
    font-size: 20px;
    color: #af4900;
    border-radius: 100px;
    margin: 0px 6px 0 0;
}
.get-btn2 {
    color: #ffcf06!important;
    border: 2px solid #fff;
    border-radius: 0px;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 700!important;
    background-color: transparent;
    padding: 7px 0px;
    line-height: 1.7em!important;
    width:42%;
    text-align:center;
    display: inline-block;
}
.btn-line
{
    font-size:12px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.get-btn2 a
{
   font-size: 22px;
    line-height: 22px;
}
.btn-line:before 
{
    		content: "";
		background-color: #fff;
		height: 2px;
		width: 100%;
		margin-right: 5px;
}
.btn-line:after
{
    		content: "";
		background-color: #fff;
		height: 2px;
		width: 100%;
		margin-left: 5px;
}
.banner-back
{
    margin:15px 0;
}
.yellow
{
    color:#ffcf06;
    font-size:22px;
}
.banner-back h3 {
    font-size: 18px;
    margin: 15px 0 10px;
    color: #fff;
    line-height:35px;
}
.banner-back p
{
    color:white;
    margin-bottom:5px;
     font-size:15px;
}
.top-con h1
{
    font-size:40px;
}

@media only screen and (max-width: 767px) {
 .mobile-hide
 {
     display:none;
 }
 .btn-line {
    font-size: 10px;
}
.btn-line:before {
    margin-right: 1px;
}
.btn-line:after {
    margin-left: 1px;
}
.get-btn2 a {
    font-size: 22px;
}
.get-btn2 {
    color: #ffcf06!important;
    border: 2px solid #fff;
    border-radius: 0px;
    margin-left: 8px;
    font-size: 15px;
    font-weight: 700!important;
    background-color: transparent;
    padding: 7px 0px;
    line-height: 1.7em!important;
    width: 45%;
    text-align: center;
    display: inline-block;
}
.banner-back h2 {
    font-size: 18px;
}
.yellow {
    color: #ffcf06;
    font-size: 21px;
}
}


footer {
    background: #000000;
    z-index: 30;
    position: relative;
    padding: 40px 0 0;
}

.quickWrp {
    border-bottom: 1px solid #7686967a;
    padding-bottom: 21px;
        margin: 0 0 5px;
}
footer h4 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin: 10px 0 10px;
}

.quickLinks ul li {
    list-style: none;
    margin: 0;
}
footer a {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    padding: 0 10px 7px 0;
    line-height: 14px;
    display: inline-block;
}
.globalLink {
    border-bottom: solid 1px #b9c1c9;
}
.globalLink ul li {
    padding: 0 4px;
    width: auto;
    float: left;
    text-align: left;
    margin: 4px 0 0;
}
.globalLink ul {
    text-align: center;
    display: inline-block;
    margin: 0;
    padding: 0 0 10px;
}
.copyRight {
    padding: 10px 0;
    margin-top: 10px;
}
.copyRight p {
    color: #fff;
    font-size: 13px;
}
.findUs {
    text-align: right;
}
.findUs ul li {
    margin: 0 5px;
    display: inline-block;
    text-align: center;
}
.findUs a {
    padding: 0;
}
.findUs a svg {
    width: 25px;
    height: 25px;
    fill: #ccc;
}
.disclaimerWrp {
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #f1f1f13b;
    margin-top: 10px;
}
.disclaimerWrp span.dl-time {
    font-size: 10px;
    display: block;
    color: #fff;
    margin: 4px 0;
    line-height: 14px;
}
.trustBy p img {
    width: 120px;
    margin: 0 auto;
}
.quickWrp::before {
    content: "";
    position: absolute;
    left: -260px;
    width: 270px;
    height: 300px;
    z-index: 5;
    background: url(https://www.myassignmentservices.com/assets/front/images/rocket.svg) right top no-repeat;
    top: -20px;
    filter: grayscale(1) brightness(0);
    opacity: .4;
}

.home-h1
{
        font-size: 40px;
    text-align: center;
    margin-bottom: 25px;
}
.seo-content1 h1 {
    text-align: center;
    border-bottom:2px solid;
    color: black;
    padding: 15px 5px;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px;
}
.seo h2 {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.seo-content1 h4 {
        font-size: 26px;
    font-weight: bold;
    border-bottom: 2px solid;
    padding-bottom: 5px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.seo
{
	padding:15px 0;
}
 .content2
{
	 background-image: linear-gradient(#fef7f2, #fbd5b5);
	 padding:20px;
	 margin-bottom: 20px;
	 border-radius:25px;
	 box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
}
.action-btn p
{
	
	  padding:10px;
	  text-align:center;
	  font-size:20px;
	  font-weight:bold;
}

.bullet1
{
    margin: 0;
    padding-left: 15px;
    list-style: disc;
	margin-left:15px;
}
.bullet2
{
    margin: 0;
    padding-left: 15px;
    list-style: circle;
	margin-left:15px;
}
.brown-back
{
    background: #3e3e3e;
    padding: 20px;
    margin-bottom: 20px;

}

.change-color
{
    font-weight:700;
       -webkit-animation:colorchange 3s infinite alternate;
       animation:colorchange 3s infinite alternate;
}
@-webkit-keyframes colorchange {
      0% {
        
        color: #ffa461;
      }
      
      10% {
        
        color: #ff6174;
      }
      
      20% {
        
        color: #b58cff;
      }
      
      30% {
        
        color: #b4dbff;
      }
      
      40% {
        
        color: #90ffcc;
      }
      
      50% {
        
        color: #c2ffb6;
      }
      
      60% {
        
        color: #ebffbb;
      }
      
      70% {
        
        color: #fff4a9;
      }
      80% {
     
        color: #ffe2d1;
      }
      
      90% {
     
        color: #ffd5d1;
      }
      
      100% {
        
        color: #ffd1fb;
      }
    }
.brown-back .bullet3 img
{
    width:20px;
    box-shadow:4px -40px 60px 5px rgb(26 117 206) inset;
    webkit-animation: img 1s infinite ease-in-out alternate;
    animation: img 1s infinite ease-in-out alternate;

}
.brown-back  img
{
    width:50px;
}
.choose-box {
    background: #ffcf06;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 15px;
}
.brown-back h2
{
        padding-left: 15px;
    color: white;
    border-bottom: 1px solid;
    font-size:24px;
}
.choose-box h3
{
      text-align: center;
 color: #ffeeaf;
  font-size:24px;
  padding-bottom:5px;
  font-weight:600;
}
.choose-head h3:after
{
    width: 100px;
  height: 1px;
  display: block;
  content: "";
  position: relative;
  margin-top: 10px;
  left: 50%;
  margin-left: -50px;
  background-color: #ffeeaf;
}
.choose-box h4 {
    font-size: 19px;
    padding: 5px 0;
    font-weight: bold;
}

.choose-box p
{
      line-height: 16px;
    font-size: 12px;
    padding: 0 5px 10px;
    font-weight: bold;
    
}


@keyframes img {
  from { transform: scale(0.8); }
  to { transform: scale(1.2); }
}
.brown-back li
{
       border-bottom: 1px solid;
    font-size: 15px;
    font-weight: 500;
    color: white;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.bullet3
{
	 margin: 0;
    padding-left: 15px;
	margin-bottom:15px;
}
.h5-head
{
	margin-bottom:10px;
	text-decoration:underline;
	margin-top:20px;
}
.no-margin
{
	margin-bottom:0;
}
.list-back
{
	    background: #f6ccab;
    padding: 10px 30px;
}
.underline
{
	text-decoration:underline;
}
.style-head span
{
	    position: relative;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 10px;
    border-bottom: 3px solid #ffcf06;
}
.style-head span:after
{
content: '';
    position: absolute;
    bottom: calc(-100% - 1px);
    margin-left: -10px;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border-top: 3px solid #ffcf06;
}
.note
{
	background:#f6ccab;
	padding:10px;
}

.submit-feedback {
    padding: 10px 30px;
        text-align: center;
    font-size: 20px;
    cursor: pointer;
    border-radius: 7px;
    border-bottom-left-radius: 0;
   background: #f3d049;
    box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
    color: #253f50;
	font-weight:600;
    transition: all 0.3s;
	margin-bottom:20px;
}
.submit-feedback:hover {
    border-radius: 0px;
    color: #53488d;
    background-color: #ffe5e5;
    background-image: url('../images/b1.svg');
    animation: animatedBackground 10s linear infinite alternate;
}
@keyframes animatedBackground {
	from {
		background-position: 0 0;
	}
	to {
		background-position: 100% 0;
	}
}

.enterWebsiteSection {
    background: #3e3e3e;
    margin: 10px 0;
    padding: 25px 25px 5px;
    overflow: hidden;
}
.enterWebsiteSection h3 {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom:15px;
}
.boldTxt {
    font-size: 22px;
    font-weight: 700;
}
.enterWebsiteSection form {
    margin-top: 5px;
}
.enterWebsiteSection input {
    border-radius: 5px;
    border: none;
    padding: 5px;
    font-size: 13px;
    width: calc(100% - 108px);
}

.enterWebsiteSection input[type="submit"] {
    border-radius: 5px;
    padding: 5px 15px;
    border: none;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background: #276ea2;
    margin-left: 6px;
    width: auto;
    text-indent: 0;
}
.bigTxt {
    font-size: 22px !important;
    font-weight: 700;
    line-height: 32px;
}
.bigTxt a
{
    color:#f3d049;
}
 .right-top .mar-2
 {
     margin-right:20px;
 }
 .flag img {
    width: 30px;
}
.footerContact {
    background: url(../images/contactblue-bg.jpg) no-repeat center #002f7f;
    padding: 20px;
    color: #fff;
    font-size: 17px;
    margin-bottom: 30px;
    background-size: cover;
}
.footerContact a {
    color: #f3d049;
}
.right-top img
{
	width:31px;
}
  /*-- .dropdown:hover .dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        margin-top: 0;
    }
    --*/
    
    .bg-product
{
    padding:40px 0;
    background:#fafafa;
}
.bg-product .heading
{
    margin-bottom:50px;
}
    /* the same attribute */
.cr1{
  color: var(--cr1);
}
.c2{
  color:  var(--cr2);
}
.cr3{
  color:  var(--cr3);
}
.cr4{
  color:  var(--cr4);
}
.cr5{
  color:  var(--cr5);
}
.fs1{
  font-size: 34px;
}
.fs2{
  font-size: 24px;
}
.fs3{
  font-size: 20px;
}
.fs4{
  font-size: 16px;
}
.fs5{
  font-size: 14px;
}

#sliderproduct{
  width: 100%;
}
#sliderproduct .carousel-inner {
  overflow: visible;
}

#sliderproduct .col-sm-6.image {
  background: #fff;
  box-shadow: 0px 4px 8px 0px #959595;
  position: relative;
  /* Thêm cái của nợ này vào bảo sao nó ko tràn bờ đê */
  /*top: -44px;
  padding: 100px;
  padding-top: 40px;*/
}
.item {
  padding: 20px 20px 40px 20px;
}


.col-sm-6.image h1 {
  margin-bottom: 20px;
}


#sliderproduct .top a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  padding: 14px 22px;
  background: #e0794f;
  box-sizing: border-box !important;
  text-align: center;
  margin: 0px 2px;
  display: block;
  color: #fff;
  width: 96px;
}

#sliderproduct .col-sm-4.mr-auto {
  margin-top: 22px;
}

*{}

#sliderproduct p.cr1 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}

#sliderproduct .col-sm-6:last-child {
  /* Cần nâng cao thêm kiến thức về sử dụng padding */
  padding-top: 27px;
  padding-bottom: 27px;
}
#sliderproduct .details p.d-inline-block {
  color: #e0794f;
}

#sliderproduct .details .fa {
  color: #e0794f;
  padding: 0px 3px;
}

#sliderproduct .rating {
  margin: 23px 0px;
}

#sliderproduct .details .btn {
  text-transform: uppercase;
  font-weight: 400;
  padding: 16px 22px;
  background: #e0794f;
  color: #fff;
  border-radius: 81px;
  font-size: 14px;
  display: inline-block;
}

#sliderproduct .details h2 {
  margin: 25px 0px 30px 0px;
  font-size: 24px;
  font-weight: 700;
}

#sliderproduct .details p.cr4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 0px;
}
#sliderproduct .carousel-item{
  transition: 0.4s;
}


#sliderproduct a.carousel-control-prev, #sliderproduct a.carousel-control-next {
  border-radius: 50%;
  background-color: brown;
  width: 46px;
  height: 46px;
  font-size: 30px;
  text-align: center;
  line-height: 40px;
  opacity: 1;
  top: 50%;
  transform: translate(-50%,-60%);
}

.bg {
  height: 570px;
  overflow: hidden;
}

#sliderproduct ol.carousel-indicators {
  display: none;
}

/*-- Isotope Portfolio start --*/

#isotope .isotope-item{
	padding:20px 10px;
}

.isotope-nav {
  	margin: -80px auto 80px;
  	display: inline-block;
  	float: right;
  	position: relative;
  	z-index: 100;
}

.isotope-nav ul{
	list-style: none;
	margin: 0;
}

.isotope-nav ul li{
	float: left;
	margin-right: 10px;
}

.isotope-nav ul li a{
	color: #323232;
  	padding: 5px 15px 8px;
  	border: 1px solid #ddd;
  	-webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
  	-o-transition: all 0.3s;
  	transition: all 0.3s;
}

.isotope-nav ul a.active, 
.isotope-nav ul a:hover{
	color: #fff;
	position: relative;
	border: 1px solid transparent;
}

.isotope-nav ul a.active:after, 
.isotope-nav ul a:hover:after{
  	position: absolute;
  	content: " ";
  	width: auto;
  	height: auto;
  	bottom: -13px;
  	margin-left: -8px;
  	left: 50%;
  	border-width: 7px;
  	border-style: solid;
}

#isotope .isotope-item .grid{
	position: relative;
	margin-bottom: -8px;
}

.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	background: #3085a3;
	text-align: center;
	width: 100%;
	height: 100%;
}
.grid figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-oscar {
	background: #000;
	background: rgba(0,0,0,.8);
}

figure.effect-oscar img {
	display: block;
	width: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-oscar figcaption {
	padding: 1em;
	background-color: rgba(0,0,0,0.1);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
	border: 2px solid #ee3b24;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid rgba(255,255,255,.3);
	content: '';
}

figure.effect-oscar h3 {
	font-size: 14px;
	color: #fff;
	opacity: 0;
	margin: 0 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar a{
	color: #fff;
	font-size: 14px;
	margin: 20px 5px 0;
	display: inline-block;
	z-index: 1;
	position: relative;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}


figure.effect-oscar a.link i{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar a {
	opacity: 0;
	-webkit-transition: all 0.35s, -webkit-transform 0.35s;
	transition: all 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h3 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover h3,
figure.effect-oscar:hover a {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


figure.effect-oscar:hover figcaption {
	background-color: rgba(0,0,0,0.5);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}

  .points-text
    {
        text-align: center;
        
    background: #dedede;
    padding: 15px 5px;
    border:2px solid #dedede;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   
    margin:15px 0;
    }
    .points-text h3
    {
        font-size:18px;
    }
      .points-text:hover
    {
        text-align: center;
    background: transparent;
    padding: 15px 5px;
    }
    .points-text h3
    {
        font-size:18px;
    }
    .solution-box .card-header h2
    {
        font-size:30px;
        color:black;
    }
     .solution-box .card-header img
    {
        width:75px;
    }
    .solution-box .s-list
    {
        padding:10px 0;
        border-bottom:1px solid #ececec;
    }
    .smo-logo
    {
            text-align: center;
    background: whitesmoke;
    padding: 0px 20px;
    margin: 10px 0;
    }
    .smo-logo img
    {
        width:50%;
    }
    
     .team-section  .card-pink{
border-radius: 6px; 
  border-bottom:4px solid #ff2c95!important;
}
.team-section .card-blue{
border-radius: 6px; 
  border-bottom:4px solid #1c68b3 !important;
}

.team-section .col .card img{
  object-fit:cover;
}
.team-section .team-col .col-md-4
{
    margin:20px 0;
}
.team-section .card-body{
  padding:1rem 1.5rem;
}
.team-section .card-body p{
  color:#4B5563;
}
.team-section .card 
{
    margin:15px 0;
}
.team-section .card-blue svg{
  fill:#1c68b3 ;
}
.team-section .card-pink svg{
  fill:#ff2c95;
}
.team-section .card-blue .card-footer p{
  color:#1c68b3 ;
}
.team-section .card-pink .card-footer p{
  color: #ff2c95;
}
.team-section .card-shape{
  position:relative;
}
.team-section .custom-shape-divider-bottom-1634717805 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.team-section .custom-shape-divider-bottom-1634717805 svg {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
}

.team-section .custom-shape-divider-bottom-1634717805 .shape-fill {
    fill: #FFFFFF;
}

.section_padding_130 {
    margin-top:20px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.faq_area {
    position: relative;
    z-index: 1;
    background-color: #f5f5ff;
}

.faq-accordian {
    position: relative;
    z-index: 1;
}
.faq-accordian .card {
    position: relative;
    z-index: 1;
    margin-bottom: 1.5rem;
}
.faq-accordian .card:last-child {
    margin-bottom: 0;
}
.faq-accordian .card .card-header {
    background-color: #ffffff;
    padding: 0;
    border-bottom-color: #ebebeb;
}
.faq-accordian .card .card-header h6 {
    cursor: pointer;
    padding: 1.75rem 2rem;
    color: #3f43fd;
    font-weight:bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.faq-accordian .card .card-header h6 span {
    font-size: 1.5rem;
}
.faq-accordian .card .card-header h6.collapsed {
    color: #070a57;
}
.faq-accordian .card .card-header h6.collapsed span {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.faq-accordian .card .card-body {
    padding: 1.75rem 2rem;
}
.faq-accordian .card .card-body p:last-child {
    margin-bottom: 0;
}
#myModal1 .modal-body {
    padding: 0px;
    background-color: lightblue;
    height: 500px;
    overflow: scroll;
}
#myModal1 img
    {
        margin-top: -31px;
    }
    #myModal1 .close
    {
        background:#000000;
        color:white;
        padding:5px;
    }