/*TOP ROW CONTACT*/


.top_row_contact{background-color: #562486;padding-top: 12px;padding-bottom: 10px;}

.top_row_detail{color:#9c7fc6;position: relative;left: 5px;font-size: 0.9rem;}

.link_two_top_row{position: relative;left: 20px;}
.link_two_top_row:hover{position: relative;left: 20px;text-decoration: none;}

.social_box{text-align:right;}
.social_links_detail{padding-right: 10px;}


.link_social_hover:hover{text-decoration: none;opacity: 0.8;}
.social_links_icons_size{max-width: 6%;}
.contact_links_size{max-width: 2.3%;}







/*NAVBAR*/
.header_sticky{position: fixed;z-index: 2;width: 100%;background-color: #fff;padding: 10px 0px 10px 0px;
  transition:0.5s!important;}

.sticky .header_sticky{top: 0;transition:0.5s!important;padding: 5px 0px 5px 0px;
-webkit-box-shadow: 0px 8px 5px -1px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 8px 5px -1px rgba(0,0,0,0.05);}

.sticky .brand_logo{max-width: 25%;position: relative;top: 6px;transition:0.5s!important;}

.sticky .bg-light{ background-color: #fff!important;
    padding-top: 0px;
    padding-bottom: 15px;transition:0.5s!important;}

.sticky .navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 2.2rem;
    padding-left: .5rem;transition:0.5s!important;
   
    font-weight: 500;
}


.bg-light {
    background-color: #fff!important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.brand_logo{max-width: 32%;position: relative;top: 6px;}

.navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 2.2rem;
    padding-left: .5rem;
    font-weight: 500;
}


.ml-auto, .mx-auto {
    margin-left: auto!important;
    padding-top: 22px;
}



.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:#562486;
}






.contact_button{padding-right:20px!important;
  padding-left:20px!important;
background-color:#562486;
font-size: 14px;
border:1px solid #562486;
display: inline-block;
color:#fff!important;
box-shadow: 0 8px 16px 0 rgba(86,36,134,0.1), 0 6px 10px 0 rgba(86,36,134,0.10);
border-radius: 50px!important;
}




.contact_button:hover{padding-right:20px!important;
  padding-left:20px!important;
background-color:#62329b;
border:1px solid #62329b;
display: inline-block;
color:#fff!important;
box-shadow: 0 8px 16px 0 rgba(86,36,134,0.1), 0 6px 10px 0 rgba(86,36,134,0.10);
border-radius: 50px!important;
}



.navbar-light .navbar-nav .nav-link {
    color:#333333;
}



.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #562486!important;
    height: 2px!important;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}







/********/







/**********/
/*HAMBUGER*/
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 3px;
  background-color: #562486;
  margin: 7px 0;
  transition: 0.3s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}




.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border:0;
}


button:focus {
    outline:0;
}



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



/*BANER STYLE*/


.banner_top{
    background: url(../images/banner_top.jpg);
    min-height: 83vh;
    background-size: cover;
    margin-top: 10px;
    width: 100%;
    margin-top: 134px;
    background-position: center;

  
   }



