/*

Theme Name:   intelliview360 Theme

Theme URI:    http://

Description:  intelliview360 Theme Twenty Seventeen Child Theme

Author:

Author URI:   http://

Template:     twentyseventeen

Version:      1.0.0

License:      GNU General Public License v2 or later

License URI:  http://www.gnu.org/licenses/gpl-2.0.html

Text Domain:  twenty-seventeen-child

*/

/*========================================= defoult css start ==========================*/



/* @import url("font-awesome.min.css"); */

/* @import url("animate.css"); */



@import url("css/font-awesome.min.css");

@import url("css/animate.css");







@font-face {

  font-family: 'Poppins-SemiBold';

  src: url('fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-SemiBold.woff') format('woff'), url('fonts/Poppins-SemiBold.ttf') format('truetype'), url('fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Poppins-Regular';

  src: url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Regular.woff') format('woff'), url('fonts/Poppins-Regular.ttf') format('truetype'), url('fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Poppins-Bold';

  src: url('fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Poppins-Bold.woff') format('woff'), url('fonts/Poppins-Bold.ttf') format('truetype'), url('fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');

  font-weight: normal;

  font-style: normal;

}



*{

  margin:0px padding:0px;

}

html, body{

  font-family: 'Poppins-Regular';

}

body{

      overflow-x: hidden;

}

.content:after{display: block;content:""; clear: both;}

h1{font-size: 3.750em; font-weight: 600;}

h2{font-size:2.813em;}

h3{font-size:2.500em;}

h4{font-size: 1.875em;}

h5{font-size:1.500em;}

h6{font-size: 1.125em;}



p{font-size:1.063em;}

.yellow_bg{background-color: #ffc431; color: white;}

.green_bg{background-color: #30c573; color: white;}

.p-t{padding-top:4.375em;}

.p-b{padding-bottom:4.375em;}



/*carousel slider section start*/

.carousel-item {

  height: 100vh;

  min-height: 300px;

  background: no-repeat center center scroll;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

.carousel-inner button{margin-right: 15px;}

.carousel-caption {

  bottom: 43%;

}

.carousel-indicators {

    position: absolute;

    right: 8%;

    bottom: 50%;

    display: block;

    left: auto;

    z-index: 15; margin-right:0px; margin-left: 0px; margin-bottom: 0px;}

.carousel-caption h5 {

  font-size: 45px;

  text-transform: uppercase;

  letter-spacing: 2px;

  margin-top: 25px;

}

.carousel-indicators li{

  width: 6px;

  margin-bottom: 7px;

  height: 6px;

  border-radius: 50%;

}



.carousel-caption p {

  width: 75%;

  margin: auto;

  font-size: 18px;

  line-height: 1.9;

      margin-bottom: 25px;

}

.navbar-light .navbar-brand {

  color: #fff;

  font-size: 25px;

  text-transform: capitalize;

  font-weight: bold;

  letter-spacing: 2px;

}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {

    color: rgba(255, 255, 255, 0.9);

}

nav.navbar.navbar-expand-lg.navbar-light.fixed-top.header-top.sticky {

    background: rgba(0,0,0,0.8);

}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {

  color: #fff;

}

.navbar-light .navbar-nav .nav-link {

  color: #fff;

}

.contact_btn{

  padding:3px 15px;

  background-color: #bd2130;

  color:white;

  text-decoration: none;

  display: inline-block;

  border-radius: 30px;

  margin-right: 10px;

  transition: all 0.4s;

}

.search_btn{color: white; display: inline-block;

    margin-right: 10px;}

.search_btn:hover{color: white;}

.contact_btn:hover, .contact_btn:focus{

  text-decoration: none;

  color:#282828;

  background-color: white;



}

.navbar-toggler {

  background: #fff;

}



.navbar-nav {

  text-align: center;

}



.nav-link {

  padding: .2rem 1rem;

}



.nav-link.active,.nav-link:focus{

  color: #fff;

}



.navbar-toggler {

  padding: 1px 5px;

  font-size: 18px;

  line-height: 0.3;

}



.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {

  color: #fff;

}

.link-area

{

  position:fixed;

  bottom:20px;

  left:20px;  

  padding:15px;

  border-radius:40px;

  background:tomato;

}

.link-area a

{

  text-decoration:none;

  color:#fff;

  font-size:25px;

}

      /* The side navigation menu */

.sidenav {

  height: 100%; /* 100% Full-height */

  width: 0; /* 0 width - change this with JavaScript */

  position: fixed; /* Stay in place */

  z-index: 9999999999; /* Stay on top */

  top: 0; /* Stay at the top */

  left: 0;

  background-color: #111; /* Black*/

  overflow-x: hidden; /* Disable horizontal scroll */

  padding-top: 60px; /* Place content 60px from the top */

  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */

}

.sidenav ul{}

.sidenav ul li{}

.sidenav ul li a{text-align: center;}



/* The navigation menu links */

.sidenav a {

  padding: 8px 8px 8px 32px;

  text-decoration: none;

  font-size: 25px;

  color: #818181;

  display: block;

  transition: 0.3s;

}



/* When you mouse over the navigation links, change their color */

.sidenav a:hover {

  color: #f1f1f1;

}

.right_sec{text-align: right;}



/* Position and style the close button (top right corner) */

.sidenav .closebtn {

  position: absolute;

  top: 0;

  right: 25px;

  font-size: 36px;

  font-size: 30px;

  margin-left: 50px;

}

.toggle_btn{color: white;}

.slideInUp{margin-bottom: 24px;}



/* Style page content - use this if you want to push the page content to the right when you open the side navigation */

#main {

  transition: margin-left .5s;

  padding: 20px;

}







.navbar-nav {

    text-align: center;

    display: inline-block;

    /* float: left; */

    width: 100%;

}

.navbar-nav .nav-link {

    padding-right: 0;

    padding-left: 0;

    display: inline-block;

    color: white;

    padding: 5px 10px;

}

li.nav-item {

    display: inline-block;

}

.fixed-top {

    padding: 15px 0px;}

  .fixed-top.header-top.sticky {

    background: rgba(0,0,0,0.8);

}

.navbar-brand{

    text-decoration: none;

    text-align: center;

    margin: 10px auto;

    width: 193px;

    display: block;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}

.navbar-brand{

  width: 100%;

  display: block;

  margin:0px;

}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

@media screen and (max-height: 450px) {

  .sidenav {padding-top: 15px;}

  .sidenav a {font-size: 18px;}

}



/*how it works css start*/

.main-container{position: relative;}

.how_it_work{background-color: #00aca8; color:white;}

.vertical-tab{

    font-family: 'Titillium Web', sans-serif;

    display: table;

}

.vertical-tab .nav-tabs{

    display: table-cell;

    

    vertical-align: middle;

    border: none;

}

.vertical-tab .nav-tabs li{

   float: none;

   vertical-align: top;

   position: relative;

   padding: 10px 15px;

}



/*.vertical-tab .nav-tabs li:after{

   content: "";

    display: block;

    position: absolute;

    right: -8px;

    height: 100%;

    border-right: 1px solid white;

    top: 10px;

}*/



.vertical-tab .nav-tabs li a{

  color: white;

    font-size: 18px;

    font-weight: 600;

    text-align: center;

    text-transform: uppercase;

   

    margin: 0 10px 5px 0;

    border-radius: 0;

    position: relative;

    transition: all 0.5s ease 0s;

}

.vertical-tab .nav-tabs li a:hover{text-decoration: none;}

.vertical-tab .nav-tabs li:after{

  width: 10px;

    height: 10px;

    background-color: white;

    position: absolute;

    content: "";

    border-radius: 50%;

    top: 40%;

    right: 0px;

}

.vertical-tab .nav-tabs li:before{

   border-right: 1px solid white;

    height: 100%;

    background-color: white;

    position: absolute;

    content: "";

    border-radius: 50%;

    top: 44%;

    right: 4px;

}

.vertical-tab .nav-tabs li:last-child:before{

  display: none;

}

/*.vertical-tab .nav-tabs li a:hover,

.vertical-tab .nav-tabs li.active a:hover{

    color: white;

    border-color: white;

}*/

/*.vertical-tab .nav-tabs li a:before,

.vertical-tab .nav-tabs li a:after{

    content: "";

    background: #c9cba3;

    height: 5px;

    width: 5px;

    position: absolute;

    top: 7px;

    border-radius: 50%;

    right: -38px;

    transition: all 0.3s ease 0s;

}

}

.vertical-tab .nav-tabs li a:after{ background: #c9cba3; }

.vertical-tab .nav-tabs li a:hover:before,

.vertical-tab .nav-tabs li.active a:before{

    background: #ffffff;

    width: 9px;

    height: 9px;

    right: -40px;

}*/

/*.vertical-tab .nav-tabs li a:hover:after,

.vertical-tab .nav-tabs li.active a:after{

    width: 100%;

    opacity: 0;

}*/

.vertical-tab .tab-content{

    color: #777;

    font-size: 14px;

    line-height: 26px;

    padding: 0 10px;

}

.vertical-tab .tab-content h5{

    font-weight: 400;

    text-transform: capitalize;

    margin: 0 0 20px 0;

    color: white;

    font-size: 24px;

}



.vertical-tab .tab-content p{

    color: white;

    font-size: 16px;

    margin-bottom: 30px;

}

.tab_img img{

  width: 75%;

  display: block;

  margin: 0px auto

}

.tab-margin{

    margin-top: 25px;

    padding: 10px 13px 14px 40px;

}



.all-btn{

  border-radius: 30px;

  padding:3px 10px;

}

.bg-white{

  background-color: white;

  color:#282828;

}

@media only screen and (max-width: 479px){

    .vertical-tab .nav-tabs{

        width: 100%;

        display: block;

    }

    .vertical-tab .nav-tabs li a{

        padding: 7px 7px;

        margin: 0 0 10px 0;

    }

    .vertical-tab .tab-content{

        padding: 20px 15px 10px;

        display: block;

    }

    .vertical-tab .tab-content h3{ font-size: 18px; }

}





/*Some of our ameging*/

.video_section{

  background-image: url(images/video_bg.jpg);

  background-repeat: no-repeat;

  background-size: 100%;

  background-position: bottom;

}

.serviceBox, .overlay-box{

    color: #555;

    background-color: #fff;

    font-family: 'Montserrat', sans-serif;

    padding: 45px 40px;

    margin: 15px 0 0;

    border: 1px solid #eaeaea;

    position: relative;

    z-index: 1;

    overflow:hidden;

    transition: all ease .3s;

    min-height: 320px;

}

.overlay-box{border: 0px solid #eaeaea !important;}



.overlay-box{

  position: absolute;

    bottom: -385px;

    left: 0;

    right: 0;

    transition: all 0.3s;

}

.serviceBox:hover .overlay-box{



bottom: 0px;

}

.video_section img{

    width: 100%;

    display: block;

    padding-right: 85px;

}

.video_section h2{margin-bottom:40px;}

.video_section .content_box{margin-top: 120px; padding: 0px 45px;}

.video_section .content_box h5{

  margin-bottom: 20px;

}

.video_sect p{margin:10px 0px;}

.video_section .content_box p{

  font-size: 16px;

  margin-bottom: 50px;

}

.service-icon {

    width: 75px;

    height: 75px;

    margin-bottom: 40px;

}

.service-icon img{

    width: 100%;

    padding: 0px;

}

.servicesBox:hover .service-icon{display: none;}

.serviceBox .down_aerow{

      display: block;

    text-align: center;

    margin: 0px auto;

    width: 50px;

}

/*.serviceBox:hover{padding: 35px 40px;}*/

.serviceBox:hover .title{color: white;}

/*.serviceBox:hover .service-icon{display: none;}*/

.serviceBox:hover .description{ color:white;}



.serviceBox.box_green .down_aerow{color: #2fc967;}

.serviceBox.box_red .down_aerow{color: #ff7167;}

.serviceBox.box_sky .down_aerow{color: #4dc6f3;}

.serviceBox.box_purple .down_aerow{color: #9b6cca;}



.overlay-box.services_green:hover{background-color: #2fc967;}

.overlay-box.services_red:hover{background-color: #ff7167;}

.overlay-box.services_sky:hover{background-color: #4dc6f3;}

.overlay-box.services_purple:hover{background-color: #9b6cca;}



.overlay-box:hover.services_green .down_aerow, .overlay-box:hover.services_red .down_aerow,

 .overlay-box:hover.services_sky .down_aerow, .overlay-box:hover.services_purple .down_aerow 

 {

  color: white;

}



.serviceBox .title, .overlay-box .title{

    font-size: 20px;

    font-weight: 400;

    margin: 0 0 21px;

}

.serviceBox .description, .overlay-box .description{

    font-size: 15px;

    text-align: left;

    line-height: 25px;

    margin: 0 0 23px;

   

}

.serviceBox .read-more{

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    border-bottom: 2px solid rgba(255,255,255,0.3);

    transition: all 0.3s ease 0s;

}

.serviceBox .read-more:hover{ text-shadow: 0 0 5px #555; }



@media only screen and (max-width:990px){

    .serviceBox{ margin: 15px 0 50px; }

}





/*what bugness section css start*/

.business_section{

  background-image: url(images/what_bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

}

.business_section h2{color: white; font-weight: 600; font-size: 62px;}



.testimonial{

    margin: 0px 0;

    position: relative;

}

.testimonial:before,

.testimonial:after{

    content: "";

    display: block;

    clear: both;

}



.content_inner{

   vertical-align: middle!important;

    display: table-cell;

    height: 100%;

}

.testimonial .pic{

    display: table;

    width: 50%;

    min-height: 330px;

    float: left;

    margin-right: 0%;

    

}

.testimonial .pic img{

    width: 68%;

    vertical-align: middle;

    display: table-cell;

    margin-top: 20%;

}

.img-test{

      display: table;

    position: absolute;

    background: #00aca8;

    bottom: 0px;

    top: 0;

    width: 50%;

}

.img-test img{

  display: block;

    margin: 0px auto;

}

.testimonial .testimonial-content{

    display: table;

    width: 50%;

    padding-top: 25px;

    background: white;

    min-height: 393px;

    padding: 50px;

}

.testimonial-content .title{

    display: inline-block;

    font-size: 20px;

    font-weight: 900;

    color: #282828;

    padding-right: 10px;

    margin: 0;

}

.testimonial .post{

    display: inline-block;

    font-size: 18px;

    color: #f7de44;

}

.testimonial .description{

    font-size: 18px;

    font-style: italic;

    color: #282828;

    margin-top: 25px;

}

.owl-theme .owl-controls{

    position: absolute;

    bottom: -4%;

    left: 48%;

}

.owl-theme .owl-controls .owl-buttons div{

    display: inline-block;

    width: 25px;

    height: 25px;

    line-height: 25px;

    border-radius: 0;

    background: white;

    padding: 0;

    margin: 0 0 0px 0;

    opacity: 1;

    position: relative;

}

.owl-prev:before,

.owl-next:before{

    content: "\f104";

    font-family: "fontawesome";

    font-size: 25px;

    color: #282828;

    position: absolute;

    top: 0;

    left: 20%;

}

.owl-next:before{

    content: "\f105";

}

@media only screen and (max-width:1280px){

    .testimonial{ padding-left: 0px; }

}









/*plan section css start*/

.plan-section{position: relative;

    overflow: hidden;}

.right_laptop_img{

  position: absolute;/*

    background-image: url(images/laptop_screen.png);*/

    background-repeat: no-repeat;

    background-size: cover;

    right: 0;

    height: 100%;

    top: 4.375em;

    width: 45%;

}

.laptop_img img {

    position: absolute;

    right: -87%;

    top: 8%;

    width: 174%;

}

.red-color{color:#00aca8;}

.sky-color{color:#37a3f6;}

.yellow-color{color:#ffc431;}

.green-color{color:#6dbe71;}

.plan-section h6{margin-bottom: 30px;}

.plan-section p{font-size:16px; text-align: justify;}



/*.laptop_img{display: none;}*/



.plan_inner {

    padding: 45px 23px 45px 23px;

    border-radius: 5px;

    box-shadow: 0px 0px 14px rgba(189, 189, 189, 0.3);

    margin-bottom: 8px;

}



/*work section start*/

.work_section{

  background-image: url(images/work_bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;overflow: hidden;

  padding-bottom: 9.375em;

}

.work_section h3{color:white; margin-bottom: 30px; margin-top: 45px; font-size: 30px;}

.work_section p{color:white; padding-right: 60px; margin-bottom: 30px;}

.work_section a{display: inline-block; margin-right: 14px;}



/*teem section start css*/

.teem_section h3{font-weight: 600;}

.teem_section .teem_img{

  width: 4.375em;

  height: 4.375em;

  border-radius: 50%;

  overflow: hidden;

}

.testimonial2 {

    margin: 0px 10px;

}

.teemcontent{

  position: relative;

  border-radius: 5px;

  background-color: white;

  color: white;

padding: 11px 29px;

margin-bottom: 20px;

}

.teemcontent i{



}

.teemcontent:after{

      content: "";

    position: absolute;

    display: block;

    bottom: -25px;

    left: 40%;

    z-index: -1;

    border-left: -12px solid transparent;

    border-right: 16px solid transparent;

   

    transform: rotate3d(1, 1, 1, 45deg);

}

.red-background{background:#00aca8;}

.sky-background{background:#37a3f6; }

.yellow-background{background:#ffc431;}

.green-background{background:#6dbe71;}



.red-background:after{border-top: 32px solid #00aca8;}

.sky-background:after{ border-top: 32px solid #37a3f6;}

.yellow-background:after{ border-top: 32px solid #ffc431;}

.green-background:after{border-top: 32px solid #6dbe71;}



/*join of most css start*/



.join_of_most{

  background-image: url(images/join_bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}

.join_of_most h5{color:white; margin-bottom: 20px; margin-top: 10px; text-align: left;}

.join_of_most p{color:white; margin-bottom: 30px;text-align: left;}

/*contact section css*/

.contact_section{

  background: black;

  color:white;

}



.custom-form {

  font-weight: 400;

    font-size: 16px;

    padding: 10px;

    border-radius: 4px;

}

.custom-form .send_btn {

    background: transparent;

    color: white;

        font-size: 1.5em;

}

/*.submit {

    margin: 4px auto;

  }*/

.submit{

      text-align: right;

    display: block;

    width: 100%;

}

.custom-radio .custom-control-input:checked~.custom-control-label::before {

    background-color: #ffffff;

}

.custom-control-label::before {

    background-color: transparent;

    border: 1px solid white;

}

.custom-form .form-group {

  position: relative;

  padding-top: 16px;

  margin-bottom: 3em;

}

.description_input{margin-bottom: 15px !important;}

.custom-form .form-group .animated-label {

  position: absolute;

  top: 20px;

  left: 0;

  bottom: 0;

  z-index: 2;

  width: 100%;

  font-weight: 300;

  opacity: 0.5;

  cursor: text;

  color:white;

  transition: 0.2s ease all;

  margin: 0;

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

}

.custom-form .form-group .animated-label:after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 45%;

  height: 2px;

  width: 10px;

  visibility: hidden;

  background-color: white;

  transition: 0.2s ease all;

}

.custom-form .form-group.not-empty .animated-label {

  top: 0;

  font-size: 12px;

}

.custom-form .form-group .form-control {

  position: relative;

    background: transparent;

    z-index: 1;

    border-radius: 0;

    border-width: 0 0 1px;

    border-bottom-color: rgba(199, 199, 199, 0.76);

  height: auto;

  padding: 3px 0 5px;

}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {

    background-color: #00aca8;

}

.custom-form .form-group .form-control:focus {

  box-shadow: none;

  border-bottom-color: rgba(0, 0, 0, 0.12);

}

.custom-form .form-group .form-control:focus ~ .animated-label {

  top: 0;

  opacity: 1;

  color: white;

  font-size: 12px;

}

.custom-form .form-group .form-control:focus ~ .animated-label:after {

  visibility: visible;

  width: 100%;

  left: 0;

}



.contact_address{padding: 40px 0px 0px 35px;}

.contact_address ul{list-style: none; margin:0px; padding:0px;}

.contact_address ul li{position: relative;

    margin-left: 30px;

    font-size: 1.1em;

    margin-bottom: 1.5em;}

.contact_address ul li:before{

  position: absolute;

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    left: -30px;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.contact_address ul li.phone:before{

  content: "\f095";

  top:5px;

  left: -25px;

}

.contact_address ul li.email:before{

  content: "\f0e0";

  top:5px;

}

.contact_address ul li.address:before{

  content: "\f041";

  top:5px;

  left: -25px;

}

.contact_address ul li a{text-decoration: none;color: white;}

.contact_address .social ul li{display: inline-block; margin:5px 15px;}

.contact_address .social{}

.contact_address .social{}





/*blog section*/

.blog_inner {

    height: 100%;border-radius: 5px;

    overflow: hidden;

}

.blog_section h3{font-weight: 600;}

.blog_inner img{height: 100%;}

.blog_content{

    padding: 30px;

    background: #00aca8;

    position: relative;

    color: white;

    z-index: 22;

}

.blog_content i{font-size: 30px;}

.blog_content:after {

    content: "";

    display: block;

    width: 100%;

    height: 100%;

    background: #e45e5d;

    position: absolute;

    border-radius: 266px 0px 0px 0px;

    top: 0;

    left: 0;

    z-index: -1;

}

.green_blog{

  background: #ffc431;

}

.green_blog.blog_content:after{

  background: #ffcb48;

}

.post_date{font-size: 12px;

    position: absolute;

    right: 30px;

    bottom: 10px;}

.blog_content h5{font-size: 27px;

    margin-bottom: 20px;

    font-weight: 700;}

.blog_content h6{font-size: 18px; margin-bottom: 10px;}

.blog_content p{font-size: 16px; margin-bottom: 20px;}



/*footer section css start*/

.footer-section h5{

  margin-bottom: 35px;

    font-weight: 600;

}

.footer-section ul{

  padding-left: 0px;

  list-style-type: none;

}

.footer-section ul li{

  position: relative;

  left:14px;

  margin-bottom: 12px;

  transition: all 0.4s;



}

.footer-section ul li:hover{

  color: #00aca8;

  margin-left: 5px;

}

.footer-section ul li:before{

  content: "\f105";

  position: absolute;

  left: -14px;

  top: 3px;

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;



}

.footer-section ul li a{

  color: #282828;

  text-decoration: none;

  font-size:1em;

  transition: all 0.5s;

}

.footer-section ul li a:hover{

  color: #00aca8;

}

.footer-section img{

     width: 100%;

     margin-top: 40px;

}



.footer_botam{background-color: white; padding:10px 0px;}

.footer_botam p{margin:0px; font-size: 16px;}









/*getstarted css*/

.get-started .tab{margin-top: 390px;}

.get-started .nav-tabs{

  border-bottom: 0px;

}

.get-started .tab .nav-tabs li a{

  padding: 0px;

}

.get-started .tab .tab-content{

  position: absolute;

  bottom:90px;

}

.get_read{

  border:1px solid black;

  color:black;

  transition: all 0.4s;

  font-size: 16px;

  background: white;

}

.get_read:hover{

  background-color: #bd2130;

  color:white;

  border:1px solid #bd2130;

}

.tab .nav-tabs li{

    width: 32.3%;

    margin-right: 1%;

    padding: 0px 15px;

}

.tab .nav-tabs li a{

    display: block;

    font-size: 14px;

    color: #282828;

    text-align: left;

    border: none;

    padding: 18px;

    border-radius: 0;

    margin: 0;

    position: relative;

    transition: all 0.3s ease 0s;

}

.tab .nav-tabs li a:hover{

  text-decoration: none;

}

.tab .nav-tabs li.active a,

.tab .nav-tabs li.active a:focus,

.tab .nav-tabs li.active a:hover{

    border: none;

    color: #282828;

    transition: all 0.20s ease 0s;

    text-decoration: none;

}



.tab .tab-content{

    font-size: 14px;

    color: #fff;

    line-height: 25px;

    padding: 20px;

}

.get-started{

   /* position: relative;

    top: -190px;*/

}

.get_tab_img {

    margin-bottom: 90px;

}

.get-started img{

  width: 100%;

}

.get-started h5{

  font-size: 18px;

  font-weight: 600;

  position: relative;

    display: inline-block;

}

.get-started h5:after{

  content: "";

    position: absolute;

    top: -2px;

    right: -22px;

    border: 9px solid transparent;

    border-bottom-color: #bd2130;

}

.tab .tab-content h3{

    font-size: 20px;

    color: #6676ff;

}







/*contact page css*/

.contactpage{

  color: black;

  background-color: white;

}

.contactpage h3{ font-weight: 600; }

.contactpage .contact_address ul li a{ color: #303030; }

.contactpage .custom-form .form-group .animated-label{ color: #303030; }

.contactpage .custom-form .form-group .form-control:focus ~ .animated-label{ color: #303030; }

.contactpage .custom-form .form-group .animated-label:after{ background-color: #bd2130; }

.contactpage .custom-control-label::before {

    border: 1px solid #afafaf;

}

.contactpage .custom-form .send_btn{ color:#282828; font-weight: 600; }

.contactpage .custom-form .send_btn i{ color:#00aca8; }

.contactpage .contact_address ul li:before{ color: #00aca8; }

.contact_slider{background-image: url(images/contact_slider.jpg); background-position: center;}

.border-bottom{border-bottom: 1px solid #d6d6d6; padding-bottom: 30px;}



.company_section_logo .post-slide{

    margin: 0 10px;

    background: #fff;

}

.company_section_logo .owl-theme .owl-buttons div{

    position:relative;

    border-radius: 0;

    background:#00aca8;

    padding: 7px 15px;

    transition: all 0.5s ease 0s;

}

.company_section_logo .owl-theme .owl-buttons .owl-prev{

    position: absolute;

    left: 6px;

    top: 50%;

    transition: all 0.50s linear;

}

.company_section_logo .owl-theme .owl-controls{left: 50%;}



.company_section_logo .owl-theme .owl-buttons .owl-next{

    position: absolute;

    right: 0;

    top: 50%;

    transition: all 0.50s linear;

}



.company_section_logo .owl-prev:before,

.company_section_logo .owl-next:before{

    content: "\f054";

        display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    color: #fff;

    top:6px;

}

.company_section_logo .owl-prev:before{left: 12px;}

.company_section_logo .owl-next:before{

    content: "\f053";

}



.contactpage .social a .fa-facebook{

  color: #3b5998;

}

.contactpage .social a .fa-twitter{

  color: #00acee;

}

.contactpage .social a .fa-linkedin{

  color: #0e76a8;

}





/*products page css start*/

.products-slider{

  background-image: url(../images/product-slide.jpg);

}

.bg-color-sec{

  background-color: #f9f9f9;

}

.product-section h6{

  font-size: 24px;

  color: #1D1D4C;

  font-weight: 600;

}

.product-section ul{ margin:30px 0px 0px 15px;padding: 0px; list-style-type: disc; }

.product-section ul li{margin: 5px 0px;}

.product-section ul li a{

  font-size: 17px;

  color: #282828;

  text-decoration: none;

}

.prod-img{display: table;height: 100%;}

.var{display: table-cell;

  vertical-align: middle;}

.prod-img img{

  width: 100%;

}

.contm{display: table;height: 100%;}

.coninn{display: table-cell;

  vertical-align: middle;}

              

/*products page css end*/





@media only screen and (max-width: 990px) {

    .company_section_logo .post-slide .post-info li { margin-right: 5px; }

    .company_section_logo .owl-theme .owl-buttons div{ display:none; }

}

@media only screen and (max-width: 767px) {

    .company_section_logo .post-slide .post-link li a{

        width: 40px;

        height: 40px;

        line-height: 39px;

        font-size:13px;

    }

    .company_section_logo .post-slide .post-title a{

        font-size:14px;

    }

}

/*contact page css end*/







@media only screen and (max-width: 767px){

  .navbar-brand img{width: 150px;display: block;}

  .fixed-top {position: relative; /*background: black;*/ }

  .laptop_img img {position: relative; right: auto;top: 20%;left: 0px;width: 100%;}

  .get-started .tab{margin-top: 0px;}

  .get-started .tab .tab-content{position: inherit;}

  .get_tab_img{margin-bottom: 50px;}



  .inner_header .button:before{background: #00aca8;}

  .inner_header .button:after{border-top: 2px solid #00aca8;border-bottom: 2px solid #00aca8;}

}



@media only screen and (max-width: 767px){

  .testimonial .pic {width: 100%;}

  .testimonial{margin:0px 0px;}

  .business_section h2{font-size: 30px;}

  .how_it_work .vertical-tab .nav-tabs {vertical-align: baseline;}

  .tab-margin{margin-bottom: 50px;}

  .tab .nav-tabs li { width: 50%;margin-right: 0%;}

  .left_mobile{display: none;}

  .img-test { position: relative; width: 100%;padding: 50px;}

  .testimonial .pic img{margin-top: 0px;}

  .testimonial{text-align: center; padding-left: 0;}

  .testimonial .pic{height: 100px;  float: none;margin-right: 0;}

  .testimonial .testimonial-content{width: 100%;}

  .owl-theme .owl-controls,

  .owl-prev:before,

  .owl-next:before{position: static;}

  .owl-theme .owl-controls .owl-buttons div{display: inline-block;margin-bottom: 0;}

  .navbar-brand{text-decoration: none;text-align: center;margin: 0px auto;width: 193px;display: block;}

  .toggle_btn{float: right;}

  .main-container {top: auto;}



  

  

} 



.task_managment{

  background-color: #00aca8;

  color: white;

}



@media only screen and (max-width: 570px){



}

@media only screen and (max-width: 480px){

    .tab .nav-tabs li{width: 100%;margin-bottom: 2px;}

    .tab .nav-tabs li.active a:after{border: none;}

}



/*

<img src="assets/images/left_mobile.png" width="100%" alt="">

.

*/

.relative{position: relative;}

.left_mobile{

  position: absolute;

    background: url(images/left_mobile.png) no-repeat;

    background-size: contain;

    left: calc(50% - 170px);

    width: 349px;

    height: 728px;

    margin: 0 auto;

    -webkit-filter: drop-shadow(4px 0 16px rgba(0, 0, 0, 0.25));

    filter: drop-shadow(4px 0 16px rgba(0, 0, 0, 0.25));

}















@media only screen and (max-width:767px){

    

}







/*inner page css get-started*/

.inner_header{background-color: white;}

.fixed-top.header-top.sticky.inner_header{background-color: white;}

.inner_main_container h5{font-weight: 600;margin-bottom: 30px;}

.inner_header .search_btn{color:black;}

.inner_header .search_btn:hover{color:black;}



.inner_header #cssmenu > ul > li > a, .inner_header .toggle_btn{color:black;}

.inner_header #menu-main-menu > .menu-item-has-children::after{color: black;}

.inner_header{position: relative;}

.inner-slider{padding: 150px 0px;}

.inner-slider h1{color: white; font-size: 60px; font-weight: 600;}

.inner-slider p{color: white;/* margin: 8px 80px;*/}

.inner-slider{

  background-repeat: no-repeat;

  background-size: cover;

}

.about-slider{background-image: url(images/about_slider.jpg);}

.about_section p{text-align: justify;margin-bottom: 30px;}



.task_managment h4{margin-bottom: 30px;}

.task_managment p{margin-top: 30px;}











/*main page navigation*/



ul{list-style-type: none: }

#menu-main-menu > .menu-item-has-children::after{content: "\f105";display: inline-block;font: normal normal normal 14px/0 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: white; font-size: 18px;position: absolute;top: 9px;right: 6px; transition: all 0.4s;}

.navigation-section{width:100%;}

ul#menu-main-menu {     padding-left: 0px;}

#cssmenu > ul > li:nth-child(1) a{padding-left: 0px;padding-right: 16px;}

#cssmenu > ul > li:nth-child(8) a{padding-left: 0px;padding-right: 0px;}

#cssmenu > ul > li::before, #cssmenu > ul > li::before{content: "";width: 0%;height: 0%;background: #fff;position: absolute;top: 50%;left:50%;border-radius:50%;opacity: 0.3;transition: all 0.5s ease 0s;}

li.menu-item-has-children.has-sub:hover:after { color: #00aca8 !important;}

.shrink{top:0px;left:0;position:fixed;width: 100%;background: white;z-index: 999999;box-shadow: 0 0 22px #c8c4c4;}

ul{margin-bottom: 0px;}

.glyphicon.glyphicon-chevron-down{font-size: 11px;}

nav{position:relative;/*width:980px;*/margin:0 auto;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{text-transform: capitalize;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{width:100%;}

#cssmenu > ul > li{float:left;}

#cssmenu > ul > li > a{padding: 0px 22px;font-size: 16px;text-transform: capitalize;text-decoration: none;color:white;font-weight: 500;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#00aca8;}

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

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

#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:white;transition:all .25s ease;}

#cssmenu li:hover > ul{left:0px; z-index: 999; box-shadow: 0 0 4px #e9e1e1; padding: 0px;}

#cssmenu li:hover > ul > li{height:40px; border-left: 0px solid white;}

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

#cssmenu ul ul li a{border-bottom:1;padding:13px 15px;width:270px;font-size:14px;text-decoration:none;color:#151414;font-weight:400; transition: all 0.4s;}

#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; background-color: #00aca8;padding-left: 25px;}

#cssmenu ul ul li.menu-item-has-children::after{ position:absolute;top:16px;right:11px;display:block;content:"\f054";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 9px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

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

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

#cssmenu ul ul li:hover{background:white; border-left: 0px solid #00aca8;}

#cssmenu ul li.active ul .has-sub a {color: #151414;}

#cssmenu ul li.active ul li a {color: #151414;}

#cssmenu ul li.active ul .has-sub a:hover {color: #00aca8;}

#cssmenu ul li.active ul li a:hover {color: #00aca8;}

.menu-main-menu{display: block !important;}





li.menu-item-has-children.has-sub:hover:after{content: "\f107" !important;}

.search-icon{padding: 10px 10px;border-radius: 5px;position: relative;cursor: pointer;}

.searchform{margin-top: 10px;position: absolute;right: 0px;padding: 10px;background: whitesmoke;border-radius: 5px; box-shadow: 0px 2px 3px rgba(0,0,0,0.1); display: none;}

    .searchform input{padding: 5px 10px;

    border-radius: 5px;

    border: 1px solid #00aca8;

    height: 36px;

}

.show{display: block;}



@media screen and (max-width:767px){

  .contact_btn{float: left;}

  .get_quto{display: none;}

  .navbar-expand-lg {-ms-flex-flow: wrap;flex-flow: wrap;}

  .navigation-section{width: 100%;}   

  #cssmenu ul li.active ul .has-sub a {color: #ffffff;}

  #cssmenu ul li.active ul li a {color: #ffffff;}

  nav{width:100%;}

  #cssmenu{width:100%}

  #cssmenu ul{width:100%;display:none;}

  #cssmenu ul li{width:100%;border-top: 1px solid #3e3e3e;}

  #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; padding: 10px 0px !important;}

  #cssmenu > ul > li{float:none;}

  #cssmenu ul ul li a{padding-left:25px;padding: 10px 22px !important;}

  #cssmenu ul ul li{background:#ebeef1!important;}

  #cssmenu ul ul li:hover{background:#363636!important;}

  #cssmenu ul ul ul li a{padding-left:35px;}

  #cssmenu ul ul li a{color:#262626;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; padding-left: 0px;}

  #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:16px;color:#ddd;font-size:12px;font-weight:700;}

  .button{width:40px;height:40px;position:absolute;right:0;top:-7px;cursor:pointer;z-index: 12399994;}

  .button:after{position:absolute;top:22px;right:0px;display:block;height:11px;width:30px;border-top:2px solid white;border-bottom:2px solid white;content:'';}

  .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:13px;right:0px;display:block;height:2px;width:30px;background:white;content:'';}

  .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:#00aca8;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);

          -ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}

  .button.menu-opened:before{top:23px;background:#00aca8;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 #3e3e3e;height:37px;width:40px;cursor:pointer;}

  #cssmenu .submenu-button.submenu-opened{background:#00aca8;}

  #cssmenu ul ul .submenu-button{height:34px;width:34px;}

  #cssmenu .submenu-button:after{position:absolute;top:17px;right:19px;width:8px;height:2px;display:block;background:#797979;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:14px;right:22px;display:block;width:2px;height:8px;background:#797979;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;}

  #menu-main-menu > .menu-item-has-children::after{display: none;}



  li.search-icon { width: 40px !important;text-align: center;}

  .searchform {margin-top: 0px; position: absolute;left: 44px;top: 0px;padding: 1px;}

}



#cssmenu > ul > li:nth-child(1) a{padding-left: 18px;}

#cssmenu > ul > li:nth-child(8) a{padding-right: 13px;padding-left: 13px;}



@media (max-width: 1200px){

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

  #cssmenu > ul > li > a{padding:0px 11px;}

  #menu-main-menu > .menu-item-has-children::after{right:8px; }

  .content-section{min-height:auto;}

}



/*header section css end*/


/* New CSS 2026 */
.features-col .vce-col-inner {
    border-radius: 15px;
}
body .fbc-page .fbc-wrap .fbc-items li.active span, body .fbc-page .fbc-wrap .fbc-items li .fbc-end-text {
    color: #00aca8;
}

html body .submit-btn2 input{background: #00aca8;}
a.vce-button--style-basic-icon, a.vce-button--style-basic-icon:hover {
    background: #00aca8 !important;
}
.contactform2 .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
    background-color: #00aca8 !important;
}
.contactform2 input, .contactform2 textarea, .contactform2 select{
  outline-color: #00aca8 !important;
}