.banner_section_style{text-align: center;}
.title{color: #fff;font-size: 55px;font-weight: 800;padding-top: 132px;}
.tag_line{color: #fff;font-size: 30px;font-weight: 700;}
.detail{color: #fff;font-size: 16px;font-weight: 400;}



.contact_nave_link{padding-right:25px!important;
  padding-left:25px!important;
background-color:#f7ab31;
border:1px solid #f7ab31;
display: inline-block;
padding-top: 9px;
font-size: 14px;
padding-bottom: 9px;
font-weight: 500;
color:#fff!important;
box-shadow: 0 8px 16px 0 rgba(86,36,134,0.1), 0 6px 10px 0 rgba(86,36,134,0.10);
border-radius: 50px!important;}



.contact_nave_link:hover{padding-right:25px!important;
  padding-left:25px!important;
background-color:#ffbb3f;
text-decoration: none;
border:1px solid #ffbb3f;
display: inline-block;
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px;
font-weight: 500;
color:#fff!important;
box-shadow: 0 8px 16px 0 rgba(86,36,134,0.1), 0 6px 10px 0 rgba(86,36,134,0.10);
border-radius: 50px!important;}





.contact_banner_link{padding-right:25px!important;
  padding-left:25px!important;
background-color:#f7ab31;
border:1px solid #f7ab31;
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
color:#fff!important;/*
box-shadow: 0 8px 16px 0 rgba(86,36,134,0.1), 0 6px 10px 0 rgba(86,36,134,0.10);*/
border-radius: 50px!important;}

.contact_banner_link:hover{padding-right:25px!important;
  padding-left:25px!important;
background-color:#ffbb3f;
text-decoration: none;
border:1px solid #ffbb3f;
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
color:#fff!important;/*
box-shadow: 0 8px 16px 0 rgba(86,36,134,0.1), 0 6px 10px 0 rgba(86,36,134,0.10);*/
border-radius: 50px!important;}



.line{text-align:center;margin-top: -12px;}

.lineee{height:2px;
  width:80px;

  background-color:#ffbb3f;
display:inline-block;}



.linee{height:2px;
  width:80px;

  background-color:#562486;
display:inline-block;}









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



/* BODY SECTIONS*/

.marketing_redefined_section{
  margin-top:120px;
  margin-bottom: 120px;

}



.sections_titles{
 color:#333333;
text-align: center;
 font-size: 30px; 
 font-weight: 600; 
}





.marketing_redefined_detail{font-size: 16px;
  text-align: center;
padding-top: 6px;
color: #444444;
font-weight: 400;}


.uses_row{margin-top: 60px;}


.uses_col{text-align: center;}

.user_p{padding-top: 10px;
color: #444444;
font-weight: 500;font-size:20px;}

.uses_icons{max-width: 30%;}

.ratings_icons{max-width: 60%;}


.uses_col_links:hover{text-decoration: none;}



.what_we_do_section{ margin-top:130px;
  margin-bottom: 120px;}


.sss_padding{padding-top: 150px;}


.service_box{box-shadow: 0 0 5px 1px lightgrey;padding: 15px;
text-align: center;
padding-top: 35px;
padding-bottom: 20px;
height: 480px;
box-sizing: border-box;}


.service_cols_row{margin-top: 60px;}


.detail_services_p{font-size: 15px;
  text-align: center;
padding-top: 2px;
color: #444444;
font-weight: 400}

.title_service_col{margin-top: 15px;}



.services_icons{max-width:17%;}



.service_box:hover{box-shadow: 0 0 12px 3px lightgrey;padding: 15px;
text-align: center;
padding-top: 35px;
padding-bottom: 20px;
height: 480px;
box-sizing: border-box;
transition: 0.6s;}


.service_box_cols_hover_link:hover{text-decoration:none;}

.service_box_cols_hover_link:hover .title_service_col{color:#562486!important;}



.contact_cta_link{padding-right:25px!important;
  padding-left:25px!important;
background-color:#f7ab31;
border:1px solid #f7ab31;
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
color:#fff!important;
box-shadow: 0 8px 16px 0 rgba(86,36,134,0.1), 0 6px 10px 0 rgba(86,36,134,0.10);
border-radius: 50px!important;
margin-top: 15px;}

.contact_cta_link:hover{padding-right:25px!important;
  padding-left:25px!important;
background-color:#ffbb3f;
text-decoration: none;
border:1px solid #ffbb3f;
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
color:#fff!important;
box-shadow: 0 8px 16px 0 rgba(86,36,134,0.1), 0 6px 10px 0 rgba(86,36,134,0.10);
border-radius: 50px!important;
margin-top: 15px;}



/*ABOUT US SECTION*/


.about_us_section{margin-top: 20px;margin-bottom: 60px;}
.our_credentials{margin-top: 180px;margin-bottom: 60px;}
.slider_box{margin-top: 20px;
margin-bottom: 60px;}

.items_box{padding: 40px;}




.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:focus span {
   background: #ffbb3f!important;
    border: none;
}



.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffbb3f!important;
    border: none;
}


.custom_twitter{max-width: 50%;}

.google_ads_custom{position: relative;top: 12px;}

.brand_slides{max-width: 90%;}


.custom_search_and_local{max-width: 40%;position: relative;top: -10px;}



.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -10px!important;
}







/*OUR MISSION*/

.our_mission_background{background-color:#562486;padding-top:0px;padding-bottom:80px;margin-top: 130px;
margin-bottom: 80px;}



.our_mission_title{ color:#fff;
text-align: center;
padding-top: 16px;
padding-top: 100px;
 font-size: 30px; 
 font-weight: 600;}

.mission_p_detail{color: #fff;font-size: 16px;font-weight: 400;text-align: center;padding-top: 10px;}

.quote_icon{max-width: 4%;position: relative;top: -5px;}


.what_we_do_section{margin-top: 130px;margin-bottom: 60px;}
.d_section_container{margin-top: 120px;margin-bottom: 60px;}
.contact_us_section_here{margin-top: 120px;margin-bottom: 80px;}



.detail_what_we_do{margin-top: 10px;}

.detail_p_what_we_do_column{padding: 20px;}

.what_we_do_detail_p{font-size: 16px;
  text-align: left;
padding-top: 6px;
position: relative;top:25px;
color: #444444;
font-weight: 400;}


.get_started_button{position: relative;top:0px;}

.animation_image_col{text-align: center;padding-top: 70px;padding-bottom: 30px;}


.animation_imagee{max-width: 80%;}


.form_row{margin-top: 60px;}

.form_second_row{margin-top: 20px;}

.form-control {
    display: block;
    width: 100%;
    padding: .575rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border:0;
    border:1px solid #e1e1e1;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #562486!important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(91,52,135,.25);
}

.send_button{background-color: #f7ab31!important;color: #fff!important;border-radius: 50px;font-weight: 500;
border-color: #ffbb3f;
box-shadow: 0 8px 16px 0 rgba(86,36,134,0.1), 0 6px 10px 0 rgba(86,36,134,0.10);}
.send_button:hover{background-color:#ffbb3f!important;color: #fff!important;border-radius: 50px;font-weight: 500;
box-shadow: 0 8px 16px 0 rgba(86,36,134,0.1), 0 6px 10px 0 rgba(86,36,134,0.10);}

.footer_section{background-color: #562486;
padding-top: 60px;
padding-bottom: 20px;
margin-top: 150px;}


.links_page{color: #fff;}
.links_pagee{color: #fff;}
.links_page:hover{color: #9c7fc6;opacity: 0.8;text-decoration: none;}

.footer_title{color: #fff;    font-size: 24px;
    font-weight: 600;}


.footer_link:hover{text-decoration: none;}

.links_footer_cols{margin-top: 16px;}

.footer_p_detail{color: #fff;font-size: 12px;padding-top: 5px;font-weight: 300;}

.footer_page_links{padding-top: 10px;}

.footer_contact_detailss{padding-top: 15px;}

.contact_links_size_footer{max-width: 8%;}


.footer_call_link:hover{text-decoration: none;}



.social_box_footer{margin-top: 20px;padding-left: 10px;}



.social_links_icons_size_footer{max-width: 10%;}




.copyright_row{border-top: 1px solid #9c7fc6;margin-top: 50px;}
.copyright_col{text-align: center;color:#9c7fc6; }
.copyright{padding-top: 25px;}


.welcome_title{color:#fff;background-color:#562486;
  font-size: 18px;text-align: center; 
padding-top: 20px;
padding-bottom: 20px;}





/**************/
/**************/
/*chat area*/

/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
  background-color:#f7ab31;
  color: white;
  padding:12px;
  padding-right: 20px;
  padding-left: 20px;
  border: none;
  cursor: pointer;
  border-radius: 50px;
  margin-top: 19px;
  font-weight: 500;
  opacity:1;
  /*left: 0;*//*
  position: fixed;*/
  bottom: 23px;
  right: 28px;
}

/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 15px;

  border: 1px solid #e1e1e1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 5px;
  background-color: white;
}

/* Full-width textarea */
.form-container textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #fff;
  resize: none;
  min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
  background-color: #fff;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
  background-color:#f7ab31;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  border-radius: 50px;
  margin-bottom:10px;
  opacity: 1;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color:#562486;
}


.form-container .cancel:hover {
  background-color:#62329b!important;
}



/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  background-color: #ffbb3f;
}













/*BUTTON GO TO TOP*/
.scroll-top-button{    position: fixed;
    top: 557px;
    right: 40px;
    color: #fff!important;
    background-color:#562486!important;
    opacity: 1;
    font-size: 10px;
    border-radius: 0;
 
    transition: background 0.4s ease 0s;
    padding: 15px 10px;
    text-align: center;
    box-sizing: content-box;
    display: block;
    z-index: 2;}


  .scroll-top-button:hover{    position: fixed;
    top: 557px;
    right: 40px;
    color: #fff!important;
    background-color:#62329b!important;
    opacity: 1;
    font-size: 10px;
    border-radius: 0;
    transition: background 0.4s ease 0s;
    padding: 15px 10px;
    text-align: center;
    box-sizing: content-box;
    display: block;
    z-index: 2;}
 



.call_now_nav{margin-left: 10px;}









.who_we_are_section{
  /* The image used */
  background-image: url("../images/who_we_are_bg.jpg");

  /* Set a specific height */
  min-height: 870px; 
margin-bottom: 50px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}




















































































/*IPAD*/
@media screen and (min-device-width: 500px) and (max-device-width: 768px) { 
 
 .banner_top{
    background: url(../images/banner_top.jpg);
    min-height: 70vh!important;
    background-size: cover;
    margin-top: 10px;
    width: 100%;
    margin-top: 20px;
    background-position: center;
   }
   

}























/*MOBILE RESPONSIVE NORMAL*/
@media (max-width:775px) { 

.ml-auto, .mx-auto {
    margin-left: auto!important;
    margin-top: 10px;
}


.what_we_do_detail_p{font-size: 16px;
  text-align: center;
padding-top: 6px;
position: relative;top: 10px;
color: #444444;
font-weight: 400;}



.call_now_nav{margin-left: 0px;margin-top: 20px;}


.get_started_button{position: relative;top: 0px;text-align: center;}



.top_row_contact{display:none;}

.social_box{text-align: center;padding-top: 5px;}


.responsive_service_box{margin-top: 80px;}


.brand_logo{max-width:50%;}

.banner_top{
    background: url(../images/banner_top.jpg);
    min-height: 125vh;
    background-size: cover;
    padding-top: 100px;
    width: 100%;
    margin-top: 20px;
    background-position: center;
   }


.uses_row{margin-top:0px;}
.uses_col{margin-top: 100px;}

.title{color: #fff;font-size: 55px;font-weight: 800;padding-top: 110px;}



.navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 2.2rem;
     padding-left: 0; 
    font-weight: 500;
}


.contact_button{padding-right:20px!important;
  padding-left:20px!important;
background-color:#562486;
border:1px solid #562486;
display: inline-block;
color:#fff!important;
box-shadow: 0 8px 16px 0 rgba(86,36,134,0.1), 0 6px 10px 0 rgba(86,36,134,0.10);
border-radius: 50px!important;
margin-top: 12px!important;
}




.contact_button:hover{padding-right:20px!important;
  padding-left:20px!important;
background-color:#62329b;
border:1px solid #62329b;
display: inline-block;
color:#fff!important;
box-shadow: 0 8px 16px 0 rgba(86,36,134,0.1), 0 6px 10px 0 rgba(86,36,134,0.10);
border-radius: 50px!important;
margin-top: 12px!important;
}





}/*close*/



























/*MOBILE RESPONSIVE IPHONE SCREENS*/
@media (max-width:375px) { 

.brand_logo{max-width: 80%;}
.width_mobile{width: 150px!important}

.banner_top{
    background: url(../images/banner_top.jpg);
    min-height: 95vh;
    padding-bottom: 40px;
    background-size: cover;
    margin-top: 10px;
    width: 100%;
    margin-top: 20px;
    background-position: center;
   }


.uses_icons{max-width: 18%;}






.contact_cta_link{padding-right:25px!important;
  padding-left:25px!important;
background-color:#f7ab31;
border:1px solid #f7ab31;
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
color:#fff!important;
box-shadow: 0 8px 16px 0 rgba(86,36,134,0.1), 0 6px 10px 0 rgba(86,36,134,0.10);
border-radius: 50px!important;
margin-top: 0px;}

.contact_cta_link:hover{padding-right:25px!important;
  padding-left:25px!important;
background-color:#ffbb3f;
text-decoration: none;
border:1px solid #ffbb3f;
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
color:#fff!important;
box-shadow: 0 8px 16px 0 rgba(86,36,134,0.1), 0 6px 10px 0 rgba(86,36,134,0.10);
border-radius: 50px!important;
margin-top: 0px;}




.special_box_responsive{height: 530px;}




}/*close*/