/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPecZTIAOhVxoMyOr9n_E7fdM3mDaZRbryhsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPecZTIAOhVxoMyOr9n_E7fdMPmDaZRbrw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGIVzY5abuWIGxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGItzY5abuWI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGIVzY5abuWIGxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzY5abuWI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


video::-webkit-media-controls {
    display: none !important;
}

/* Could Use thise as well for Individual Controls */
video::-webkit-media-controls-play-button {
    display: none !important;
    
}

video::-webkit-media-controls-volume-slider {
    display:none !important;
}

video::-webkit-media-controls-mute-button {
    display:none !important;
}

video::-webkit-media-controls-timeline {
    display:none !important;
}

video::-webkit-media-controls-current-time-display {
    display:none !important;
}
video#banner-video {
    min-width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    transform: translate(0%, 0%);
    width: auto;
    height: auto;
    object-fit: cover;
    z-index: -1;
   /* background: url(../themes/socxo/assets/images/video_new_thumb.jpeg) center center;*/
    background-size: cover;
}
canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
        
.overlay-bg {
    width: 100vw;
    height: 100vh;
    /*background: url(bg-pattern/06.png) repeat;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 1;
}
#subscription{
    display: none;
}

html {
    /* color: #222; */
    font-size: 1em;
    line-height: 1.4;
    
}
body{
    font-size: 15px;
}
html, body {
  overflow-x: hidden !important;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}



hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}



audio,
canvas,
img,
svg,
video {
    vertical-align: middle;
    max-width: 100%;
    display: block;
    margin: auto;
    width: 100%;
}


fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


textarea {
    width: 100%;
    height: 80px;
    padding: 12px;
    padding-left: 17px;
    outline: 0 !important;
    background: rgb(255, 255, 255);
    border: 1px solid #bdb5b5;
}

ul{
    padding: 0;
    margin: 0;
}
ul li{
    list-style-type: none;
    font-size: 17px;
    margin-bottom: 5px;
}
a,
a:visited {
    text-decoration: none;
    color: #000;
}
a,input,button{
    outline: 0;
}
input{
    height: 17px;
    padding-left: 2px;
   
}
select{
    display: block !important;
    height: 38px;
   
    border: 1px solid #ddd;
    width: 100%;
    padding: 7px;
    margin-top: 12px;
}
h1{
    font-size: 40px;
     
    font-weight: normal;   
    font-weight: 500;
    
}
h2{
    font-size: 24px;
    color: #000;
    margin: 10px 0;
}
h3{
    font-size: 18px;
    color: #000000;
    margin: 10px 0;
}
h4{
    font-size: 23px;
    color: #273F7F;
    margin: 10px 0;
    font-weight: normal;
}
b, strong{
    font-weight:500 !important;
}
h5{
    font-size: 14px;
    
    margin: 10px 0;
}
p,li{
    margin: 0;
    font-size: 17px;
    /* text-align: justify; */
    line-height: 26px;
    margin-bottom: 15px;
    color: #585858;
}
h2,h3,h4,h5{
    font-size: 20px;
    margin-bottom: 15px;
}


.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


.hidden {
    display: none !important;
    visibility: hidden;
}


.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}



.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


.fl-l{
    float: left;
}
.fl-r{
    float: right;
}

.fl-ll{
    float: left !important;
}
.fl-rr{
    float: right !important;
}
.full-width{
    width: 100% !important;
}
.mt-0{
    margin-top: 0;
}
.mt-10{
    margin-top: 10px;
}
.mt-15{
    margin-top: 15px;
}
.mt-20{
    margin-top: 20px;
}
.mt-25{
    margin-top: 25px;
}
.mt-50{
    margin-top: 50px !important;
}
.mt-70{
    margin-top: 70px;
}
.mt-80{
    margin-top: 80px;
}
.mt-100{
    margin-top: 100px;
}
.mt-150{
    margin-top: 150px;
}
.mt-200{
    margin-top: 200px;
}
.mt-250{
    margin-top: 250px;
}
.mt-300{
    margin-top: 300px;
}
.mb-0{
    margin-bottom: 0;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-15{
    margin-bottom: 15px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-25{
    margin-bottom: 25px;
}
.mb-50{
    margin-bottom: 50px;
}
.mb-100{
    margin-bottom: 100px;
}
.mb-150{
    margin-bottom: 150px;
}
.mb-200{
    margin-bottom: 200px;
}
.mb-250{
    margin-bottom: 250px;
}
.mb-300{
    margin-bottom: 300px;
}
.mb-500{
    margin-bottom: 500px;
}
.ml-10{
    margin-left: 10px;
}
.ml-15{
    padding-left: 30px;
}
.ml-20{
    margin-left: 20px;
}
.ml-25{
    margin-left: 25px;
}
.ml-30{
    margin-left: 30px;
}
.ml-35{
    margin-left: 35px;
}
.ml-40{
    margin-left: 40px;
}
.ml-45{
    margin-left: 45px;
}
.ml-50{
    margin-left: 50px;
}
.mr-15{
    margin-right: 15px;
}
.mr-20{
    margin-right: 20px;
}
.mr-25{
    margin-right: 25px;
}
.mr-30{
    margin-right: 30px;
}
.mr-35{
    margin-right: 35px;
}
.mr-40{
    margin-right: 40px;
}
.mr-45{
    margin-right: 45px;
}
.mr-50{
    margin-right: 50px;
}
.w-50{
    width: 50px;
}
.w-100{
    width: 100px;
}
.w-150{
    width: 150px;
}
.w-200{
    width: 200px;
}
.w-250{
    width: 200px;
}
.w-290{
    width: 290px !important;
}


.invisible {
    visibility: hidden;
}



.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}



@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/*@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.eot');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff'),
        url('fonts/Roboto-Regular.ttf') format('truetype'),
        url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Medium.eot');
    src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto-Medium.woff2') format('woff2'),
        url('fonts/Roboto-Medium.woff') format('woff'),
        url('fonts/Roboto-Medium.ttf') format('truetype'),
        url('fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}*/

body{
    position: relative;
    margin: 0;
    font-family: 'Titillium Web', sans-serif;
    background: white;
    margin: 0;
    font-weight:normal;    
    overflow: hidden !important;
    height: auto !important;
}
.cc-revoke, .cc-window{
    font-family: 'Titillium Web', sans-serif !important;
}
.wrapper{
    width: 100%;
}

.logo img {
    max-width: 50px;
    margin: 0px;
}
.logo {
    /* height: 95px; */
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    text-align: left;
    padding-top: 25px;
    padding: 10px;
}
.logo:after{
     content:'';
     position: absolute;
     /*background:url(../images/wave.png) 0px 0px no-repeat;*/
     top: auto;
     left: auto;
     right: 35px;
     width: 30px;
     height: 30px;
     bottom: -17px;
     margin: auto;
     z-index: 999 !important;
     display: none;
}
.white-header .logo{
    padding: 14px 0;

}
.navbar{
    margin-bottom: 0px;
    min-height: 0px;
}
.menu-section {
    position:fixed;
    z-index: 999 !important;
    width: 100%;
    background: no-repeat;
    transition: 0.35s;
    -webkit-transition:0.35s;
    padding: 0% 5%;
    background: rgba(0, 0, 0, 0.4);
    top: 0%;
}
.side-navbar{
    width: 290px;
    background: white;
    padding: 10px;
    /* display: none; */
    position: absolute;
    right: 0px;
    left: auto;
    top: 100%;
    border-radius: 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    text-align: left;
}
.side-navbar li{
    float: none;
}
.side-navbar .dropdown-menu{
    position: static;
    float: none;
    box-shadow: none;
}
.main-navbar ul{
    float: none;
    margin: auto;
    width: 100%;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
.main-navbar ul li{
    width: 20%;
    text-align: center;
}
.main-navbar .dropdown-menu li{
    width: 100%;

}
.main-navbar .dropdown-menu a{
    color: black;
    display: block;    
    text-align: left;
}

a.free-trial-btn {
    /*border: 2px solid #004c9a;*/
    text-transform: uppercase;
    color: black;
    /*text-transform: uppercase;*/
    padding: 8px !important;
    display: inline-block;
    text-decoration:none;
    text-align: center;
    /*font-weight: 300;*/
    background: linear-gradient(to right, #004c9a 50%, transparent 50%);
    background-size: 201% 100%;
    background-position: right bottom;
    margin-right: 10px;
    padding: 10px;
    width: 100%;
}
.navbar-nav>li>a{
    padding: 10px 10px;
    width: 100%;
    font-size: 16px;
}
.menu-section.white-header{
    background: #ffffff;
}
.menu-section.white-header .navbar-nav>li>a{
    color:black;
    font-size: 16px;
    text-align: left;
}

a.free-trial-btn:hover{
    
    transition: all .5s ease-out;
    background-position: left bottom;
    color: white !important;
}
#video{
    position: relative;
    overflow: hidden;
    height: 501px;
}
video#banner-video{
    min-width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    transform: translate(0%, 0%);
    width: auto;
    height: auto;
    object-fit: cover;
    z-index:-1;
    /*background: url(../images/video_new_thumb.jpeg) center center;*/
    background-size: cover;
}
#clients-slider .item{
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    min-height: 50px;
}
#clients-slider .item img{
    width: 120px;
    height: auto;
    /*filter: gray;*/
    /* -webkit-filter: grayscale(1); */
    margin: auto;
}
section#clients {
    text-align: center;
    /* background-image: linear-gradient(to top, rgba(0, 0, 0, 0.95), transparent); */
    width: 100%;
}
section#clients h3{
    font-size:x-large;
    padding: 20px 0px;
    color:white;
    min-height: 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}
header{
    position: relative;
    
}
.height-150vh{
    /* height: 2500px; */
    height:100vh;
}

.menu-section:after{
    content:'';
    position: absolute;
    top: auto;
    bottom: 5px;
    left: 0px;
    right: auto;
    width: 100%;
    height: 10px;
    background-size: cover;
    border-bottom: 1px solid rgb(0, 75, 152);
    z-index: 99;
    display: none;
}
.menu-cen-ver-align{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding-top: 13px;
}
.main-navbar ul li a {
    color: white;
    background: none !important;
    font-size: 16px;
}
nav.navbar.main-navbar {
    padding-top: 15px;
}
.open-btn {
    display: inline-block;
    color: white;
    font-size: 30px;
}
.menu-section.white-header  .menu-btn .open-btn{
    color:black;
}
#clients-slider .owl-item.active.center img{
    filter: none;
    -webkit-filter: grayscale(0);

}

#clients{
    position: relative;
    padding-bottom: 15px;
    position: fixed;
    bottom: 10%;
    width: 100%;
    z-index: 2;
}
#clients:after{
    content:'';
    position: absolute;
    top: auto;
    bottom: -2px;
    left: 0px;
    right: 0px;
    width: 39px;
    height: 9px;
    background:url(../images/wave.png) 0px 0px;
    margin: auto;
    display: none;
}
.hide{
    display: none;
    
}
.show{
    display: block;
    
}
#section-one{
    background: url(../images/section-layers/merged-single.jpg) 0px 0px;
    overflow: hidden;
    height: 1616px;
    position: relative;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    z-index:7;
}
/*#section-two{
    background: url(../images/section-layers/sectionone.jpeg) 0px 0px;
    overflow: hidden;
    height: 1616px;
    position: relative;
    background-attachment: fixed !important;
    z-index: 8;
    background-size: cover !important;
}*/

.black-layer{
    /* background: rgba(0, 0, 0, 0.48); */
    position: fixed;
    width: 100%;
    height:100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 1;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 20% ,rgba(0, 0, 0, 0.5) 30%);
    z-index: -1;
}
.white-layer{
    background-color: red;
    position: absolute;
    width: 100%;
    height:100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
}
.fixed-background{
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}
#calculation{
    /*background-image: url(../images/section-layers/image-4.jpg);*/
    overflow: hidden;
    z-index: 9;
    /* height: 700px;*/
    /* background: white; */

}
.x-layer{
    background-size: cover !important;
    position: absolute;
    z-index: 7;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100% !important;
    background-attachment: scroll !important;
    height: 800px;
}
.right-x{
    /*background: url(../images/section-layers/full-background.png) 0px 0px no-repeat;*/
    text-align: left;
}
.right-x:before{
    content:'';
    content:none !important;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 36%;
    right: 0px;
    height: inherit;
    /*background:url(../images/x-one.svg) 0px 0px no-repeat;*/
    width: 100%;
    height: 808px;
    z-index: -4;
}
.left-x{
    text-align: right;
    /*background: url(../images/section-layers/full-background.png) 0px -723px no-repeat;*/
    text-align: right;
    justify-content: flex-end;
}
.left-x:before{
   content: '';
   content:none !important;
   position: absolute;
   top: 0px;
   bottom: auto;
   left: auto;
   right: -33%;
  /* background: url(../images/x-two.svg) 0px 0px no-repeat;*/
   width: 100%;
   z-index: -4;
   height: 984px;
}

.content-box h3,.content-box h1, .content-box h2 {
    font-weight: 500;
    font-size: xx-large;
    padding: 10px 0px;
}
.section-height{
    height: 808px;
}
.v-align{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 11%;
    height: 100vh;
    display: table;
     min-height: 768px;
}
.v-align>div{
    display: table-cell;
    vertical-align: middle;
}
.sect-box {
    /* padding: 30px; */
    position: relative;
}
.icon img {
    width: auto;
    /* max-width: 60px; */
    height: auto;
    display: inline-block;
}
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}
.c-align{
    justify-content: center;
}
.content-box h4,.content-box p.sub-title {
    color: black;
    text-align: left;
}
section#calculation .x-layer-right{background-position: 0px  -1616px;}
#calculation label{
    background: #ff5d00;
    color: white;
    border-radius: 0px;
    font-style: italic;
    font-weight: lighter;
}
#calculation input{
    border: 1px solid #333037;
    border-radius: 4px;
    position: relative;
    left: -1px;
    color: black;
    background: transparent;
    font-weight: 500;
}
.result{
   text-align: center;
   position: relative;
   color:black;
   margin-top: 10px;
}
.result p{
    font-size: 20px;
    text-align: center;
    line-height: 21px;
    margin: auto;
    color:inherit;
}
.result p {
    font-size: x-large;
    margin: 10px;
}
.result span{
    display: block;
    /* font-size:small; */
    text-align: center;
}
table {
    margin: 10px 0px;
    /* width: 100%; */
    display: inline-block;
}
p.price {
    font-size: large;
    /* bottom: 30px; */
    /* left: 25%; */
    /* right: 0px; */
    display: block;
}


a.demo-btn{
    background:orange;
    border: 2px solid #ff5d00;
    text-transform: uppercase;
    color: white;
    text-transform: uppercase;
    padding: 8px !important;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-weight: 300;
    background: linear-gradient(to right, #ff5d00 50%, transparent 50%);
    background-size: 201% 100%;
    background-position: right bottom;
    margin-right: 10px;
    font-size: 15px !important;
}
a.demo-btn:hover{
    transition: all .015s ease-out;
    -webkit-transition: all .015s ease-out;
    background-position: left bottom;
    color: white !important;
}
#note p{
    padding: 15px 0px;
    margin: auto;
}
footer ul li {
    margin: 10px auto;
}
footer{
    background: #f2f2f1;
    padding: 20px 0px 0px 0px;
    position: relative;
    z-index: 9;
}
.social-icons {
    /*min-height: 91px;*/
    align-items: center;
    display: flex;
    float: left;
    justify-content: flex-end;
}
.social-icons a i{
    margin: 10px;
    font-size: 23px;
    /* color: #ff5d00; */
}
.cd-section{
    background:white !important;
}
.cd-vertical-nav{
    top: auto;
    bottom: 0px;
}
section#note {
    /* background: white; */
    position: relative;
}
.cd-vertical-nav a{
    background-color: rgba(0, 0, 0, 0.27);
}
    
/*Loading Gif*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*background: url(../images/loding-x.gif) center no-repeat #dce7ea;*/
}

header .text-container{
    position: absolute;
    top: 45% !important;
    left: 40px;
    right: 0px;
    bottom: auto;
    margin: auto;
    width: 100%;
    z-index: 3;
    height: 100px;
    text-align: center !important;
}
header .text-container h1{
    color: white;
    /* background: rgba(0, 0, 0, 0.45); */
    /* padding: 20px; */
}
.pagination {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.4em;
    z-index: 10;
    width: 17px;
    right: auto;
    left: 0px;
    margin: 10px 0px;
    display: block;
}
.pagination a {
    display:block;
    height: 60px;
    margin-bottom:5px;
    color:white;
    position:relative;
    padding:4px;
    width: 0px;
}
.pagination a.active:after {
    box-shadow:inset 0 0 0 5px;
    color: #ffa100;
    width: 4px;
    left: 16px;
    right: 0px;
    border-bottom: 0px;
    top: -10px;
    border-radius: 10px;
}
.pagination a .hover-text {
    position: absolute;
    right: -100px;
    top: 50%;
    opacity: 0;
    color: white;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    padding-right: 15px;
    background: none;
    width: 100px;
    display: block;
    /* opacity: 1; */
    text-align: center;
    /* background: black; */
}
.pagination a:hover .hover-text {
    opacity: 1;
}
.pagination a:after {
    -webkit-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
    width: 3px;
    height: 65px;
    display: block;
    border: 0px;
    content: '';
    position: absolute;
    margin: auto;
    top: 0px;
    right: 2px;
    bottom: 0;
    background: #004d97;
    border-bottom: 10px solid white;
}
.pagination>li{
    display: block;
    
}
.pagination>li>a, .pagination>li>span{
    background:none;
    border: 0px;
    margin: 0px;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    background:none;
}
.copy-right{
    background: #005484;
    padding: 10px 0px;
}
.copy-right p{
    font-size:small;
    text-align: center;
    margin: auto;
    color: white;
}
.pagination-box {
    position: fixed;
    left: 0px;
    width: 100px;
    height: auto;
    top: 35%;
    z-index: 99999 !important;
}


a.scroll-btn {
    padding-top: 60px;
    position: fixed;
    bottom: 5%;
    right: 0px;
    left: 0px;
    z-index: 999 !important;
    width: 60px;
    height: 60px;
    margin: auto;
    display: block;
    text-align: center;
    top: auto;
    color: white;
    cursor:pointer;
}
 a.scroll-btn span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  /* border: 1px solid #fff; */
  border-radius: 100%;
  box-sizing: border-box;
}
 a.scroll-btn span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  /* border-left: 1px solid #fff; */
  /* border-bottom: 1px solid #fff; */
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
 a.scroll-btn span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.navbar-nav i{
    margin-right: 10px;
}
.menu-section.white-header .trans-logo {
    display: none;
}
img.actual-logo{
    display: none;
}
.menu-section.white-header .actual-logo{
    display: block;
    max-width: 150px;
}
/*Home banner*/
a.scroll-btn.bounce.mobile {
    display: none !important;
}
.text-container h1 {
    text-align: center;
    width: 100%;
    margin: 10px auto;
    font-size: inherit;
    color:white;
    font-size: 45px;
    line-height: 100px;
    /* position: absolute; */
    /* margin-bottom: 30px; */
    line-height: 55px;
    transition: 0.35s;
    -webkit-transition: 0.35s;
    font-weight:normal;
}
.content-box b h1{
    display: inline;
    font-weight: 500;
    color: black;
    font-size: inherit;
}
.left{
    text-align: left;
}
.right *{
    text-align: right !important;
}
.right a.know-more-blip{
    float: right !important;
    
}
.jc-flexstart{
    justify-content: flex-end;
}
.jc-flexend{
    justify-content: flex-end;
}
/*#working-video .owl-dots .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid white;
    margin: 10px;
}
#working-video .owl-dots .owl-dot.active {
    
    background:#ff5d00;
    border:0px;
}
#working-slider .owl-dots{
    text-align: center;
    margin-top: 20px;
}*/
#subscription {
    /*background: #154D96 !important;*/
    padding: 20px 0px;
    z-index: 9!important;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;

}
#subscription h2{
    text-align: center;
    margin-bottom: 30px;
    color: white;
    line-height: 40px;
}
/*Blip Css*/

.solutions_banner{
    /*background:url(../images/solution/solutions-page-banner.png) 0px 0px;*/
    overflow: hidden;
    position: relative;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: repeat;
    z-index: 7;
}
.free_trial_banner{
    /*background:url(../images/free-trial.jpg) 0px 0px;*/
   /* min-height: 735px;*/
    background-size: cover;
}
.thank_banner{
    background:url(../images/thankyou-banner.jpg) 0px 0px;
    height: 735px;
    background-size: cover;
}
.product_banner{
    /*background:url(../images/products/product-banner.jpg) 0px 0px;*/
    overflow: hidden;
    position: relative;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: repeat;
    z-index: 7;
}
.banner_height{
    height: 808px;
    position: relative;

}
.banner .content-box h3, .banner .content-box h1,.banner .content-box h2{
        /*margin-top: 92%;*/
    /* font-size: 44px; */
    font-weight: normal;

}
#steps{
    /*background: url(../images/products/steps.png) 0px 0px no-repeat;*/
    background-size: cover;
    /* min-height: 664px; */
    overflow: hidden;
    position: relative;
    padding: 50px 0px;
}
.solution-steps{
    /*background: url(../images/solution/solutions-page-banner-2.png) 0px 0px no-repeat;*/
    background-size: cover;
    min-height: 664px;
    overflow: hidden;
    position: relative;
    padding: 50px 0px;
}
.steps-box {
    margin: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    /* height: 664px; */
    text-align: left;
    display: block;
}
.partner-detail-wrapper{
     margin: auto;
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     -ms-align-items: center;
     align-items: center;
     justify-content: center;
     /* height: 945px; */
     text-align: left;
}
.partner-details{
    /* height: 527px; */
}
.accordion, .question-tag {
    background-color: transparent !important;
    color: black !important;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 19px;
    transition: 0.4s;
    border-bottom: 1px solid #004c9a;
    /*font-weight: 500;*/
    display: block;
    text-decoration: none !important;
    position: relative;
    padding-right: 30px;
}



.panel {
    padding: 18px 0px;
    background-color: white;
    overflow: hidden;
    display: none;
    background: no-repeat;
    border: 0px;
    box-shadow: none;
    margin: auto auto auto 20px;
}
.panel p{
    margin-bottom: 0px;
}
.panel.active{
    display: block;
    
}
#steps h3 {
    text-align: right;
    font-size: xx-large;
    font-weight: 500;
    line-height: normal;
    padding: 0px 15px;
    margin: auto;
}
.steps-box .inner{
    /* width: 80%; */
    margin: auto;
}
.accordion.active:after ,.question-tag.active:before{
    color: #004c7f;
    /*-webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);*/
    content:'-';
    transition: 1s;
    -webkit-transition: 1s;
}
.accordion:after,.question-tag:before {
   content: '\002B';
    color: #777;
    font-weight: 500;
    margin-left: 5px;
    color: #004c7f;
    font-size: 20px;
    position: absolute;
    top: 25%;
    right: 15px;
    bottom: 0px;
    margin: auto;
}
.top-black-layer {
    position: relative;
}
.top-black-layer:before {
    content: none;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 70px;
    z-index: 9;
}
.steps-box ul li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 20px;
    font-size: 15px;
    margin-top: 5px;
}
.heading {
    font-size: xx-large;
    margin: 20px auto;
    font-weight: 500;
    font-style: normal;
    color: rgba(0, 0, 0, 0.8);
}
.sub-heading {
    font-size: x-large !important;
    margin: 10px auto;
    font-weight: 500;
    color:black;
}
#testimonials{
    text-align: center;
    padding: 30px 0px;
}


.owl-thumbs button.owl-thumb-item {
    width: 100px;
    height: 100px;
    margin: 20px;
    border: 1px solid black;
    border-radius: 100%;
    transition: 0.35s;
    -webkit-transition:0.35s;
}
.testimonials-content {
    width: 70%;
    margin: auto;
}
.testimonials-content .details{
    text-align: center;
}
.details p{
    font-weight: 500;
    text-align: center;
    font-size:large;
}

button.owl-thumb-item.active {
    width: 130px;
    height: auto;
    position: relative;
    top: 0px;
}
.sol-request-demo{
      /*font-size: 30px;*/
      text-align: center;
      padding: 27px 0px;
}
.sol-request-demo a{
    display: block;
    margin: auto;
}
.sol-request-demo p{
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 25px;
}
/*Request button*/
a.request-demo, .submit-button , nav ul li a.request-demo{
    border: 2px solid #ff5d00 !important;
    font-size: 15px;
    color: #ff5d00 !important;
    background: linear-gradient(to right, #ff5d00 50%, transparent 50%) !important;
    background-size: 201% 100% !important;
    background-position: right bottom !important;
    text-transform: uppercase;
    display: block;
    padding: 8px !important;
    text-decoration: none !important;
    text-align: center !important;
    margin-right: 10px;
    max-width: 220px;
    min-width: 216px;
    border-radius: 4px !important;
    /* margin-top: 15px; */
    height: auto !important;
    margin: auto;
    
}
.inverse-button{
    border: 2px solid white !important;
    font-size: 15px;
    color: white !important;
    background: linear-gradient(to right, white 50%, transparent 50%) !important;
    background-size: 201% 100% !important;
    background-position: right bottom !important;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px;
    text-decoration: none !important;
    text-align: center;
    margin-right: 10px;
    max-width: 220px;
    min-width: 216px;
    border-radius: 4px !important;
    margin-top: 15px;
}
.submit-button{
    /* padding: 19px; */
    /* line-height: 1px; */
}
.inverse-button:hover{
    transition: all .5s ease-out;
    background-position: left bottom !important;
    color: black!important;
}
a.request-demo:hover, .submit-button:hover {
    transition: all .5s ease-out;
    background-position: left bottom !important;
    color: white !important;
}
/*Filled button*/
a.filled-button, input.filled-button , .subscribe-filled-button{
    text-transform: uppercase;
    padding: 8px !important;
    border: 3px solid #ff5d00;
    text-decoration: none;
    font-size: 15px;
    color: white;
    /*idth: 30%; 
    display: inline;*/
    background-color: #ff5d00;
    border-radius: 4px;
    max-width: 220px;
    min-width: 216px; 
}
input.download-free-btn{
    text-transform: uppercase;
    padding: 22px 9px;
    border: 3px solid #ff5d00;
    line-height: 2px;
    text-decoration: none;
    font-size: 15px;
    color: white;
    width: 100%;
    display: inline;
    border-radius: 4px;
    background-color: #ff5d00;
}

#working-video {
    background-size: cover !important;
    width: 100%;
    padding: 20px;
    position: relative;
    z-index: 9;
    background: #ff9e00;
    text-align: center;
    margin-top: 3900px !important;
    padding-top: 130px;
    min-height: 768px;
}

.border-box{
    height: 300px;
    width: 600px;
    border:1px solid white;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    
    
}
.zoom-effect{
    animation: zoom 4s infinite linear;
    /* box-shadow: 1px 3px 10px black; */
    /* padding: 30px; */
}
@keyframes zoom{
0%{
 transform: scale(1) rotate(0deg);
}

  50%{
   transform: scale(1.08) rotate(0.1deg);

  }
  100%{
    transform: scale(1) rotate(0deg);
  }

}

#working-video h3{
    font-size: xx-large;
    color:white !important;
    font-weight: 500;
    margin-bottom: 20px;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
div#clients-slider {
        height: 60px;
    overflow: hidden !important;
}
#subscription label{
    color:white;
    line-height: 25px;
    font-size: 12px;
    font-weight: normal;
    display: inline;
    /* float: left; */
    /* width: auto; */
    padding: 0px;
}
#subscription input[type='text'] {
    background: transparent;
    border: 1px solid #ff5d00 !important;
    outline: 0 !important;
    color: white;
    height: 40px;
    box-shadow: none !important;
}
section#subscription .btn {
    margin: 10px auto;
    height: 50px;
    background: #ff5d00;
    border: 0px;
    outline: 0px;
    box-shadow: none;
    width: 100%;
}
select option:first-child,select option[value="-None-"]{
    color: lightgrey !important;
}

input#customCheck1 {
    display: inline;
    width: 20px;
    background: transparent;
}
section#subscription input[type='text']::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
section#subscription input[type='text']::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
section#subscription input[type='text']:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
section#subscription input[type='text']:-moz-placeholder { /* Firefox 18- */
  color: white;
}
section#subscription form{
    margin: auto;
    /* padding: 20px 20px; */
}


.blip-down-btn{
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    stroke-dashoffset: 0;
    /*animation: dash 3s linear infinite;*/
    fill:none;stroke: #ff5d00;
    stroke-width: 20px;
}


@keyframes dash {
  from {
    stroke-dashoffset: 2000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
svg#Layer_1 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.bounce {
    -moz-animation: bounce 5s infinite;
    -webkit-animation: bounce 5s infinite;
    animation: bounce 5s infinite;
}
@-moz-keyframes bounce {
  0% {
    /* -moz-transform: translateY(0); */
    transform: translateY(0);
     opacity:0;
    
  }
  60% {
    -moz-transform: translateY(30px);
    transform: translateY(30px);
     opacity:1;
  }
  
  100%{
      opacity:0;
  }
 
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
     opacity:0;
  }
  60% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity:1;
  }
  100%{
      opacity:0;
      }
  
}
@keyframes bounce {
  0%{
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity:0;
  }
  60% {
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity:1;
  }
  100%{
      opacity:0;
      
     }
  
}
a.scroll-btn p{
    color:white !important;
    text-align: center;
    line-height: normal;
    margin: auto;
    position: relative;
    top: -19px;
    font-weight: 900;
    font-size: large;
}

/*Plans Page*/

/*Muthu Custom Css */
.content-box p.heading{
    padding-top: 30px;
}
.plan-dropdown-box{
    width: 400px;
    padding: 16px;
    /* background-color: #ffffff; */
    display: inline-block;
}

.plan-dropdown-box a {
    padding: 10px;
    text-decoration: none;
    position: relative;
    font-size: 17px;
    color: white !important;
    display: inline-block;
    min-width: 120px;
    text-align: center;
}
 
.plan-dropdown-box a.active{
    color: #ff5d00;
    border-bottom: 2px solid white;
    font-weight: 500;
}
.plan-dropdown-box a.active::before{
    content: none;
    position: absolute;
    color: #ff5d00;
    margin: 0px;
    top: 44px;
    left: 31px;
    width: 0;
    bottom: 0px;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 6px solid #fd7537;
}  
.plan-dropdown-content{
    padding: 18px;
    width: 400px;
    /* border: 1px solid #ffffff; */
    border-top: none;
    display: none;
    min-height: 361px;
}
.plan-dropdown-content.active{
    display: block;
    
}
.plan-dropdown-content p{
    padding-top: 12px;
    text-align: left;
    line-height: normal;
    display: inline-block;
    color: white;
    font-size:13px;
}
.shareprice{
    border: 2px solid #ffffff;
}
.price{display: flex;padding: 18px;color: white;cursor:pointer;}
.price .left{
    width: 100%;
    float: left;
    font-weight: 500;
}
.price .right{
    width: 100%;
    float: right;
    font-weight: 500;
    text-align: right;
}
.plans_banner
{
    /*background: url(../images/pricing-banner.png) 0px 0px;*/
    /*overflow: hidden;*/
    background-size: cover;
    z-index: 7;
    height: 735px;
}
.share-banner
{
    /*background: url(../images/share-background.png) 0px 0px;*/
    position: relative;
    background-size: cover;
    z-index: 7;
    height: auto;
    background-position: 0px 0px;
}
.plan-dropdown-content-title ,.plan-dropdown-content-title-right{
    font-size: 15px !important;
    margin-left: 10px;

    
}
.align-top{
    -ms-align-items: flex-start;
    align-items: flex-start;
    padding: 0px 5%;
}
.plan-dropdown-content-title-right{
    /* margin-left: 116px; */
    float: right;
}
.ul-list li{
    list-style-type:disc;
    padding-left: 10px;
    list-style-position: outside;
    /* font-size: 15px; */
    margin-left: 30px;
}
.plan-dropdown-content .btn
{
    width: 63%;
    padding: 12px;
    background-color: #f16823;
    display: block;
    border-radius: 22px;
    margin: auto;
}
.subscription{
    font-size: 12px;
    position: relative;
    padding: 0px 32px;
    margin-top: 10px;
}
.shareprice-content{
    /* text-align: center; */
}
.shareprice-content p,h4{
    font-size: 17px !important;
    /* text-align: center; */
    line-height: 27px !important;
}
.shareprice-content .btn{
    margin: 32px auto;
}
.plan-right-box{display: flex;align-items: center;height: -webkit-fill-available;justify-content: center;text-align: center;}
.plan-right-box-content p,.btn{color: white;font-size: 16px;font-weight: 100;text-align: center;}
.plan-right-box-content a{
    display: block;
    margin-left: 95px;
}
.plan-right-box-content .btn
{
    width: 63%;
    padding: 12px;
    background-color: #f16823;
    display: block;
    border-radius: 22px;
    margin: auto;
}
.plan-right-box-content p{
    padding-top: 10px;
}
.plan-phone-bg
{
    /* background: url(../images/phone-bg.png) 0px 0px no-repeat; */
    background-size: cover;
    
    overflow: hidden;
    position: relative;
    /* padding: 59px 0px; */
    background-position: 94% 100%;
    /* background-color: #154d96; */
}
.pricing-phone{
    width: 100%;
    text-align: right;
}

.second-content-right-box
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: flex-end;
    height: 560px;
    
    
}
.second-content-right-box h4, .second-content-right-box li, .second-content-right-box h3{
    /*color: white;*/
     padding-bottom: 21px;
}
.second-content-right-box h4{
    padding-bottom: 21px;
    font-weight: 100;
}


.second-content-right-box ul
{
        margin-left: 19px;
}
.second-content-right-box h3
{
        
    margin-left: 16px;
}

.third-inside-content h3{
    color: black;
}

.third-inside-image
{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    
}

/* dot code */
.second-inside-content p {position: relative;color: white;margin-left: 16px;}
.second-inside-content  p::before {
   content: '*';
   left: -29px;
   top: 7px;
   position: absolute;
   font-size: 26px;
}
.second-inside-content  ul li{position: relative;}
.second-inside-content  ul li::before{
    content: '.';
    left: -29px;
    top: -12px;
    position: absolute;
    font-size: 51px;
}
.second-inside-content span{
   font-weight: 500;
}
..phone-pricing{
    width: 100%;
}

/*End of the page*/


/*FAQ Page*/
.faq-hero-content{
    /* padding: 0px 84px; */
}
.faq-hero-content h2 ,.partner-hero-content h2{
    /* color: #F26822; */
    font-size: 30px;
    line-height: 50px;
    font-weight: 500;
}
.faq-hero-content p{
    align-items: center;
    text-align: left;
}
#faq-hero-portion{
    height: 685px;
}
.faq-accordion ul li {
    list-style: disc;
    margin-left: 30px;
    color: black;
}
.height-zero{height: auto !important;min-height: 0px !important;/* padding: 0px !important; */}

.search-btn{
    background-color:#F26822;
    color: white; 
    border: #F26822;
    padding: 14px 29px;
    margin-left: 10px;
}
.search .qust-part {
    display: none;  
}
.qust-part p{
    color: #383f4b;
}
.partner-details{
    display: none;
}
.qust-part.active , .partner-details.active{
    display: block;
}
.search-portion .ratio-option{
    line-height: 27px;
}
.question-tag{
    border-bottom: 1px solid #bcbcbc;
    font-weight: normal;
    /*display: none;*/
    color: #383f4b !important;
    font-size: 18px !important;
}

a.question-tag.active{
    font-weight: normal;
    background-color: #EEEEEE !important;
    border-left: 9px solid #004c7f;
    color: black !important;
    line-height: normal;
}
.question-tag.active:before{
    /* line-height: 19px; */
}
.question-tag:before{
    /* float: left; */
    /* margin-right: 10px; */
    /* line-height: 30px; */
}
.select-option{
    margin-top: 20px;
}
.select-option a , .partner-option a{
    background-color: transparent !important;
    color: #004c7b;
    cursor: pointer;
    padding:15px 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    /*font-weight: 500;*/
    display: block;
    position: relative;
    text-decoration: none !important;
    padding-left: 30px;
    box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.21);
    margin: 10px auto;
}
.partner-option a.active ,.select-tag.active{
    background: white !important;
    color: black;
    
    /* border-left: 1px solid orange; */
}
a.select-tag:before ,a.select-tag.active:before{
    content: "";
    width: 15px;
    height: 15px;
    background-color:white;
    border-radius: 100%;
    color: orange;
    left: 0px;
    right: auto;
    position: absolute;
    top: 28px;
}
.partner-option a:before{
    content:none;
}
a.select-tag.active:before{
    border-top: 12px solid #004c7f;
    border-bottom: 12px solid #004c7b;
    border-left: 12px solid #fbfcfc;
    top: 0px;
    border-radius: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    }

.faq_banner ,.partner_banner{
    background:url(../images/faq.jpg) 0px 0px;
    overflow: hidden;
    position: relative;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: repeat;
    z-index: 7;
}
#faq-second-part ,#partner-second-part{
    /* background: url(../images/part_2.png) -9px 0px no-repeat; */
    /* background-size: cover; */
    /* background-color: #3A3F49; */
    /* min-height: 900px; */
    /* overflow: hidden; */
    position: relative;
    padding: 50px 0px;
    /* background: rgba(237, 242, 242, 0.38) !important; */
}
#faq-second-part{
    background: rgba(237, 242, 242, 0.21) !important;
}
.partner-portion{
    /* height: 655px; */
    /* justify-content: flex-start; */
}
.partner-option a{
    font-size: 22px !important;
    display: block;
    width: 100%;
    line-height: normal;
    margin: 30px auto;
    max-width: 60%;
    padding: 20px;
}
.partner_banner{
    /*background: url(../images/partner.png) -7px 0px no-repeat;*/
    /* height: 735px; */
    background-size: cover;
}
.demo-btn{
    float: right;
    margin-bottom: 62px;
    font-size: 20px;
}
.partner-details{
    text-align: center;
}
.partner-details b{
    /* font-size: 20px; */
}
.partner-details p{
    margin-top: 10px;
    text-align: left;
}
img.phome-image {
    width: 50%;
    /*margin: 0px;*/
    margin: auto 0px auto auto;
}
.blog_banner{
    /*background: url(../images/blog-banner.png) -7px 0px no-repeat;*/
    height: 735px;
    background-size: cover;
}
#resource-collection{
    background:#E5E5E5;
}
.resource-box {
    box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.16);
    background: white;
    margin: 30px auto;
}
.resource-box .content{
    padding: 20px;
}
.resource-box .content h4 {
    font-weight: 500;
    color: black;
    font-size: medium;
    line-height: 25px;
}
.resource-box .foot-band {
    background: #ff5d00;
    padding: 10px 20px;
    position: relative;
}
.resource-box .blue-band {
    background: #154D96;

}
.resource-box .foot-band p{
    text-align: left;
    color:white;
    margin: auto;
}
.small-desc p {
    font-size: 14px;
    line-height: normal;
    text-align: left;
    margin: auto;
}
.resource-box .thumb{
    height:184px;
    overflow:hidden;
    position: relative;
}
.resource-box .thumb::after{
    content: '';
    position: absolute;
    color: white;
    margin: 0px;
    top: auto;
    left: auto;
    right: 15%;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid white;
}
.resources-box.foot-band:before{
    content: '';
    position: absolute;
    color: white;
    margin: 0px;
    top: -20px;
    left: auto;
    right: 15%;
    bottom: auto;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #ff4f00 !important;

}
.foot-band.ora-band:before{
    content: '';
    position: absolute;
    color: white;
    margin: 0px;
    top: -20px;
    left: auto;
    right: 15%;
    bottom: auto;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #ff4f00 !important;

}
.foot-band.blue-band:before{  
    content: '';
    position: absolute;
    color: white;
    margin: 0px;
    top: -20px;
    left: auto;
    right: 15%;
    bottom: auto;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #154D96 !important;
}
.resource-pagination{
    margin: 20px auto;
}
.resource-pagination ul li{
    display: inline-block;
    margin: 10px;
    padding: 10px;
    position: relative;
}
.resource-pagination ul li.active:before{
    content: '';
    position: absolute;
    margin: auto;
    top: -16px;
    left: 0;
    right: 0;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-right: 4px solid #ff4f00;
    border-bottom: 4px solid #ff4f00;
}
.resource-pagination.blue ul li.active:before{
     border-right: 4px solid #154D96;
    border-bottom: 4px solid #154D96;
}
.resource-pagination ul{
    border-top:1px solid #ff4f00;
}
.resource-pagination.blue ul{
    border-top:1px solid #154D96;
}
.recent-post a{
    color:black;
    text-decoration: none;
}
.resource-side-bar {
    background: white;
    margin: 30px auto;
    padding: 20px;
}
.recent-items a {
    display: block;
    margin: 10px auto;
    line-height: normal;
}
.resource_banner{
    /*background: url(../images/resource-banner.png) -7px 0px no-repeat;*/
    height: 735px;
    background-size: cover;
}
.resource-banner-nav{
    margin-top: 40px;
}
.resource-banner-nav ul li{
    display: inline-block;
    margin: 10px;
}
.resource-banner-nav ul li.active{
    border-bottom:3px solid orange;
}
.resource-banner-nav ul li a{
    
    color:black;
    display: block;    
    font-size:large;
}

.vh-140{
    height: 100vh;
}

/*News and Events*/
.news_banner{
    /*background: url(../images/news-banner.png) -7px 0px no-repeat;*/
    height: 735px;
    background-size: cover;
}
.resource-box .head-band {
    background: #154d96;
    padding: 10px 20px;
    position: relative;
}   
.resource-box .head-band p{
    text-align: left;
    color:white;
    margin: auto;
}
.head-band.blue-band:after{  
    content: '';
    position: absolute;
    color: white;
    margin: 0px;
    top: 46px;
    left: auto;
    right: 15%;
    bottom: auto;
    width: 0;
    height: 0;
    border: 20px solid transparent ;
    border-top-color: #154D96;
}
.resource-box .orange-band {
    background:#f26822;

}
.head-band.orange-band:after{
    border-top-color:#f26822;
}

.content .separate{
    content: "";
    width: 86%;
    position: absolute;
    height: 0.30%;
    background-color: #d2cbcb;
}
.date-btn{
    margin-top: 35px;
}
button.read-blue-btn , button.read-orange-btn{
    background-color: white;
    float: right;
    padding: 7px 10px;
    border: 1.5px solid #154d96;
}
button.read-orange-btn{
    border: 1.5px solid #f26822;
}
.content.news-content{
    padding: 20px 15px 49px 20px;
}
/*Free Trial Page*/
.form-inner {
    text-align: center;
}
.underline-title p{
    font-size: 21px;
    color: white;
    font-weight: 600;
    text-align: center;
    padding-bottom: 15px;
    display: inline-block;
    border-bottom: 1px solid white;
}
.underline-title:after{
    content: none;
    position: absolute;
    width: 90%;
    background-color: white;
    height: 0.75px;
}
.border-line{
    content: "";
    position: absolute;
    width: 60px;
    background-color: white;
    height: 90%;
    transform: rotate(90deg);
    margin-top: 20px;
}
.free-title p{
    color: white;
    text-align: center;
    font-size: 36px;
    font-weight: 200;
}
.free-wrapper{
    background-color: #154d96;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: 600px;
}
.free-trial-form input{
    background-color: #154d96;
    padding: 20px 8px;
    color: white;
    border: 1px solid white;
    width: 100%;
}
.free-trial-form input[type='submit']{
    font-size: 1.35rem;
}
.free-trial-form input::placeholder{
color: white;
font-size: 15px;
}
.subscrib input[type=checkbox]
{
    background-color: white;

}
/*.submit-button input[type="submit"]{
    background-color: #f26822;
    border-color: #f26822;
    color: white;
    font-size: 30px;
    padding: 26px 60px;
    line-height: 1px;
    text-transform: uppercase;
}*/
.subscrib ,.subscrib p{
    color: white;
    width: 100%;
}
._mt40{
    margin-top: 40px;
}

.top-logo{
    width: 5%;
    margin: 0px;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  /* position: absolute; */
  /* left: -9999px; */
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}



/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: blue;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* hover style just for information */
label:hover:before {
  border: 2px solid #4778d9!important;
}
.subscrib label{
    font-weight: 100;
    line-height: 22px;
}
/*contact us*/
.contact-banner{
   /*background: url(../images/contact-us/contact_banner.jpg) 0px 0px no-repeat;*/
    background-size: cover;
    height: 400px;
    overflow: hidden;
    position: relative;
    padding: 50px 0px;
}
.banner-content-wrapper{
    display: flex;
    align-items: center;
    height: 500px;
    margin-left: auto;
    /*justify-content: center;*/
}
.content-banner{
    /* margin: auto; */
}
.content-banner h3{
    font-size: xx-large;
    /* font-size: 55px; */
    /* color: #f26822; */
    font-weight: 500;
}
.content-banner p{
    /* margin-top: 10px; */
    /* font-size: 30px; */
    color: black;
    /* line-height: 40px; */
    font-size: 20px;
}
.txt-add{
    text-align: center;
    padding-top: 50px;
    margin: auto;
    width: 74%;
}
.txt-add h3{
    font-size: 2.5rem;
    color: #707070
}
.txt-add p{
    font-size: 1.25rem;
}
.add-box {
    margin: auto auto 10px auto;
    padding: 0px;
    text-align: center;
    min-height: 158px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
    box-shadow: 1px 2px 13px rgba(0, 0, 0, 0.27);
    margin:20px 20px 10px 0px;
    max-width:70%;
}
form#contactus-form {
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.27);
    border: 1px solid lightgrey;
    margin: 20px auto 20px 0px;
    width: 100%;
    padding: 18px 0px;
}
form#contactus-form input,form#contactus-form select,form#contactus-form textarea {
    
    margin-top: 10px;
    
    
    }
    
    
 form#contactus-form   span.remaining{
     margin-top:0px;
     
}
.add-box a.popup-with-form {
    display: inline-block;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    color: black;
    border: 1px solid black;
    padding: 5px;
    float:none;
    clear: both;
    border-radius: 0px;
    margin: 10px auto;
}
.branch-address {
    /*box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1803921568627451);*/
   /* padding: 10px;*/
    /*max-height: 676px;
    overflow-y: scroll;*/
}

.add-box .head-one{
    margin-bottom: 10px;
}
.card ._bb2 i {
    margin-right: 15px;
    font-size: 25px;
}
.card {
    min-height: 260px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: top;
    align-items: top;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.27);
    padding: 20px;
}
.logo-home img {
    max-width: 130px;
    margin: 30px auto auto auto;
}
.logo-home {
    position: absolute;
    top: 0px;
    left: 30%;
}

.head-one{
    /* background-color: #f26822; */
    background-size: cover;
    position: relative;
    padding: 5px;
    color: #004d7a;
    font-weight: 500;
    font-size: 18px;
    text-align: left;
}
/*.branch-address {
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1803921568627451);
    padding: 10px;
}*/
.head-one:after{
    content: '';
    position: absolute;
    color: white;
    margin: 0px;
    top: 36px;
    /* float: right; */
    left: 50%;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #f26822;
    content: none;
}
.address{
    padding: 20px 20px 20px 20px;
    text-align: left;
    display:none;
}
.add-box:hover .head-one{
    display: none;
    }
.add-box:hover .address {
    display: block;
    transition: 2s;
    -webkit-transition: 2s;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.form-detail{max-width: 80%;margin: 20px 0px auto auto;padding: 30px 30px 10px 30px;box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15);}

.form-detail form input, .form-detail form textarea{margin-bottom: 20px;height: 45px;border: 1px solid lightgrey;border-radius: 4px;}
.form-detail input[type="submit"]{
    margin: 20px auto;
}
.form-detail .container{
    border-bottom: 1px solid #ff5d00;
    /* border-top: 1px solid #ff5d00; */
    padding: 30px 0px;
}
.enquery-form{
    padding: 50px 0px;
}
.enquery-form input{
    width: 49%;
    margin: auto;
    padding: 29px;
    border-radius: unset;
    margin-bottom: 10px;
}
.country{
    width: 50%;
    margin: auto;
}
.country input{
    padding: 25px;
}
.country input ,.country select{
    width: 100%;
}
.country select{
    margin: 0px;
    height: 52px;
}
.enquery-form input[type='submit']{
    color: white;
    font-size: 1.35rem;
    line-height: 1px;
    margin: auto;
    display: block;
    margin-top: 13px;
    padding: 19px !important;
}
.support-section{
    /* padding: 10px 15px; */
    /*box-shadow: -1px 1px 10px #00000026;*/
    margin-top:50px;
}
.support-section h3{
    font-size: 18px;
    color: #004d7a;
    font-weight: 500;
    text-align: left;
}
.support-section .h3-mt48{
    margin-top: 48px;
}
.separate_line{
    content: '';
    width: 100%;
    height: .75px;
    margin-bottom: 10px;
    background-color: black;
}
.email_icon:before,.mobile_icon:before,.skype_icon:before{
    background-size: cover;
    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    left: -40px;
}
.email_icon:before{
     background: url(../images/contact-us/mail-img.png) 0px 0px no-repeat;
     
}
.mobile_icon:before{
     background: url(../images/contact-us/phone-img.png) 0px 0px no-repeat;
    
}
.skype_icon:before{
     background: url(../images/contact-us/skype-img.png) 0px 0px no-repeat;
     
}
._bb2{
    /* border-bottom: 1px solid #70707094; */
    /* margin-bottom: 15px; */
    /* padding: 0px; */
    /* min-height: 42px; */
}
._bb2 a, ._bb2 p{
    display: inline-block !important;
    position: relative;
    font-size: 17px;
    margin: 10px auto;
    display: inline-block;
}
.skype_icon,.mobile_icon,.email_icon{
    margin-left: 40px;
}
/*Terms and Codition*/

.tc-banner{
    /*background: url(../images/terms_condition-banner.jpg) 0px 0px no-repeat;*/
    background-size: cover;
    min-height: 468px;
    overflow: hidden;
    position: relative;
    padding: 50px 0px;
}
.tc-content{
    /* margin-top: 230px; */
}
.terms-condition-content , .privacy-policy-content{
   padding: 50px 0px;
}
._tcb li ,._tcb p , ._ppb li ,._ppb p{
    /*text-align: center;*/
    color: black;
}
.black-txt{
    color: black;
}
.title-txt{
    font-weight: 500;
    color: black;
}
a.link-txt ,p.link-txt{
    color: #09a9ea;
    text-decoration: none !important;
}
a.hoverorange:hover ,p.hoverorange:hover{
    color: #f26822;
    text-decoration: none !important;
}
.tc-sub-content li>span:nth-child(2) {
    display: inline-block;
    padding-left: 40px;
    padding-bottom: 20px;
}
.tc-sub-content li>span:nth-child(1) {
    display: inline-block;
    position: absolute;
}
/*Privacy and policy*/

.pp-banner{
    /*background: url(../images/privacy-policy-banner.jpg) 0px 0px no-repeat;*/
    background-size: cover;
    height: 466px;
    overflow: hidden;
    position: relative;
    padding: 50px 0px;
}
.col-md-12.empty ._bb2 {
    border: 0px !important;
}

/*Magnific Popup*/

.request-demo-form{
    width: 85%;    
    margin: auto;
    
}
.width-fix{
    width: 70%;
    height: 344px;
    color: #ff5d00;
}
.width-fix p{
    color: #ff5d00;
}
.request-form-fields b{
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
}
.request-form-fields p , .request-form-fields b{
    color: black;
    display: block;
    margin-bottom: 26px;
}
.request-form-fields b{
    color: #ff5d00;
}
.mfp-content form button.mfp-close{
        background: #ff5d00 !important;
}
#how-it-works button.mfp-close{
    background: #ff5d00;
    right: 0px;
}
.mfp-close{
    opacity: 1;
}
#how-it-works-slider .owl-dot{
    border-radius: 100%;
    display: inline-block;
    margin: 10px;
    width: 10px;
    height: 10px;
    border: 1px solid black;
}
#how-it-works-slider .owl-dot.active{
    background-color: black;
    border-radius: 100%;
    display: inline-block;
    margin: 10px;
    width: 10px;
    height: 10px;
    border: 1px solid black;
}
#how-it-works-slider .owl-dots{
    text-align: center;
}
.how-it-works-content h3{
    text-align: center;
}
.how-it-works-content h4{
    font-size: 2rem;
    color: black;
}

.mfp-close-btn-in .mfp-close{
        color: #ffffff !important;
}
#demo{
    margin-left: 118px;
    font-weight: 500;
    font-size: 1rem;
    background: #ff5d00;
    color: white !important;
    text-transform: uppercase;
    border: #ff5d00;
    line-height: 1px;
    padding: 21px 32px;
    border-radius: 4px;
}

.request-form-fields input , .request-form-fields select ,.request-form-fields textarea{
    margin-bottom: 15px;
    color: black !important;
    padding: 0px 12px;
    border: 0.5px solid lightgrey;
    background-color: white;
    border-radius: 0px;
     width: 100%; 
    height: 35px !important;
    -webkit-appearance:none;
}
.checkbox input{
    width: auto !important;
}
.request-form-fields textarea{
    padding: 10px;
    height: auto !important;
}
.request-form-fields input::placeholder ,.request-form-fields textarea::placeholder{
color: lightgrey;
font-size: 13px;
}
.mfp-bg{
    /* background-color: #154D96; */
    /* opacity: 1; */
}
.request-form-fields{
     padding: 5px 0;
     padding-top: 20px;
     padding-bottom: 5px;
}

/*about custom css  code*/
.aboutus-banner{
    /*background:url(../images/aboutus/aboutus-banner.jpg) 0px 0px;*/
    overflow: hidden;
    position: relative !important;
    /* background-attachment: scroll; */
    background-size: cover;
    background-repeat: repeat;
    z-index: 7;
    /* background-position: 50%; */
    height: 735px;
}
.aboutus-banner h2{
    /*font-size: 44px !important;*/
    color: black;
    font-weight: 500 !important;
}
/*.aboutus-banner p
{
    font-size: 22px;
    color: #707070;
}*/
.aboutus-banner-image.clearfix{
   width: 100%;
    float: left;

}

.aboutus-banner{
     width: 100%;
     /* height: 100%; */
     position: relative;
}
.aboutus-banner-image .aboutus-banner img{
    width: 100%;
    height: 100%;
}
.aboutus-banner-image .aboutus-banner-text {position: absolute;left: 8%;top: 50%;width: 29%;}
.aboutus-banner-image .aboutus-banner-text h1{
    color: #f26822;
    font-size: 42px;
    font-weight: 900;
    font-style: normal;
    margin-bottom: 39px;
    text-align: unset;
}
.aboutus-banner-image .aboutus-banner-text p{
    color: #707070;
    font-size: 21px;
}
/*.aboutus-content{
    width: 67%;
    margin: auto;
}*/
.aboutus-second-section.clearfix{
    width: 100%;
    float: left;
}
.aboutus-content-title h1{
    color: black;
    font-size: 31px;
    font-style: normal;
    text-align: center;
}
.aboutus-para p{
    font-size: 20px;
    padding-bottom: 10px;
   /* color: #F26822;*/
}
.aboutus-content-title
{
    padding: 25px 0px;
}
.aboutus-third-section.clearfix {
    width: 100%;
    float: left;
}
.desg{
    font-size: 20px !important;
    display: none !important;
}
.aboutus-team{
    border:1px solid black;
    padding: 20px 45px;
}
.about-ceo-image{
       width: 100% !important;
       display: inline-block;
       margin: 20px 0px;
}
.about-ceo-image img{
    width: 122px;
    height: 122PX;
    margin: 0px auto !important;
    display: block;
    float: none;
    border-radius: 100%;
    }
.aboutus-team-title h1{text-align: center;  color: #707070;
    font-size: 31px;
    font-style: normal;
}
    .about-ceo-name p{
        display: block;
        /* float: left; */
        color: #f26822;
        font-size: 25px !important;
    }
    .about-ceo-name img{/* float: right; */width: 29px;height: 25px;}

    .about-ceo-name.clearfix{position: relative;margin: 28px 0px;margin-top: 100px;}
    
    .about-ceo-name.clearfix ::after {
    content: none!important;
    /*background-image: url(../images/aboutus/path.png)!important;*/
    width: 100% !important;
    position: absolute !important;
    bottom: -12px !important;
    left: 0PX !important;
    height: 22PX !important;
}
#team-slider .owl-thumbs button.owl-thumb-item{
    border-radius: 0px;
    width:100px !important;
    height: auto;
    padding: 0px !important;
    background: none !important;
    margin: 5px !important;
    border: 0px !important;
}
.aboutus-fourth-section.clearfix{
    width: 100%;
    float: left;
}
.advisor-image{
    width: 100%;
    display: inline-block;
    padding-top: 39px;
}
.advisor-image img{
    margin: auto;
    width: 192px;
    height: 192px;
    display: block;
}
.advisors-title h1
{
    text-align: unset;
    margin: 59px 0px;
    color: #707070;
    font-style: normal;
    font-size: 26px;
}
.aboutus-fourth-section{
    padding-bottom: 40px;
}
.about-ceo-statement p {
    color: black;
}
.advisor-para p {
    color: black;
}
#footer{
    width: 100%;
    float: left;
}
/*work with us*/

.workwithus-banner{
    /*background:url(../images/workwithus/workwithus-banner.jpg) 0px 0px;*/
    overflow: hidden;
    position: relative !important;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: repeat;
    z-index: 7;
   background-position: 50%;
}
.workwithus-banner h3{
   /* color: #f26822 !important;*/
    /*font-size: 44px;*/
    position: relative;
    z-index: 9999 !important;
}
.workwithus-banner p
{/* font-size: 22px !important; */}

.workwithus-second-section{
    background-color:#d1d1d1;
}
.workwithus-content p{
    font-size: 18px;
    color:;
}
.workwithus-content{
        width: 70%;
    margin: 0 auto;
    padding: 61px;
}
.workwithus-checkbox-title h1 {
    color: black;
    margin-bottom: 40px;
    font-weight: normal;
    text-align: center;
    font-size: xx-large;
}
.workwithus-checkbox-contant{
    margin: auto;
}
.workwithus-checkbox-contant .workwithus-checkbox-button a{
    width: 100%;
    display: inline-block;
    border: 1px solid #004c7f;
    padding: 5px;
    text-align: center;
    margin:25px 0px;
    text-decoration: none;
    position: relative;
    font-size: 19px;
    color: #004c7b !important;
    min-height: 66px;
    padding: 15px;
}
.workwithus-checkbox-contant p{
    margin: 0 auto;
    color: black;
    font-weight: 500;
}
.workwithus-checkbox-contant .workwithus-checkbox-button a::after {
    /* content: '+'; */
    position: absolute;
    width: 23px;
    height: 17px;
    margin: 0px;
    top: 31px;
    right: 10px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #154D96 !important;
}
.workwithus-checkbox-contant1{display: none;padding: 30px;}
.workwithus-checkbox-contant1.active{
    display: block;
    width: 85%;
    margin: auto;
    min-height: 550px;
    /* display: flex; */
    /* align-items: center; */
}
.workwithus-checkbox-contant .workwithus-checkbox-button a.active::after{
    content: '';
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #004c7b !important;
    left: auto;
    right: -20px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.workwithus-checkbox h2
{
        text-align: center;
        font-size: 20px;
        color: black !important;
        margin-top: 40px;
}
.workwithus-checkbox h3
{
    text-align: center;
    /* font-size: 13px; */
    color: black !important;
}
.workwithus-checkbox-contant1 ul li{
    color: black;
    list-style-type: unset;
    margin: 0px;
    padding: 0px;
    line-height: 25px;
    margin-left: 25px;
}
.workwithus-checkbox-contant1 ul
{margin: 20px 0px;}

/*Calculator*/

h3.calculate-txt1{/* color: #0169D1; */margin-top: 100px;}
.cal-box{
    border: 1px solid #333037;
    min-height: 250px;
}
.cal-box p{
    color: #333037;
    display: block;
    text-align: left;
}
.heading-one{
    background-color: #333037;
    background-size: cover;
    position: relative;
    padding: 5px;
    color: white !important;
    font-size: 1.4rem;
}
.heading-one:after {
    content: '';
    position: absolute;
    color: white;
    margin: 0px;
    top: 36px;
    /* float: right; */
    left: 381px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 17px solid #333037;
    }
.cal-inner{
    padding: 20px 20px;
}
p.small-t{
    font-size: 1rem;
    color: black !important;
}
.result p , .result span{
        /* color: #0169D1; */
}
span.cost{
    float: left;
    /* margin-left: 68px; */
    font-size: 2.5rem;
    font-weight: 500;
    clear: both;
    float: none;
}
.border-right{
   border-right: 1px solid black;
    padding: 4px 15px;
}
/*.cal-total{
    margin-top: 15px;
}*/
.cal-total input{
    background-color: #f26822;
    color: white;
    
}
.cal-total p{
    font-size: 1rem;
    color: #333037;
    font-weight: 500;
    width: 68%;
}
span.equal-symbol{
    position: absolute;
    top: 158px;

}
._w68{
    width: 68%;
}

/*Footer Blip*/
#foot-blip li{
    position: relative;
    padding-left: 11px;
}
#foot-blip li:before{
        position: absolute;
        content: "";
        background: url(../images/footer-blip.png);
        width: 5px;
        height: 10px;
        margin: 7px -11px;
}
.foot-title1 , .foot-title3, .foot-title2{
    color: #6c6d6d;
    font-size: 1rem;
    margin-left: 11px;
    text-transform: uppercase;
}
.foot-title1 , .foot-title2{
    margin-left: 0px;
}

/*Solution_New*/

.solution-banner{
    /*background: url(../images/solution-banner.jpg) 0px 0px no-repeat;*/
    background-size: cover;
    min-height: 664px;
    overflow: hidden;
    position: relative;
    padding: 50px 100px;
}
.solu-banner-content{
    margin-top: 90px;
}
.solution-content{
    margin:50px 0px;
}
._h3color h3 , .conclusion h3{
    color: #F26822;
    font-size: 2rem;
}
._h3color p{
    color: black;
    font-size: 1rem;
    padding: 10px 20px;
    min-height: 100px;
}
._mt10{
    margin-top: 20px;
}
.mobile-app-section{
    background-color: #004c7c;
    background-size: cover;
    /* min-height: 676px; */
    overflow: hidden;
    position: relative;
    padding: 50px 0px;
    text-align: center;
}
.jc-flex{
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile-app-content h3{
    font-weight: 500;
}
.mobile-app-content h3, .mobile-app-content p{
    color: white;
}
.conclusion{
    margin: auto;
    width: 60%;
    margin-top: 40px;
    margin-bottom: 50px;
}
/*Pricing New Update*/
.pricing-one-time p{
    /* color: white; */
    position: relative;
    text-align: left;
       line-height: normal;

}
._big-title{
    /* color: white; */
    font-weight: 500;
    font-size: 1.25rem !important;
    margin-bottom:20px;
}
#p-detail p{
    /* border-bottom: 1px solid #FF7F02; */
    /* padding: 10px 10px; */
    text-align: left;
}

#p-detail p:before ,.subscription a:before{
    content: "";
    width: 11px;
    height: 11px;
    background-color: #FF7F02;
    border-radius: 100%;
    color: orange;
    left: -28px;
    right: auto;
    position: absolute;
    top: 19px;

}
#p-detail p:before, .pricing-details2 p:before {
    content:none !important;
}
.subscription a:before{
    top: 7px;
    left: 8px;
}
.pricing-details2{ position: relative; }
.pricing-details2 p:before ,.pricing-details2 article:before{
     content: "*";
    width: 11px;
    height: 11px;
    font-size: 51px;
    /*background-color: white;*/
    /*border-radius: 100%;*/
    color: #FF7F02;
    left: -31px;
    right: auto;
    position: absolute;
    top: 10px;
}
.pricing-details2 article:before{
    top: -17px;
    left: -30px;
}
.pricing-details2 article{
    font-size: 15px;
}
.app-rate h3{
    bottom: 0px;
    color: white;
    font-size: 1.5rem;
}
.app-rate span{
    font-size: 2rem;
    color: #FF7F02;
    font-weight: 500;
}
.one-add-time h3{
    color: #FF7F02;
    font-size: 1.5rem;

    font-weight: 500;
}
.one-add-time p{
   
    color: black;
    /* margin: 10px auto; */
}
._border-line{
    border-right: 1px solid #707070;
    padding: 4px 15px; 
}
.pricing-topic{
     border: 1px solid #707070;
     padding: 20px;
}
.pricing-topic p{
       
        font-size:1rem;
        text-align:center;
}
._not-border{
    padding: 4px 25px;
}
.pricing-topic span{
    font-weight: 500;
}
.last-pricing{
    margin-top: 30px;
    color: black;
    
}
.third-image-box h5{
        
     font-weight: 500;
}
.content-banner.solu-banner-content p {
    font-size: medium;
    display: list-item;
    margin: 10px auto;
    line-height: 30px;
    margin-left: 20px;
}
#pricing-calculator .content-box h3,#pricing-calculator .content-box h2{
    margin:auto;
    }

/*Pricing Page*/
.btn-center a{
    display: block;
    text-align:;
}
.color-box{
    background-color: #ffffff;
    color: black !important;
    position: relative;
    /* border-radius: 60px; */
}
.color-box:before{
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -2px;
    right: auto;
    width: 0;
    height: 0;
    margin: auto;
    /* border-top: 10px solid transparent; */
    /* border-bottom: 10px solid transparent; */
    /* border-left: 10px solid #ff7c3a; */
    /*background: url(../images/indicator.png) 0px 0px no-repeat;*/
    width: 24px;
    height: 24px;
    left: 0px;
    background-size: cover;
    left: -24px;
}
/*Partners Page*/
.greengorillas img {
    /* width: 25%; */
}
.greengorillas-top h2{
    text-align: center;
    font-size: xx-large;
    color: black;
    font-weight: normal;
    margin: 20px auto;
}
.know-more-greengorillas{
    display: block;
}
.know-more-greengorillas a{
    color: skyblue;
}
/*Green Gorillas*/
.greengorillas-wrapper{
        padding: 72px 137px;
}
.logo-greengorillas img ,.logo-upcontent img{
   max-width: 200px;
    margin: 10px auto;
}

.logo-upcontent img{
    width: 9%;
}
.logo-upcontent p{
    text-align: left;
    font-size: 2rem;
    margin-top: 20px;
}
.pointing-line b{
    font-size: 1.5rem;
}
.pointing-line p{
    position: relative;
    padding-left: 29px;
    margin-top: 16px;
}
.pointing-line p:before{
    content: "";
    width: 12px;
    height: 12px;
    background-color: #ff5d00;
    border-radius: 100%;
    color: #ff5d00;
    left: 0px;
    right: auto;
    bottom: 7px;
    position: absolute;
}
.greengorillas-request p{
    text-align: center;
}
.greengorillas-btn a{
    margin: auto;
    display: block;
}
.partners-logo{
    margin-top: 30px;
}
.partners-logo img{
     max-width: 250px;
     height: auto;
     margin: 10px 0px 30px 0px;
}


a.know-more-button{
    color: #ff5d00;
    text-decoration: none;
    float: left;
}

.pricing-top-table h4 {
    /* text-align: center; */
    color: white !important;
}
.pricing-top-table p.heading{
    color: white;
    text-align: center;
}
span.rupeee {
    font-size: 2rem;
    
    font-weight: lighter;
}
p.list-item {
    list-style: disc;
    display: list-item;
    margin-left: 20px;
}
/*Advocacy*/
.customer-advocacy-banner{
    /*background: url(../images/customer-advocacy-banner.jpg) 0px 0px no-repeat;*/
    background-size: cover;
    min-height: 664px;
    overflow: hidden;
    position: relative;
    padding: 50px 100px;
}
.partner-advocacy-banner{
    /*background: url(../images/partner-advocacy-banner.jpg) 0px 0px no-repeat;*/
    background-size: cover;
    min-height: 664px;
    overflow: hidden;
    position: relative;
    padding: 50px 100px;
}
.community-advocacy-banner{
    /* background: url(../images/community-advocacy-banner.jpg) 0px 0px no-repeat;*/
     background-size: cover;
     min-height: 664px;
     overflow: hidden;
     position: relative;
     padding: 50px 100px;
}

/*Partners-New-Add*/
.extra-enquire{
    /*border: 1px solid black;*/
    width: 100%;
}
.extra-enquire b{
    /* font-size: 1rem; */
    line-height: 30px;
}
.extra-enquire li{
    line-height: 22px;
}
._or{
    padding: 2px 37px;
}
/*Index page*/
a.know-more-blip , a.back-blip{
    color: #f26a25;
    text-decoration: none;
    float: left;
    font-size: 1rem;
    padding-left: 10px;
}
a.back-blip{
    
margin-left: 20px;
}
a.back-blip:before{
     position: absolute;
    content: "";
    background: url(../images/footer-blip.png);
    width: 5px;
    height: 10px;
    margin: 5px -11px;
    transform: rotate(-180deg);
}
a.know-more-blip:before{
    position: absolute;
    content: "";
    background: url(../images/footer-blip.png);
    width: 5px;
    height: 10px;
    margin: 7px -11px;
}
.terms-blip-p p{ position: relative; color: #ff5d00}

.terms-blip-p p:before{
    position: absolute;
    content: "";
    background: url(../images/terms-blip.png);
    width: 12px;
    height: 22px;
    margin: 5px;
    left: -25px;
}

div#how-it-works-slider .mfp-close{
    left: auto;
    right: 0px;
    position: absolute;

}
div#terms-and-condition .mfp-close{
     left: auto;
    right: 199px;
    position: absolute;
}
/*Subscription Popup*/
.subscription-box-popup{
    /*background-image: url('../images/subscription-box.png');*/
    background-size: cover;
    min-height: 300px;
    overflow: hidden;
    position: relative;
    padding: 5px 10px;

}
.subscription-box-popup input[type='email']{
    border: 1px solid #ff5d00;
    padding: 20px 127px 18px 9px;   
    margin: auto;
    display: block;
}
.subscription-wrapper ,.subscribe-form-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
}
.sub-wrap-inner{
    line-height: 78px;
}
.sub-wrap-inner h4{
    color: #ff5d00;
}
input.subscribe-filled-button{
    width: 75%;
    height: 37px;
    margin-top: 18px;
    margin-left: 38px;
}

.subscribe-form-wrapper{
    height: 300px;
}
.sub-form-inner h3{color: white; font-weight: 500; text-align: center; color: #292562;     font-size: 1.2  rem;}
.sub-form-inner{line-height: 35px; margin-top: 150px; width: 75%;
}
.sub-form-inner input::placeholder{
    color: #b8b2b2;
}
.sub-form-inner input{
    padding: 18px 7px;
}
/*Icarousel*/
#working-video h3{
    text-align: center;
}
.slide-carousel {
    position: relative;
    margin: auto;
    margin-top: 20px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    width: 800px;
    height: 400px;
   
}

.disclaimer p {
    font-size: small;
}

.slide-carousel .slide {
    display: block;
    width: 800px;
    height: 389px;
    margin: auto;
    overflow: hidden;
    visibility: hidden;
}


.work-content p{
    color: white;
    text-align: center;
    font-size: 20px;
    line-height: normal;
    max-width: 65%;
    margin: 10px auto;
    padding: 10px 0px;
    display: none;
    
}
.work-content p.active{
    display: block;
    
}
/*section#working-video .pull-left {
    position: absolute;
    left: -540px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    right: 0px;
    width: 300px;
    height: 300px;
}*/

.work-steps {
    padding: 9px;
    font-size: 15px;
    display: block;
    line-height: normal;
    margin: 10px;
    text-align: center;
    /* min-height: 80px; */
    border-radius: 4px;
    box-shadow: -1px 0px 10px #00000042;
    position: relative;
    margin-bottom: 30px;
    background: lightgrey;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}
.work-steps.zoom-effect{
    background: white;
    color: white;
}
.work-steps:last-child:after{
    content:none;
}
.work-steps:after{
    content: none;
    position: absolute;
    color: white;
    margin: 0px;
    top: auto;
    left: 0px;
    right: 0px;
    bottom: -19px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #d3d3d3 !important;
    margin: auto;
}
.work-steps.zoom-effect:after{
     border-top: 20px solid white !important;
     content: '';
}
.work-steps p{
    font-size:18px;
    text-align: center;
    margin: auto;
    display: inline-block;
}
.app-carousel {
    position: relative;
    margin: auto;
    margin-top: 20px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    width: 250px;
    height: 650px;
    /*width: 460px;
    height: 370px;*/
}
.app-carousel .slide {
    display: block;
    width: 250px;
    height: 650px;   
    margin: auto;
    overflow: hidden;
    visibility: hidden;
}
.app-carousel img{
    width: auto;
    height: auto;
}
#working-video .slide p , .app-carousel p{
    display: none;
    

}
#working-video .slide.current p, .app-carousel .slide.current p{
    display: block;
    text-align: center;
    padding-top: 30px;
    color:white;
    font-size:x-large;
    position: absolute;
}
._border6{
    border-radius: 6px;
}

div#app_container {
    background: url(images/app-ios/iphone_6_silver.png);
    width: 253px;
    background-size: cover;
    height: 500px;
    padding: 10px;
}



.desktop_carousel {
    margin: auto;
    width: 100%;
}
.product-steps{
    background: whitesmoke !important;
}
.fc-pagination a.active{
    z-index: 99 !important;
    display: block !important;
    float: none;
    width: auto !important;
    height: auto !important;
    color:white;
    width: 100%;
}
.app-image img{
    max-width:150px;
    height: auto;
}
.app-image {
    margin: 30px auto;
}
.cta{
    text-align: center;
    padding: 20px 0px;
}
.fc .fc-btn.fc-btn-left:before{
    border-color: transparent white transparent transparent!important;
    
}
.fc .fc-btn.fc-btn-right:before{
    border-color: transparent transparent transparent white!important
}
.fc-controls a{
    border:1px solid white !important;
}
.fc-pagination a p{
    color:white;
    margin: auto;
    text-align: center;
    /* line-height: normal; */
    margin: auto;
}
.white-color{
    color:white;
}
.desktop_carousel .fc-pagination{
    display: none;
    
}
.desktop_carousel .fc-controls{
    display: none;
    
}
.fc-portrait .fc-controls{
    display: none;
    
}
.fc-portrait .fc-pagination{
    top: 12%;
    left: auto;
    right: -100%;
    bottom: auto;
    /* background: black; */
    padding: 10px;
    z-index: 9 !important;
}
.fc-portrait .fc-pagination a{
    background: #ff5d00;
    width: 260px !important;
    height: auto !important;
    border-radius: 10px;
    display: block !important;
    margin:10px auto !important;
    opacity: 1 !important;
    min-height: 40px !important;
}

.fc-pagination a.active p{
    color:black !important;
}
.fc-pagination a:before{
    content:none !important;
}
.fc-portrait .fc-pagination-inner a.active{
    background:white;
    color:black !important;
    position: relative !important;
}
.fc-portrait .fc-pagination-inner a.active:before{
    content:'' !important;
    position: absolute;
    left: -12px;
    right: auto;
    top: 0px;
    bottom: 0px;
    width: 0 !important;
    height: 0 !important;
    margin: auto;
    border:0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid white;
    background:none !important;
}
div#partner-section img {
    max-width: 240px;
    margin: 10px auto;
}
.collapsible-box .content{
    display: none;
    
}
.collapsible-box .content.active{
    display: block;
    
}
.fc-portrait {
    margin: 20px 10%;
    display: block;
}
.mobile-app-section .v-align {
    height: 500px;
    text-align: left;
    padding: 20px;
}
.fc-portrait .fc-pagination a{
    margin: auto !important;
    padding: 10px;
    margin: 10px !important;
}
.collapsible-box .tab{
    border-bottom:1px solid black;
    padding: 10px 0px;
    font-size:18px;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;
}
.collapsible-box .tab p{
    margin: auto;
    font-size: 18px!important;
    font-weight: 500;
}
.collapsible-box li{
    font-size:16px;
    margin-left: 40px;
    list-style-type: disc;
    text-align: left;
}
.collapsible-box .tab:after{
    content: '+';
    position: absolute;
    right: 5px;
    left: auto;
    top: 25%;
    bottom: 0px;
    margin: auto;
    font-size: 18px;
}
.collapsible-box .tab.active:after{
    /*-webkit-transform: rotate(45deg) scale(1.08);
    -ms-transform: rotate(45deg) scale(1.08);
    transform: rotate(45deg) scale(1.08);*/
    transition: 0.8s;
    -webkit-transition: .8s;
    right: 5px;
    content:'-';
}a.select-tag.active {
    background: #004c7b !important;
    color: white;
    box-shadow: none;
}
a.select-tag:before{
    border-radius:0px;
    width: 0px;
    height: 0px;

}
.support-section ._bb2 img{
        max-width: 50px;
        height: auto;
        margin-bottom: 0px;
}
.support-section ._bb2 .w11{
    width: 11%
}
._bb2 ._p12{
     padding: 12px;
    }   
a.select-tag{
    font-size: 22px;
    /* width: 150px; */
}
/*Download Free Report */
.download-free-report p.sub-heading{
    text-align: center;
    margin: 20px auto;
}
/*.download-free-report{
    background-image: url(../images/Rectangle-contact-img.png);
    background-size: cover;
    min-height: 100px;
    overflow: hidden;
    position: relative;
    padding: 20px 0px 50px 0px!important;
    margin-top: 1400px !important;
    padding-top: 150px !important;
    
    
    
}*/
/*.page-home footer{
    margin-top: 1400px !important;
}*/

.tb-20{
    margin:15px 0px;
}
.free-report-part{
    display: block;
    margin:auto;
}
.inner-wrap-subscription form{
    margin: auto;
    /* box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.11); */
}
.caret{
    margin:0px;
}


/*About Us New*/

.aboutus-second-section{
    /*background:url(../images/aboutus/aboutus-second-img.jpg) 0px 0px;*/
    overflow: hidden;
    background-size: cover;
    min-height: 300px;
    overflow: hidden;
    position: relative;
    padding: 5px 10px;
}
.aboutus-content{
        width: 67%;
    margin-top: 110px;
    /* margin-right: auto; */
    margin-left: auto;
    padding: 20px;
}
.product-values-btn {
    margin-top: 20px;
}
.product-values-btn a{
    font-weight: 500;
    margin-top: 50px;
    font-size: 26px;
    padding: 15px 0px;
    text-decoration: none;
}
.value-btn{
    text-decoration: none;
}
.value-btn.active{
    /*border-bottom: 4px solid #F26822; */
    padding: 0px;
    margin: auto;
}
.product-value-content{
    margin-top: 20px;
}
.product-value-content p{
    display: none;
}
.product-value-content .active p{
    display: block;
}

.aboutus-part-third {
    /*background: url(../images/aboutus/aboutus-third-img.png) 0px -240px;*/
    overflow: hidden;
    background-size: cover;
    min-height: 503px;
    overflow: hidden;
    position: relative;
    padding: 5px 10px;
}
.third-wrap-content{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
}
.third-wrap-content h2 {
    color: white;
    font-weight: 500;
    font-size: xx-large;
    line-height: normal;
}
.third-wrap-content p{
    color: white;
}
.mem-b{
    /*border: 1px solid #F26822;*/
    margin-left: 5px;
    margin-top: 15px;
}
.mem-b a{
    color: #ff4f00;
    text-decoration: none;
    /* margin-left: 14px; */
    padding: 10px;
    text-align: center;
    display: block;
    border: 1px solid #ff4f00;
}
.product-value-content .value-box{
    display: none;
}

.product-value-content .value-box.active{
    display: block;
}
.profile-box .profile{
    display: none;
    padding: 20px 50px;
}.profile-box .profile.active{
    display: block;
}
.profile-box .profile p{
    font-size:15px;
}

.members-btn a.active{
    background:#ff4f00;
    color:white;
}
.product-value-content .value-box p{
    text-align: left;
}
.members-btn {
    padding: 30px 0px;
    background: #edf2f2;
    padding: 10px;
}
.members-btn .heading{
    font-style:normal;
    color:black;
}
.team-img{
    min-height: 729px;
}
.abt-balance{
     position: relative;
}
.abt-balance:after {
    content: '';
    position: absolute;
    bottom: -80px;
    /*background: url(../images/aboutus/balance.png) 0px 0px no-repeat;*/
    width: 110px;
    height: 55px;
    top: auto;
    left: 0px;
    right: auto;
    background-size: contain;
}

/*LP*/
/*Description Landing Page*/
.lp-main-banner{
    background:url(../images/lp-banner.png) 0px 0px;
    overflow: hidden;
    background-size: cover;
    min-height: 575px;
    overflow: hidden;
    position: relative;
    padding: 5px 10px;
}
.des-content-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
}
.lp-banner-content{
    margin-right:auto;
    width: 75%;
}
.lp-banner-content p{
    color: #F16823;
    font-size: 1.2rem;
}
.heading-des{
    padding: 30px;
}
.heading-des h3{
    color: #F16823;
    text-align: center;
}
.screen-menu{
    border: 1px solid #F16823;
    display: block;
    margin: auto;
    padding-top: 6px;
    padding-left: 0px;

}
.des-menu-wrap {
    display: block;
    margin: auto;
    clear: both;
    width: 100%;
    float: none;
    margin-bottom: 30px;
}
.img-des-content{
    display: block;
    padding: 30px;  
}
.img-des-content p{
    text-align: center;
}
._border-r{
    border-right: 1px solid #F16823;
}
.screen-menu p{
    color: #F16823;
    text-align: center;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 0px;
      padding-bottom: 10px;
}
.screen-menu .trial-menu-nav.active{
    border-bottom: 8px solid #F16823;
   position: relative;
 
}

.screen-menu .active:before{
    content: '';
    position: absolute;
    color: white;
    margin: 0px;
    top: auto;
    left: 45%;
    right: auto;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 14px solid #F16823;
}
.slider-trial-img img{
    width: 70%;
}
/*.mid-content-lp{
    height: 800px
}*/

.mid-content-lp {
    margin: 30px auto;
}
.working-screen{
    display: none;
    float: none;
    clear: both;
    
}
.working-screen.active{
    display: block;
}
.working-screen .slide.current p{
    display: block;
    text-align: center;
    padding-top: 30px;
    color: black;
    font-size: x-large;
}
.working-screen .slide p{
    display: none;
}
#work-screen-three .slide img{
    width: 100%;
}
#trial-mobile-slider .mobile-block img{
    width: auto;
    max-width: 100%;


}

/*subscription slider fomr*/

    .subscription-form-fixed {
    background-color: white;
    text-align: center;
    padding: 10px;
    position: fixed;
    top: 18%;
    max-width: 280px;
    transition: 0.35s;
    -webkit-transition: 0.35s;
    right: 0px;
    z-index: 999 !important;
    box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.3);
    display: none !important;
    height: auto !important;
    padding: 15px 15px 15px 15px !important;
    /* border-radius: 10px; */
}
.subscription-form-fixed.current{
    display: block !important;
    
}
.quick-btn {
    position: absolute;
    padding: 10px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-style: preserve-3d;
    top:44px;
    bottom: auto;
    right: auto;
    left: -85px;
    margin: auto;
    height: 40px;
    font-weight: 500;
    width: 130px;
    background-color: #004d7b;
    padding: 10px;
    color: white;
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    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;
    border: 0px;
    z-index: 999;
    border-radius:10px 10px 0px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);
}
.subscribe-form-wrapper {
    padding: 10px;
}
.thank-subscription {
    display: none;
    padding: 0px 10px 1.46rem 10px;
    text-align: center;
    border: 1px solid black;
    line-height: normal;
    margin: 30px auto 10px auto;
}

form.blog-subscribe-form input {
    height: 35px;
    /* background: #dbdbdb; */
    padding-left: 10px;
    border: 0px;
    margin-bottom: 10px;
    border: 1px solid lightgrey;
    border-radius: 4px;
}


.subscription-form-fixed label{
    display: inline-block;
    font-size: small !important;
}
.subscription-form-fixed input::placeholder{
  
   color: #b8b2b2;
   padding-left:0px !important;
   
}
.subscription-form-fixed label{
    text-align: left;
    display: block;
    margin: auto;
    font-size: medium;
    color: black !important;
    margin: 10px auto  !important;
}
form.blog-subscribe-form p.heading {
    text-align: center;
    font-size: large;
    margin: auto;
    line-height: normal;
    margin-bottom: 10px;
}
.subscription-form-fixed.active {
    right: -280px;
}
.subscription-form-fixed.subscribed,.subscription-form-fixed.current.subscribed{
    display: none !important;
    
}
.free-trial-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    min-height: 664px;
    /* width: 100%; */
    margin-top: 70px;
    
}
.free-trial-box form{
    width: 80%;
    margin: auto;
}
.free-trial-box form input{
    margin-bottom: 10px;
    height: 40px;
    border: 1px solid #ff5d00;

}

.free-trial-box h3{
    font-size: x-large;
    text-align: left;
    font-weight: lighter;
    margin-bottom: 30px;
    line-height: 40px;
}
.border-right{
    position: relative;
}
div.border-right:after{
   content:'';
   position: absolute;
   top: 0px;
   left: auto;
   right: -15px;
   border-right: 1px solid #ff5d00;
   width: 1px;
   height: 40px;
}
.trial-adv p{
    text-align: center;
}
.checkbox input[type='checkbox']{
    height: auto !important;
    margin: auto;
    position: static;
    -webkit-appearance: checkbox;
    margin-right: 5px;
}
.small-font{
    font-size:15px;
}
.p40{
    padding: 40px;
}
footer#footer ul li {
    font-size: 15px;
}
i.fa-facebook{
    color:#3866b8;
}
i.fa-twitter{
    color:#00a2f8;
}
i.fa-linkedin{
    color:#0075b5;
}
i.fa.fa-instagram {
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
}
div#team-slider .item {
    position: relative;
}
div#team-slider .item .profile{
    position: absolute;
    width: 40%;
    margin: auto;
    top: 0px;
    left: 10%;
    right: auto;
    bottom: 0px;
    background: rgba(255, 255, 255, 0.8);
    padding: 50px;
}
div#team-slider .owl-thumbs {
    position: absolute;
    top: 50px;
    left: 11%;
}
div#team-slider  .about-ceo-name a img{
    width: auto !important;
    margin: 10px 0px !important;
}
p.terms{
    font-size: 15px;
}
a.view-profile {
    border: 1px solid black;
    padding: 10px;
    margin: 10px 0px;
    display: block;
    max-width: 120px;
    font-weight: 500;
    text-decoration: none;
}
.third-section{
    text-align:center;
    
}
.third-section h3{
    text-align:center;}
.workwithus-third-section {
    /* background: #3A3F49; */
}
.workwithus-checkbox-contant a{
    color: #004c7b;
}
.workwithus-checkbox-contant .workwithus-checkbox-button a.active{
    background: #004c7b;
    border: 0px;
    color: white !important;
    position: relative;
}

/* Mani codes */
.__forms div.alert h4{
    font-size: 15px !important;
    margin-bottom: 8px;
    line-height: 18px !important;
}
.__forms div.alert ul li{
    font-size: 13px;
    margin-bottom: 2px;
    text-align: left;
    line-height: 17px;
    margin-bottom: 8px;
}
.content-text{
    padding-top: 190px;
    padding-bottom: 100px;
    text-align: center;
}
.content-text ._inner{
    width: 50%;
    margin: 0 auto;
}
.content-text ._inner h2{
    margin-bottom: 20px;
    font-size: 30px;
}
.content-text ._inner p{
    text-align: center;
    font-size: 21px;
}
._blue_bg{
    background: #47a3da;
}
._blue_bg *{
    color: #fff !important;
}
.alert.alert-danger.alert-dismissible {
    /* float: left; */
    /* position: absolute; */
}


/* end of Mani codes */

.contact-address {
    /* background: #fafbfc; */
    padding: 20px 0px 50px 0px;
}
.address p {
    line-height: 25px;
    margin: auto;
}
.inner-wrap-subscription img {
    height: auto;
    margin: 0px 0px 20px 0px;
    width: 100%;
}
.e-book-desc{
    margin: auto;
    /* max-width: 300px; */
}
.inner-wrap-subscription {
    width: 70%;
    margin: auto;
    box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.15);
    padding: 10px 30px;
}
ul.nav.navbar-nav {
    width: 100%;
    display: block;
}
.work-steps p{
    font-size: 15px;
    color: black;
}
.qust-part p a{
    color:white;
    text-decoration: none !important;

}
.qust-part p{
    margin-bottom: 10px;
}
.qust-part p b{
    border-bottom: 1px solid #004c7f;
}
.work-steps.zoom-effect p{
    color:black;
    font-weight:bold;
}
._h3color
 {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    min-height: 70px;
}
._h3color h3{
background-color: #f26822;
background-size: cover;
position: relative;
padding: 5px 20px;
color: white;
font-weight: 500;
font-size: 1.4rem;
}
._h3color h3:after{
    content: '';
    position: absolute;
    color: white;
    margin: 0px;
    top: 34px;
    left: 50;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #f26822;
}

.side-navbar.active{
    display: block;
    
}
.menu-btn.menu-cen-ver-align.right .open-btn .dropdown-toggle i {
    color: white;
    font-size: 25px !important;
}

.white-header .menu-btn.menu-cen-ver-align.right .dropdown-toggle i{
    color:black !important;
}
.side-navbar ul li a, .side-navbar ul li {
    text-align: left !important;
}
.g-recaptcha >div {
    margin-top: 15px;
    width: auto !important;
    height: auto !important;
}
.g-recaptcha {
    text-align: center;
    width: 100%;
    margin: auto;
    display: block;
    text-align: center;
    transform: scale(0.65);
    -webkit-transform: scale(0.65);
    transform-origin:50% 0%;
    -webkit-transform-origin: 50% 0%;
}
.subscription-form-fixed .g-recaptcha{
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
     transform-origin:20% 0%;
    -webkit-transform-origin: 20% 0%;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
#subscription .g-recaptcha, .free-trial-box .g-recaptcha, .subscription-form-fixed .g-recaptcha{
    margin: auto;
    }
h3.calculate-txt1.aos-init.aos-animate {
    margin: auto;
}
.content-box .popup-with-form{
    display: inline-block;
    
}
span.remaining {
    font-size: small;
    margin-top: 20px;
    display: block;
    color:black;
}
.side-navbar .request-demo{
    margin-left: 0px;
}
.height-auto{
    height: auto;
    padding: 0px;
}
div#partners-slider {
    height: 350px;
    overflow: hidden !important;
}
#partners-slider p{
    text-align: left;
}
.no-blip:before{
    content:none;
}
div#clients p {
    color: white;
    text-align: center;
    color: white;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    font-size:20px;
}
.desktop-tab{
    display: block !important;
    
}
.mobile-tab{
    display: none !important;
    
}
.mobile-image{
    display: none;
    
}

.profile-box .image-box{
    position: relative;
}
.our-team-section{
    clear: both;
    float: none;
    padding: 40px;
}
.image-box .small-desc{
    top: 65%;
    bottom: 0;
    height: 100%;
    padding: 5px 10px 10px 10px;
    background-color: rgba(0, 0, 0, 0.47);
    color: #3c4a50;
    position: absolute;
    width: 100%;
    height: 100px;
    overflow:hidden;
}
.normal-hidden{
    display: none;
    
}
.small-desc .name{
    text-align: left !important;
    color: #fff;
    font-size: 18px !important;
    font-style: normal !important;
    padding: 9px 0 0;
    font-weight: 400 !important;
}
.small-desc .designation{
    text-align: left !important;
    color: #fff;
    font-size: 14px !important;
    font-style: normal !important;
    padding: 0;
    font-weight: 400 !important;
}
.profile-popup-link{
    background: 0 0;
    cursor: pointer;
    display: block;
    margin: auto;
    text-decoration: none !important;
    padding: 8px;
    transition: all .4s ease 0s;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid white;
    max-width: 150px;
    margin-left: 0px;
    color: white !important;
    margin: 30px auto;
}
.small-desc .contact i{
    font-size: 25px;
    color: white;
}
.small-desc .contact {
    display: inline-block;
    margin: 30px auto auto auto;
}
.image-box:hover .small-desc{
    top: 0px;
    height: 100%;
    transition:0.35s;
    -webkit-transition:0.35s;
    background: rgba(0, 0, 0, 0.6);
}

.profile-box:hover .normal-hidden{
    display: block;
    
}.faq-accordion .item {
    display: none;
}
.profile-popup {
    width: 50%;
    margin-right: 0px;
    height: 100%;
    /* position: absolute; */
    top: 0px !important;
    left: auto;
    right: 0px;
    bottom: 0px !important;
    margin: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}
.profile-popup .mfp-close{
    background:none;
    color:black !important;
   
}
.profile-popup .name{
    font-size: 26px;
    line-height: 32px;
}
..profile-popup .designation{
    font-size: 17px;
    line-height: 26px;
}
.profile-popup .contact{
    padding: 10px 0px;
    display: inline-block;
}
.profile-popup .contact i{
    font-size: 25px;
    color: black;
}
.profile-popup .divider{
    margin: 20px auto;
    border: 1px solid black;
}
.profile-box {
    margin: 15px auto;
    overflow: hidden;
    position: relative;
    clear: both;
    float: none;
}
.form-group.has-error{
    position:relative;}
.form-group.has-error .visible{
    font-size: 10px;
    color: red;
    margin-bottom: 5px;
    position: absolute;
    top: -7px;
    right: 27px;
    background: white;
    padding: 2px 5px;
    
}
.g-recaptcha+.visible{
    text-align: center !important;
}
.has-error .form-control {
    border-color: #fe5d00;    
}
.form-group{
    margin-bottom: 0px !important;
}
.cc-window.cc-banner {
    padding: 8px 50px;
    background: black !important;
    max-width: none !important;
    width: 100% !important;
}
.cc-banner .cc-message{
    flex: none !important;
}

a.cc-btn.cc-dismiss {
    background: white;
    padding: 3px 20px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    margin: auto 40px;
    font-weight: normal;
}
.orange-filled-btn{
border: 2px solid #ff5d00 !important;
font-size: 15px;
color: white!important;
background: linear-gradient(to right, #ff5d00 50%, transparent 50%) !important;
background-size: 201% 100% !important;
text-transform: uppercase;
display: block;
padding: 8px !important;
text-decoration: none !important;
text-align: center !important;
margin-right: 10px;
max-width: 220px;
min-width: 216px;
border-radius: 4px !important;
height: auto !important;
margin: auto;
}
.orange-filled-btn:hover{
    transition: all .5s ease-out;
    background-position: left bottom !important;
    color:#fe5d00 !important;
    background-position: right bottom !important;
}
.checkbox label{
    font-size:12px;
}
video {
  pointer-events: none;
}
video::-webkit-media-controls-start-playback-button {
    display: none;
}

#mobile-clients-slider{
    display: none !important;
    
}
.col-md-12.empty {
    display: none !important;
}
label.error {
    color: red !important;
    float: none;
    line-height: normal !important;
    margin: 2px auto;
    padding: 2px 0px !important;
    font-weight: lighter;
    font-size:small;
    position: static !important;
}
.thank-subscription p {
    font-size: medium;
    text-align: left;
}

.nobullet{
    list-style-type: none !important;
    margin: 20px auto auto auto;
}
.nobullet a{
    color:rgb(255, 113, 0);
    
}
    
div#pricing-calculator {
    /*background: #004d7a;
    background: url(../images/Rectangle-contact-img.png) 0px 0px no-repeat;*/
    background-size:cover;
}
#pricing-calculator .heading-one{
    color:black !important;
    background:white;
    
    }
    
#pricing-calculator .heading-one:after{
    border-top-color:white; !important;
    }
/*div#pricing-calculator p,div#pricing-calculator span,div#pricing-calculator,div#pricing-calculator h3{
    color:white !important;
}*/
div#pricing-calculator .cal-box {
border:1px solid white;
}
div#pricing-calculator td.border-right{
    border-right:1px solid white;
  }    
 .second-element.plan-phone-bg {
    text-align: center;
} 

#pricing-calculator a{
    
    color:white;
}
#pricing-calculator sup{
    color:white;
    }


/*accordion*/

.faq-accordion {
  
  border-radius: 5px;
  overflow: hidden;
  margin: auto;
}


.faq-accordion .item.open .heading,
.faq-accordion .item:last-child .heading { border: 0; }

.faq-accordion .item.open .heading { background-position: right 20px top -5px; }

.faq-accordion .item .content {
  display: none;
  padding: 15px;
  background: #fff;
  font-size: 14px;
}
faq-accordion .item {
     display: none;
}
.workwithus-checkbox-contant .faq-accordion .item {
    /* display: none; */
    box-shadow: -1px 1px 10px #0000002e;
    min-height: 200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    margin: 20px;
    padding: 20px;
}
.faq-accordion .item.active{
    display:block;
    
}
.faq-accordion .item .heading {
      line-height: normal;
    padding: 10px;
    cursor: pointer;
    box-sizing: border-box;
    border-bottom: 1px solid #bcbcbc !important;
    font-weight: normal;
    color: #383f4b !important;
    font-size: 18px !important;
    position: relative;
    padding-right: 20px;
}

.faq-accordion .item.open .heading{
   /*  font-weight: normal;
   background-color: #EEEEEE !important;
   border-left: 9px solid #004c7f; */
    color: black !important;
    line-height: normal;    
    
    }
    
 .faq-accordion .item .heading:after{   
    content: '\002B';
    color: #777;
    font-weight: 500;
    margin-left: 5px;
    color: #004c7f;
    font-size: 20px;
    position: absolute;
    top: 10%;
    right: 5px;
    bottom: 0px;
    margin: auto;
    
 }
  div#careers_form h3 {
    text-align: center;
}  
 .faq-accordion .item.open .heading:after{   
    color: #004c7f;
   content: '-';
    transition: 1s;
    -webkit-transition: 1s;
   
}
.workwithus-checkbox-contant .faq-accordion .item .heading:after{
    content:none;
    display:none !important; 
    
}
.page-home .subscription-form-fixed,
.page-free-trial .subscription-form-fixed,
.page-free-trial-thankyou .subscription-form-fixed,
.page-thankyou-contactus .subscription-form-fixed,
.page-thankyou-greengorillas .subscription-form-fixed,
.page-thankyou-partnership .subscription-form-fixed,
.page-thankyou-pricing .subscription-form-fixed,
.page-thankyou-demo .subscription-form-fixed, 
.page-thankyou-upcontent .subscription-form-fixed,
.page-page-ebook-thankyou .subscription-form-fixed,
.page-login .subscription-form-fixed,
.page--email-verified .subscription-form-fixed,
.page-thankyou-requestdemo .subscription-form-fixed{
    display:none !important;
}
.x-layer.active:before{
    content:none !important;
}
a.adespresso {
    color: #00466f !important;
}

/*end of accordion*/

/*logo flipper CSS*/

.logo-flipper,
.logo-flipper .box-1,
.logo-flipper .box-2 {
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}

.logo-flipper .box-2 {
    display: none
}

.logo-flipper .logo-thumb {  

    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    min-height: 80px;
    backface-visibility: hidden;
    position: relative;
    background-position: center !important;
    background-size: 120px !important;
    background-repeat: no-repeat !important;
    background-color: white !important;
    margin: 2px auto;
    min-height: 75px;
}

.logo-flipper .logo-thumb {
    -ms-flex-preferred-size: 16.6%;
    flex-basis: 16.6%;
    
}
.logo-flipper .logo-thumb.flipped {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: rotateX(180deg);
    animation: flip 5s 1 alternate-reverse both;
    animation-iteration-count: infinite;

}
.logo-flipper .logo-thumb.flipped { background: none; }

@keyframes flip {
    0%,
    35% {
        transform: rotateX(0);
        opacity: 1;
        
    }
    100%,
    65% {
        transform: rotateX(180deg);
        opacity: 0
    }
}
.logo-flipper #logo-1 {
    animation-delay: 8s
}

.logo-flipper #logo-2 {
    animation-delay: 8.08333s
}

.logo-flipper #logo-3 {
    animation-delay: 8.16667s
}

.logo-flipper #logo-4 {
    animation-delay: 8.25s
}

.logo-flipper #logo-5 {
    animation-delay: 8.33333s
}

.logo-flipper #logo-6 {
    animation-delay: 8.41667s
}

.logo-flipper #logo-7 {
    animation-delay: 8.5s
}

.logo-flipper #logo-8 {
    animation-delay: 8.58333s
}

.logo-flipper #logo-9 {
    animation-delay: 8.66667s
}

.logo-flipper #logo-10 {
    animation-delay: 8.75s
}
.mw380{
    max-width: 350px;
    margin: -23% auto 10% auto;
}
p.small-gst {
    font-size: 11px;
    text-align: right !important;
    display: block;
    min-height: 28px;
}
.pricing-calculator-banner{
   /*background: url(../images/pricing-calculator.png) -78px 0px no-repeat;*/
    background-size: cover;
    min-height: 699px;
    position: relative;
    padding: 20px 100px 20px 50px;
    float: none;
    clear: both;
    margin-top: 50px;
    box-shadow: 1px 6px 10px rgba(0, 0, 0, 0.6);
}
.pricing-calculator-banner p.sub-title {
    font-size: small;
}
/*div#appendTheCanvasElement {
    max-width: 630px;
    max-height: 150px;
    display: block !important;
}*/
/*div#appendTheCanvasElement canvas{
    display: block !important;
}*/

div#appendTheCanvasElement{
   display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    transform: scale(0.85);
    width: 630px;
    height: 150px;
}
.small-icon img {
    width: 15px;
    display: inline;
}
.small-icon{
    display: inline;
    margin-right: 5px;
}
.pricing-calculator-banner h3 {
    font-size: 25px;
    line-height: normal;
    margin: 10px auto;
    padding: 5px;
}
.calci-study{
    background: rgb(0, 77, 127);
    text-align: center;
    padding: 20px 0px;
    position: relative;
}
.calci-study:before{
    content: '';
    position: absolute;
    color: white;
    margin: 0px;
    top: -15px;
    left: 25%;
    right: 15%;
    bottom: auto;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #004d83 !important;
    z-index: 1;
}
.calci-study p{
    margin-bottom: 0px;
}
.calci-study p, .calci-study p.small-size{
    text-align: center !important;
    color:white !important;
}
.calci-study p.small-size{
    font-size:large;
    margin: 10px auto;
}
.calci-study p {
    font-size: x-large;
}
.calci-study a{
    color:white;
    text-align: center;
    display: inline-block;
    
}
sub, sup{
    font-size:20px;
}
.seperator {
    margin: 50px auto;
}
.topic-box {
    padding: 20px;
    box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.23);
    border-radius: 10px;
    width: 190px;
    height: 150px;
    margin: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    background-color: white;
    background-image: linear-gradient(white, #F6F6F6);
}
.third-inside-image img {
    max-width: 300px;
    margin: 20px auto;
}
.pricing-upcontent{
    max-width: 60%;
    margin: auto;
}
.calci-study p span {
    font-size: 30px;
}
.upcontent-form {
    margin: 5px auto 20px auto;
    padding: 30px;
    border-radius: 10px;
    background-color: white;
    background-image: linear-gradient(white, #F6F6F6);
}
.upcontent-form input{
    border-radius:5px;
}
/*.upcontent-form input[type='submit']{

    margin-top: 20px;
}*/
.upcontent-form p {
    font-size: x-large;
    line-height: normal;
}
/*.pricing-table{
    display:none !important;
        
}*/

.free_trial_login_banner{
    /*background: url(../images/signup-banner.jpg) 0px 0px no-repeat !important;*/
    height: 760px;
    background-size:cover !important;
}
.tc-content .v-align{
    max-height: 360px;
    min-height: 0px;
}

/*End of logo flipper*/
#mixer-container-all .error{
    display: none;
    
}
.mixitup-container-failed .error{
    display: block;
    
}
.mix-tabs button {
    border: 0px;
    background: white;
    color: black;
    padding: 10px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.22);
    margin: 10px;
    min-width: 150px;
}
.mix-tabs button.mixitup-control-active {
    
    background: rgb(0, 77, 122);
    color:white;
    
}
.profile-img img {
    max-width: 150px;
    margin: auto;
}
.image-box img {
    position: relative;
    border: 1px solid rgba(211, 211, 211, 0.2);
}
.thank-subscription p.heading{
    font-size: x-large;
    margin: 15px auto;
    text-align: center;
    font-weight: 500;

}
.share-banner p.sub-heading{
    color: white;
    text-align: center;
    padding: 20px 0px;
}
.mh {
    min-height: 45px;
}
.study-note {
    text-align: center;
    margin-top: 40px;
    max-width: 300px;
    padding: 10px;
    margin: 20px auto;
    box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.23);
    border-radius: 10px;
    position: relative;
    background:rgb(0, 65, 108);
    
}
.study-note:before{
    content: '';
    border-width: 0px 15px 15px 15px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(0, 65, 108) rgba(0, 0, 0, 0);
    width: 0px;
    height: 0px;
    border-style: solid;
    position: absolute;
    top: -15px;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: auto;
}
.study-note p{
    color:white;
}
.study-note sup {
    top: -0.4em;
}
.study-note span {
    font-size: x-large;
}
.blue{
    background: rgb(0, 65, 108);
    color: white;
    display: inline-block;
    padding: 10px;
    
}
table .skin{
     background:rgb(235, 218, 189);
    color:black;
}
/*Pricing country Selection CSS*/

.country-data{
    display: none;
    
  }
  .country-data.active{
    display: block;
    
  }
  .changePriceContainer {
    min-height: 30px;
  }
  .changePriceContainer .changeCurrency {
   
     display: inline-block;
    min-height: 40px;
    padding: 0px 20px;
    width: auto;
    line-height: 40px;
    background: white;
    color: black;
}
.changePriceContainer .changeCurrency.active{
    color: #000;
    cursor: default;
    /* border-bottom: 2px solid #000; */
    background: rgb(0, 77, 127);
    color: white;
}
.changePriceContainer {
    min-height: 30px;
    position: absolute;
    z-index: 99 !important;
    background: #004d7f;
    color: white;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    top: 30px;
    right: 0px;
    left: 0px;
    width: 100px;
    margin: auto;
    bottom: auto;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.24);
}
.content-box.v-align.align-top {
    max-height: 600px;
}
#p-detail p.list {
    display: list-item;
    margin-left: 20px;
}
/*.changePriceContainer .changeCurrency.active:after {
    content: '';
    border-left: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-right: 6px solid transparent;
    position: absolute;
    top: auto;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 0px;
    height: 0px;
}*/

 /*-Popup Subscription Form-*/

     
#popup-optin.white-popup button.mfp-close{
    color:black !important;
}
#popup-optin{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: white !important;
    width: 300px;
    box-shadow: 1px 1px 10px #0000001f;
    margin: auto;
    border-radius: 5px;
    min-height: 0px;
    height: auto;
}
#popup-optin form{
    max-width: none;
    width: 100%;
}
#popup-optin h4 {
    font-size: x-large !important;
    margin: 0 0 15px;
    color: black;
    text-align: center;
    font-weight:bold;

}
#popup-optin .heading{
    font-size: medium;
    text-align: center;
   
}
#popup-optin .thank-subscription .heading{
    font-size: x-large;
    text-align: center;
    font-weight: 700;
}
#popup-optin form input{

    border: 1px solid lightgrey;
    font-size: 14px;
    height: 40px;
    margin-top: 10px;
    width: 100%;
    border-radius: 5px;
    padding-left: 10px;
    outline: none;
}
#popup-optin input[type='submit']{
    border: none;
    font-size: 14px;
    height: 40px;
    text-transform: uppercase;
    width: 100%;
    border-radius: 5px;
    max-width: 140px;
    margin: auto;
    display: block;
    background: #347bda;
    color: #ffffff;
    box-shadow: none;
    margin-top: 20px;
}
#popup-optin form .inputgroup {
    height: auto;
    position: relative;
    margin:20px auto;
}
#popup-optin form .inputgroup label {
    top: 20px;
    font-size: 12px;
    left: 10px;
    pointer-events: none;
    position: absolute;
    text-transform: uppercase;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
}
 #popup-optin form .inputgroup input:focus ~ label{
    top: -6px;    
    left: 0px;
    font-size:11px;
}
            
.checkbox label a {
    text-decoration: underline;
}
a#popup-close-btn {
    display: block;
    width: 30px;
    height: 30px;
    margin: auto 0px auto auto;
    font-size: x-large;
    font-weight: normal;
    text-decoration: none;
    font-family: Arial;
    cursor: pointer;
    
}
.address.google_map img {
    width: 30px;
    display: inline-block;
    height: 30px;
    margin-right: 10px;
}

.ebook-sticky a.submit-button {
    font-size: 12px;
    width: 162px !important;
    min-width: 0px;
    padding: 5px 2px !important;
    margin-top: 20px;
}
.ebook-sticky p {
    font-size: 15px;
    line-height: normal;
    margin: 5px;
    font-weight: bold;
    text-align: center;
}
.ebook-sticky .equal-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    text-align: center;
}   

.mfp-content form {
    background: #fff;
    width: 320px;
    max-width: 70%;
    margin: 0px auto;
    position: relative;
    border-radius: 6px;
}
.ebook-sticky {
    display: none;
    position: fixed;
    top: 65%;
    
    bottom: auto;
    z-index: 999 !important;
    background: white;
    max-width: 350px;
    padding: 15px;
    border-radius: 10px 0px 0px 10px;
    box-shadow: 1px 5px 9px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
   right:-350px;
}
.ebook-sticky.show{
    
    display: block !important;    
     animation: slide-in 2s forwards;
    -webkit-animation: slide-in 2s forwards;
    
}

@keyframes slide-in {
    100% { right:35%; }
}

@-webkit-keyframes slide-in {
    100% { right:35%; }
}
    
.ebook-sticky span.close-btn {
    
    display: block;
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 0px;
    right: auto;
    left: 0px;
    background: #00416c;
    /* box-shadow: -4px 2px 2px #00000033; */
    border-radius: 6px 0px 0px;
    color: white;
}
.ebook-sticky.show(){
    display: block;
    
}
#clients{
    bottom: 0px;
    padding-bottom: 0px;
}
div#clients-slider{
    background:white;
}
div#clients-slider ul li {
    background: white;
    height: 58px !important;
}
div#clients p{
    color:black !important;
    margin-top: 6px;
}
section.posts-container a {
    text-decoration: none;
}
.single-container {
   position: relative;
    min-height: 155px;
    max-height: 155px;
    overflow: hidden;
    box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.2);
    margin: 4px;
}
.title-layer {
        position: absolute;
    background: black;
    height: 40px;
    bottom: 0px;
    width: 100%;
    padding: 10px 20px;
    overflow: hidden;
}
p.post-title {
    color: white;
    overflow: hidden;
    position: relative;
}
a.readmore {
    color: white;
}
.posts-container h3{
    text-align: center;
    color:#585858;

}
section.posts-container .item {
    margin: 10px;
}
.posts-loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}
.posts-container .single-container:hover img {
    opacity: 0.7; 
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); 
    transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
}
.posts-container .single-container:hover{
    background:black;
}
.single-container p.date.left {
   position: absolute;
    background: white;
    top: 0px;
    padding: 10px;
    font-size: small;
}

/*.single-container p.date.left b {
    font-size: x-large;
    padding: 0px 10px;
    color: black;
    font-weight: 700 !important;
}*/

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.title-layer  .date{
    color:white;
}
.title-layer .left {
    display: block;
    margin: auto;
    font-size: small;
}

.title-layer .right{
    display: block;
    font-size: small;text-align: right;
}
.title-layer i.fa{
    margin-left: 10px;
    margin-right: 10px;
    font-size: large;
}
div#share-plans-box .v-align {
    min-height: 668px;
}
/*p.post-title:after {
    content:'...';
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
}*/

a.readmore.right:hover .fa {
    position: relative;
    left: -10px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    right: auto;
}
.plan-terms .v-align{
    justify-content: flex-end;
    padding: 0px 5% 0px 16%; 
}
div#layout-content {
    position: relative;
}
.bread-crumb {
    position: absolute;
    z-index: 99;
    top: 100px;
    left: 75px;
}
.bread-crumb span{
    color:black;
}
.bread-crumb p{
    font-size:medium;
}

/*Sitemap*/
ul.sitemap {
    margin: 30px auto;
}
ul.sitemap li ul {
    margin: 10px 10px 10px 20px;
}
ul.sitemap>li>a {
    font-weight: 600;
    border-bottom: 1px dotted slategrey;
}
ul.sitemap li ul li a{
    position: relative;
}
ul.sitemap li ul li a:before {
    position: absolute;
    content: "";
    background: url(../images/footer-blip.png);
    width: 5px;
    height: 10px;
    margin: 7px -11px;
}
div#steps .v-align, .mobile-app-section .v-align{
    min-height: 0px;
    height: auto;
}
.side-navbar:before {
    content: '';
    position: absolute;
    color: white;
    margin: 0px;
    top: -10px;
    left: auto;
    right: 10px;
    bottom: auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff !important;
    z-index: 1;
}
/*Career inner pages*/

.job-description-container .content ul li {
    list-style: disc;
    margin-left: 30px;
}
.job-description-container {
    margin: 50px auto;
}
#careers_form .form-group{
    margin-bottom: 10px !important;
}
#careers_form {
    box-shadow: 1px 2px 14px rgba(0, 0, 0, 0.15);
    padding: 20px;
    border-radius: 5px;
}
#careers_form .upload-button.dz-clickable {
    background: #a9a9a9 !important;
    border: 0px !important;
    outline: 0px !important;
    color: white !important;
}
#careers_form input[type='submit']{
    border: 2px solid #ff5d00 !important;
    font-size: 15px;
    color: #ff5d00 !important;
    background: linear-gradient(to right, #ff5d00 50%, transparent 50%) !important;
    background-size: 201% 100% !important;
    background-position: right bottom !important;
    text-transform: uppercase;
    display: block;
    padding: 5px !important;
    text-decoration: none !important;
    text-align: center !important;
    margin-right: 10px;
    max-width: 220px;
    min-width: 150px;
    border-radius: 4px !important;
    height: auto !important;
    margin: 15px auto;
    
}
#careers_form input[type='submit']:hover{
   transition: all .5s ease-out;
    background-position: left bottom !important;
    color: white !important; 

}
.careers-share-buttons a {
    min-width: 120px;
    display: inline-block;
    text-align: center;
    margin: 10px;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}
.careers-share-buttons a i {
    /* background: white; */
    padding: 5px;
    margin: 5px;
    color: white;
}
.careers-share-buttons {
    margin: 20px auto;
}
.careers-share-buttons a.facebook {
    background: #3b5998;
}
.careers-share-buttons a.twitter{
  
    background: #01a2f8;

}
.careers-share-buttons a.mail {
    background: darkgrey;
}

/*Ebook Popup */
#ebook-popup.white-popup button.mfp-close{
    color:black !important;
}
#ebook-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: white !important;
    width: 40%;
    box-shadow: 1px 1px 10px #0000001f;
    margin: auto;
    border-radius: 5px;
    min-height: 0px;
    height: auto;
    text-align: center;
    position: fixed;
    right: 0px;
    left: 0px;
    top: 15%;
    bottom: auto;
    margin: auto;
    /* opacity: 0;
       
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5); */
    margin: auto;
}
.powered-logo {
    font-size: small;
}
.powered-logo img {
    width: 20px;
    display: inline;
    margin: auto 10px;
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
#ebook-popup.show{
    transition: all 1.3s ease-in-out;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    
}
#ebook-popup form{
    max-width: none;
    width: 100%;
}
#ebook-popup h4 {
    font-size: x-large !important;
    margin: 0 0 15px;
    color: black;
    text-align: center;
    font-weight:bold;

}
#ebook-popup .heading{
    font-size: large;
    text-align: center;
   font-weight: 700;
   margin:10px auto;
}

#ebook-popup form input{

    border: 1px solid lightgrey;
    font-size: 14px;
    height: 40px;
    margin-top: 10px;
    width: 100%;
    border-radius: 5px;
    padding-left: 10px;
    outline: none;
}
#ebook-popup input[type='submit']{
    border: none;
    font-size: 14px;
    height: 40px;
    text-transform: uppercase;
    width: 100%;
    border-radius: 5px;
    max-width: 140px;
    margin: auto;
    display: block;
    background: #347bda;
    color: #ffffff;
    box-shadow: none;
    margin-top: 20px;
}
#ebook-popup form .inputgroup {
    height: auto;
    position: relative;
    margin:20px auto;
}
#ebook-popup form .inputgroup label {
    top: 20px;
    font-size: 12px;
    left: 10px;
    pointer-events: none;
    position: absolute;
    text-transform: uppercase;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
}
 #ebook-popup form .inputgroup input:focus ~ label{
    top: -6px;    
    left: 0px;
    font-size:11px;
}
            
.checkbox label a {
    text-decoration: underline;
}
a#ebook-close-btn {
    display: block;
    width: 30px;
    height: 30px;
    margin: auto 0px auto auto;
    font-size: x-large;
    font-weight: normal;
    text-decoration: none;
    font-family: Arial;
    cursor: pointer;
    
}
#ebook-popup .disclaimer {
    font-size: small;
    margin: 10px auto;
    color: #444444;
}
#ebook-popup label.error {
    position: absolute !important;
    width: auto;
    top: 0px;
    right: 26px;
    font-size: x-small;
    background: white;
    padding: 2px 5px !important;
    display: inline-block;
}

/* #ebook-popup .ebook-thumb img {
    width: 80%;
    margin: auto;
} */
/*Responsive CSS*/
@media only screen and (min-width: 1900px) {
    
    .right-x:before {
    
        left: 35.5%;
        height: 1080px;
    }

    .left-x:before{
        right: -33%;
        height: 1770px;      
    }

    .plans_banner{
        height: 972px;
    }
    .aboutus-banner{
        height: 972px;
    }
    ._w68{
        width: 100%;
    }
}

@media only screen and (max-width: 1366px) {
    .download-free-report{
        padding-top: 320px !important;
    }
    .second-element.plan-phone-bg{
        margin-top: 5% !important;
    }
    .second-content-right-box{
        padding-left: 30%;
    }
    .right-x:before {
        top: -2px;
        left: 35.5%;
        height: 765px;
    }

    .left-x:before{
         height: 830px; 
    }

    .plans_banner{
        height: 688px;
    }
    .aboutus-banner{
        height: 689px;
    }
    .plan-terms .content-box {
   		justify-content: flex-end;
   		padding: 0% 20% 0px 28%;
	}
	.mw380 {
  		 max-width: 350px;
   		margin: 0% auto 10% auto;
	}
    img.phome-image{
        margin-top: 100px;
    }
    .work-steps p{
        font-size:14px;
    }
    .work-steps {
        padding: 5px;
    }
    .pricing-calculator-banner {
       
       /* padding: 30px 30px 30px 15px;*/
        float: none;
        clear: both;
        margin-top: 50px;
    }

}
@media only screen and (max-width: 1280px) {

    .right-x:before {
        top: -7px;
        left: 34.5%;
        height: 747px;
    }

    .left-x:before{
         height: 715px; 
    }

    .plans_banner{
        height: 653px;
    }
    .aboutus-banner{
        height: 654px;
    }
    .cal-box p{
        font-size:17px;
        width: auto !important;
    }
    .pricing-calculator-banner {
        
        background-size: 100%;
        min-height: 674px;
        position: relative;
        padding: 10px 10px 10px 20px;
        float: none;
        clear: both;
        margin-top: 50px;
        background-size: cover;
    }

}
@media only screen and (max-width: 1024px) {
    .v-align{
        min-height: 0px;
    }
    .menu-cen-ver-align{
        padding-top: 0px;
    }
    .page-home footer#footer {
        margin-top: auto !important;
        padding-top:10px !important;
    }
    b{
        font-weight:normal !important;
    }
    .faq-accordion .item{
        min-width: 0px;
    }
    .cc-window {
        max-width: 100% !important;
        padding: 10px 20px!important;
        font-size: 14px !important;
        text-decoration: none;
        background: rgb(17, 64, 101) !important;
        width: 100%;
        bottom: 0px !important;
    }
    #subscription{
        margin: auto !important;
    }
    .content-banner p{
        font-size:initial;
    }
    .banner-content-wrapper{
        height: auto;
    }
    .cc-compliance {
        width: auto;
        float: left;
        max-width: 90px;
        display: inline-block;
        padding: 0px !important;
    }
    .cc-window .cc-message {
        font-size:small !important;
        margin-bottom: 5px !important;
    }
    a.cc-btn.cc-dismiss {
        width: 100px;
        padding: 2px !important;
        }
    
    .height-150vh{
        height:auto !important;
    }
    #section-one [class*="col-"], #section-two [class*="col-"] {

        min-height: 0px !important;
    }


    nav.navbar.main-navbar{
        display: none;
        
    }
    .text-container h1{
        font-size: x-large;
        line-height: normal;
        padding: 30px;
    }
    .mobile-text-slider {
        position: relative;
        z-index: 3;
    }
    header .text-container{
        position: static;
    width: 100%;
    padding-top: 40vh;
    }
    #clients{
        position: relative;
        margin-top: 50vh;
        z-index: 2;
        background: rgba(0, 0, 0, 0.7);
        padding: 10px;
    }
    .right-x,.left-x{
        position: static;
        background: no-repeat;
        height: auto !important;
    }
    
    #clients-slider .item{
        display: flex;
        min-height: 0px;
        margin: 10px;
        padding: 10px;
        min-height: 100px;
        
    }
    .menu-section{
        background:white;
    }
    .menu-btn.menu-cen-ver-align.right .open-btn .dropdown-toggle i{
        color:black;
    }
    .side-navbar{
        padding: 20px;
    }
    #working-video{
        margin-top: auto !important;
    }
    #section-one,#section-two{
        background:none;
        height: auto;
        background: none;
    }
    .right-x:before,.left-x:before{
        content:none;
    }
    .x-layer .content-box{
        margin: 0px;
        padding: 0px;
        background: rgba(255, 255, 255, 0.85);
        height: auto;
        display: block;
    }
    .right *{
        text-align: left !important;
    }
    .right a.know-more-blip{
        float: none !important;
    }
    #employee-advocacy,#customer-advocacy,#community-advocacy,#partner-advocacy{
        background-attachment: fixed !important;
   }
/*    #employee-advocacy{
        background: url(../images/section-layers/sectionone.jpeg) right 0px no-repeat;
    }
    #customer-advocacy{
        background: url(../images/section-layers/sectionone.jpeg) right bottom no-repeat;
    }
    #partner-advocacy{
        background: url(../images/section-layers/sectiontwo.jpeg) left 0px no-repeat;
    }
    #community-advocacy{
        background: url(../images/section-layers/sectiontwo.jpeg) left bottom no-repeat;
    }*/
    #calculation{
        height: auto;
        padding: 0px;
    }
    .inner-wrap-subscription{
        width: 100%;
        margin: auto;
        padding: 10px;
    }
    .heading{
        font-size:x-large;
        line-height: 35px !important;
    }
    .heading-one:after{
        left: 0px;
        right: 0px;
        margin: auto;
        top: auto;
        bottom: -17px;
    }
    .heading-one{
        padding: 10px;
    }
    .mobile-padding{
         padding: 15px !important; 
    }
    a.scroll-btn{
        position: absolute;
        bottom: 0%;
        display:none !important;
    }
    .content-box h3,.content-box h1,.content-box h2{
        font-size: x-large;
    }
    .result td{
        display: block;
        border-bottom: 1px solid black;
        border-width: 0px 0px 1px 0px !important;
        padding: 10px;
        border-collapse: collapse;
    }
    .download-free-report{
        /* padding: 15px !important; */
        /*display: block !important;*/
    }
    #working-video h3{
        margin: auto;
    }
    .mobile-height {
        min-height: 80vh !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    
    .desktop_carousel{
        display: none;
        
    }
    div#clients-slider{
        height:auto !important;
    }
        
    div#clients-slider .mobile-item{
        display:none !important;
    }
        

}

@media only screen and (max-width: 769px) {
    .mh{
        min-height: 0px;
    }
    #calculation{
        background:white;
    }
    .second-content-right-box{
        padding-left: 0%;
    }
    .mobile-padding {
        padding: 15px 30px !important;
    }
    div#mobile-clients-slider p {
        color: white;
        font-size:large;
    }
    .faq-accordion .item .heading:after{
        font-weight:normal;
    }
    a.orange-filled-btn {
        width: 150px !important;
        padding: 5px 10px !important;
        min-width: 0px !important;
        margin: auto !important;
        font-size: 13px;
    }
    .sub-heading {
        font-size: larger !important;
    }
    span.cost{
        font-weight:normal;

    }
    .logo-home {
        position: absolute;
        top: 0px;
        left: 25%;
    }
    .mobile-text-slider {
        position: relative;
        z-index: 3;
        min-height: 565px;
    }
    /*.fc.fc-collapsed .fc-pagination {
        top: 100%;
        bottom: 0px !important;
        left: -67%;
    }*/
    .fc.fc-collapsed .fc-pagination {
        top: 100%;
        bottom: 0px !important;
        left: 0%;
        width: 100%;
        right: 0px;
        text-align: center;
        margin: auto;
    }
    .calci-study:before{
        left: 0px;
        right: 0px;
        margin: auto;
    }
    .text-container h1{
        padding: 0px;
        font-size: 22px;
    }
    .mobile-text-slider {
        position: relative;
        z-index: 3;
        min-height: 650px;
    }
    header .text-container {
       position: absolute !important;
        top: 0px !important;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
        width: 100%;
        z-index: 3;
        height: 100%;
        text-align: center !important;
        background: rgba(0, 0, 0, 0.5);
        padding-top: 30vh !important;
    }
    #mobile-clients-slider h3 {
        color: black;
        margin-bottom: 30px;
    }

    .black-layer{
        display: none;
    }
    #clients{
        display: none;
        
    }
    #section-one .sect-box,#section-two .sect-box,#section-one .sect-box,#calculation .sect-box{
        background: none !important;   

    }
    .x-layer .content-box{
       background-color:white; 
    }
    .fixed-background{
        background-attachment: unset;
    }
    #appendTheCanvasElement{
        display: none;
        
    }
    .pricing-table {
        display: inline-block !important;
        margin-bottom: 30px;
    
    }
    .calci-study p span {
        font-size: 30px;
    }
    .upcontent-form{
        background-image: linear-gradient(#e8e8e6, #F6F6F6);
    }
    .calci-study a {
        color: white;
        text-align: center;
        display: block;
        width: 100%;
        max-width: 260px;
    }
    sub, sup{
        font-size:20px;
    }
    video#banner-video {
        transform: translate(-5%, 0%);
        -ms-transform: translate(0%, 0%); /* IE 9 */
        -webkit-transform: translate(0%, 0%); /* Safari */
        transform: translate(0%, 0%);
        position: absolute;
        object-fit: cover;
        width: 100%;


    }
    .calci-study p.small-size{
        margin: 10px auto;
        font-size:16px;
    }
    .calci-study p{
        margin: 20px 20px 20px 20px;
        font-size:large;
    }
    .calci-heading {
        font-size: 18px !important;
    }
    
    .pricing-calculator-banner {
        
        margin-top: 15px;
    }
    .second-content-right-box h3{
        padding-bottom: 0px;
    }
    .upcontent-form p {
        font-size: 20px;
        line-height: 30px;
        font-weight: normal;
        margin: auto;
    }
    .plan-dropdown-box {
        text-align: center;
        display: block;
    }
    .workwithus-checkbox h2 {
        line-height: normal;
        font-size: 16px;
        margin: 10px auto 10px auto;
    }
    .faq-accordion .item .heading {
        font-size: 15px !important;
       padding: 5px 20px 5px 5px;
    }

    .workwithus-content p{
        font-size:15px;
    }
    .support-section h3,.head-one,.add-box a.popup-with-form,.collapsible-box .tab p,._h3color h3,.sol-request-demo p{
        font-weight:normal;
    }
    .select-option a, .partner-option a{
        padding: 8px 20px;
        font-size:18px;
    }
    .content-box h3,.content-box h1,.content-box h2{
        font-weight: normal !important;
        margin: auto;
    }
    .our-team-section{
        padding: 0px;
    }

    .content-banner.solu-banner-content p,._h3color p{
        font-size:15px;
    }

    form input[type='checkbox']{
        height: auto !important;
    }
    .card ._bb2 i{
        font-size:16px;
    }
    ._bb2 a, ._bb2 p{
        font-size:15px;
    }
    .branch-address{
        margin-bottom: 10px;
    }
    .content-box.v-align.jc-flexend h2{
        font-size: x-large;
        font-weight: normal;
    }
    .card{
        min-height: 0px;
        margin:20px auto;
    }
    .add-box{
        min-height: 0px;
        max-width:none;
    }

    .work-steps p {
        font-size: 13px;
        line-height: normal;
    }
    #clients-slider{
        display: none !important;
        
    }
    h3.calculate-txt1{
        margin-top: 0px;
    }
    .mobile-height{
        min-height: 0px !important;
    }
    #mobile-clients-slider{
       display: block !important;
       text-align: center;
       background: black;
       padding: 20px 30px;
       position: relative;
       top: 0px;
       z-index: 6;
       padding-bottom: 20px;
       min-height: 178px;
    }
    .mobile-clients img{
        max-width: 110px;
        height: auto;
        background: white;
        padding: 10px;
    }
    #mobile-clients-slider .owl-dots{
        text-align: center;
        margin-top: 20px;
    }
    #mobile-clients-slider .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        display: inline-block;
        margin: 10px;
        border: 1px solid white;
    }
     #mobile-clients-slider  .owl-nav{
        display: none;
        
     }
    .plan-terms .submit-button{
        width: auto;
        max-width: none;
        margin-bottom: 30px;
    }
    #mobile-clients-slider .owl-dots .owl-dot.active{
        background: white;
        border:0px;
    }
    .work-steps {
        display: block;
        margin: 10px auto 10px auto;
    }
    .work-steps.zoom-effect:after{
        content:none;
    }

    .subscription-form-fixed{
        max-width: 280px;
    }
    ._big-title{
        font-size:16px !important;
        
    }
    .sol-request-demo p{
        font-size:20px;
        
    }
    .download-free-report{
        padding:20px 0px !important;}
    .inner-wrap-subscription{
        box-shadow:none;
    }
    #clients-slider .item{
        min-height:60px;}
    #clients-slider .item img{
        max-width:100px;}
    .mobile-app-section .v-align{
        height:auto;
        
        }
    .side-navbar .request-demo {
        margin-left: 0px;
        padding: 5px !important;
        max-width: 170px;
        min-width: 170px;
    }
    #working-video{
        min-height:0px;}
    .free-trial-box form input{
        height:38px;
        
    }
    .free-trial-box h3{
        font-size:x-large;}
    .quick-btn {
    width: 110px;
    left: -70px;
    top: 38px;
    font-size: 14px;
    padding: 5px;
    height: 33px;
    }
    .heading,#working-video h3 {
        font-size: 22px;
        line-height: 30px !important;
    }
    p, li,ul li{
        font-size:15px;
    }
    .icon img{
        max-width:90px;
        
    }
    .item.mobile-height-zero{
        height:0px;
        min-height:0px !important;
        }
    div#clients p{
        min-height:0px;
        margin-bottom: 30px;
        }
    .inverse-button,.content-box .popup-with-form{
        display:block;
        font-size:15px;
        
        
    }
    .inverse-button, .content-box .popup-with-form,a.request-demo, .submit-button, nav ul li a.request-demo {
        display: block;
    font-size: 15px !important;
    min-width: 150px;
    max-width: 170px;
    margin: 10px auto;
    padding: 7px !important;
    }
    .foot-title1, .foot-title3, .foot-title2{
        margin-left: 0px;
        /*font-weight: 500;*/
        color: black !important;
        margin-top: 15px;

    }
    .heading{
        font-weight:normal;
    }
    .image-box .small-desc {
        top: 77%;
    position: static;
    height: auto;
    background: grey;
    }
    .small-desc .contact{
        margin-top: 20px;
    }
    .profile-popup-link {
        text-align: left;
        margin: auto 0px;
        width: 100%;
        max-width: 100px;
    }   
    .profile-popup .contact{
        padding: 0px;
    }
    .small-desc .name{
        padding: 0px;
    }
    .normal-hidden{
        display: block;
        
    }
    .greengorillas-wrapper{
        padding: 20px;
        margin-top: 60px;
    }
    .partners-logo img {
        max-width: 190px;
    }
    .partner-details{
        text-align: left;
    }
    .logo-greengorillas img, .logo-upcontent img{
        max-width: 120px;
        margin: 10px auto;
        width: auto;
    }
    .mobile-image{
        display: block;
        width: 100%;
        margin: 30px auto;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
    }
     .slide-carousel, .slide-carousel .slide {
        width: 300px;
        height: 150px;
    }
    .pointing-line p:before{
        top: 10px;
        bottom: auto;
        background: black;
        width: 7px;
        height: 7px;
    }
    .logo-upcontent p {
        font-size: 1.5rem;
        line-height: normal;
        font-weight: 500;
        margin: 30px auto 10px auto;
    }

    .fc .fc-pagination{
        position: absolute;
        right: 0px;
        left: 0px;
        top: auto;
        margin: auto;
        display: block;
        margin: auto;
        bottom: -130px !important;
    }
    .mfp-content form{
        width: auto;
        max-width: 95%;
        margin: auto;
    }

    .fc .fc-pagination .fc-pagination-inner a{
        float: none;
        display: none !important;
        position: relative;
        min-height: 100px;

    }
    .fc .fc-pagination .fc-pagination-inner a.active{
        min-height: 90px !important;
        background: white;
        display: -webkit-flex !important;
        display: -moz-flex !important;
        display: -ms-flex !important;
        display: -o-flex !important;
        display: flex !important;
        -ms-align-items: center;
        align-items: center;
        justify-content: center;
    }
    .fc-portrait .fc-pagination-inner a.active:before{
        content:'' !important;
        position: absolute;
        left: 0px;
        right:0px;
        top: 0px;
        top: -98px;
        width: 0 !important;
        height: 0 !important;
        margin: auto;
        border:0px;
        border-bottom: 15px solid white;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        background:none !important;
    }
    /*.fc-portrait .fc-pagination-inner a:before {
        content: none !important;
        position: static !important;
        border: 0px !important;
    }
    .fc .fc-pagination .fc-pagination-inner a {
        display: inline-block !important;
        width: 10px !important;
        height: 10px !important;
        border-radius: 100% !important;
        min-height: 0px !important;
        padding: 0px !important;
        margin: 10px !important;
    }
    .app-tab-container{
        position: relative;
    }
    
    .mobile-app-tabs{
        float: none;
        display: none !important;
        position: relative;
        min-height: 100px;

    }
    .mobile-app-tabs.active{
        min-height: 90px !important;
        background: white;
        display: -webkit-flex !important;
        display: -moz-flex !important;
        display: -ms-flex !important;
        display: -o-flex !important;
        display: flex !important;
        -ms-align-items: center;
        align-items: center;
        justify-content: center;
        width: 300px;
        margin: auto;
        position: relative;
        top: -60px;
        border-radius: 10px;
    }
    .mobile-app-tabs.active:before{
         content:'' !important;
        position: absolute;
        left: 0px;
        right:0px;
        top: 0px;
        top: -98px;
        width: 0 !important;
        height: 0 !important;
        margin: auto;
        border:0px;
        border-bottom: 15px solid white;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        background:none !important;
    }*/
    .fc.fc-portrait{
        margin:0px  auto 120px auto!important;
        /*background-image: url(../images/app-ios/iphone-x/iphone.png) !important;*/
        
    }
    .fc-portrait .fc-controls{
        display: block !important;
        
    }
    .fc .fc-btn.fc-btn-left{
        left: -60px;
    }
    .fc .fc-btn.fc-btn-right {
        right: -60px;
    }
    .mobile-app-section{
        margin: 10px auto;
        padding: 10px 0px 30px 0px;
    }
    .desktop-tab{
        display: none !important;
    }
    .mobile-tab{
        display: block !important;
        margin-top: 30px;
    }
    .work-content p{
        max-width: 100%;
    }
    .mobile-app-section .pull-left,.mobile-app-section .pull-right,.col-md-6.pull-left{
        float:none !important;
        clear: both;
        height: auto;
    }
    .panel{
        margin: auto;
        padding: 0px 0px 10px 0px;
    }
    .product_banner .pull-right,.partner_banner .pull-right,
    .plans_banner .pull-right,.faq_banner .pull-right,.free_trial_banner .pull-right, .thank_banner .pull-right{
        float: none !important;
        clear: both !important;
    }
    .product_banner .pull-right{
       /* background: url(../images/products/product-banner.jpg) 0px 0px;*/
        height: 667px;
        background-position: -320px 0px;
        width: 100%;
        padding: 0px;
        background-size: cover;
    }
    .partner_banner .pull-right{
        /*background: url(../images/partner.png) -7px 0px no-repeat;*/
        height: 667px;
        background-position: 100%;
        width: 100%;
        padding: 0px;
        background-size: cover;
    }

    .plans_banner .pull-right{
        /*background: url(../images/pricing-banner.png) 0px 0px;*/
        height: 667px;
        background-position: 100%;
        width: 100%;
        padding: 0px;
        background-size: cover;
    }

    .faq_banner .pull-right{
        /*background: url(../images/faq.jpg) 0px 0px;*/
        height: 667px;
        background-position: 100%;
        width: 100%;
        padding: 0px;
        background-size: cover;
    }
    .contact-banner .pull-right{
        /*background: url(../images/contact-us/contact_banner.jpg) 0px 0px no-repeat;*/
        height: 530px;
        background-position:-757px 0px;
        width: 100%;
        padding: 0px;
        background-size: cover;
        clear: both !important;
        float: none !important;
    }
    .community-advocacy-banner{
        padding: 0px;
    }
    .solu-banner-content{
        margin: auto;
    }
    .community-advocacy-banner .pull-right{
        padding: 0px;
        /*background: url(../images/community-advocacy-banner.jpg) 0px 0px no-repeat;*/
        height: 667px;
        background-position: 100%;
        width: 100%;
        padding: 0px;
        background-size: cover;
    }
    .solution-banner .pull-right{
        /*background: url(../images/solution-banner.jpg) 0px 0px no-repeat;*/
        height: 667px;
        background-position: 100%;
        width: 100%;
        padding: 0px;
        background-size: cover;
    }
    .partner-advocacy-banner .pull-right{
        /*background: url(../images/partner-advocacy-banner.jpg) 0px 0px no-repeat;*/
        height: 667px;
        background-position: 100%;
        width: 100%;
        padding: 0px;
        background-size: cover;
    }
    .customer-advocacy-banner .pull-right{
        /*background: url(../images/customer-advocacy-banner.jpg) 0px 0px no-repeat;*/
        height: 667px;
        background-position:100%;
        width: 100%;
        padding: 0px;
        background-size: cover;
    }
    .aboutus-banner .pull-right{
        /*background: url(../images/aboutus/aboutus-banner.jpg) 0px 0px;*/
        height: 667px;
        background-position:100%;
        width: 100%;
        padding: 0px;
        background-size: cover;
    }
    .workwithus-banner .pull-right{
        /*background: url(../images/workwithus/workwithus-banner.jpg) 0px 0px;*/
        height: 667px;
        background-position: 100%;
        width: 100%;
        padding: 0px;
        background-size: cover;
    }
    .tc-banner .pull-right{
        /*background: url(../images/terms_condition-banner.jpg) 0px 0px no-repeat;*/
        height: 700px;
        background-position: 100%;
        width: 100%;
        padding: 0px;
        background-size: cover;
    }
    .pp-banner .pull-right{
        /*background: url(../images/privacy-policy-banner.jpg) 0px 0px no-repeat;*/
        height: 667px;
        background-position: 100%;
        width: 100%;
        padding: 0px;
        background-size: cover;
    }
    .free_trial_banner .pull-left{
        /*background: url(../images/free-trial.jpg) 0px 0px;*/
        height: 667px;
        background-position: -705px 0px;
        width: 100%;
        padding: 0px;
        background-size: cover;
    }
    .free_trial_login_banner .pull-left{
        /*background-image: url(../images/signup-banner.jpg);*/
    }
    .thank_banner .pull-left{
        background: url(../images/thankyou-banner.jpg) 0px 0px;
        height: 710px;
        background-position: 0px 0px;
        
        width: 100%;
        padding: 0px;
        background-size: cover;
    }
   
    .solution-banner,.partner-advocacy-banner,.customer-advocacy-banner,
    .community-advocacy-banner,.workwithus-banner,.free_trial_banner,
    .thank_banner,.free_trial_login_banner{
        min-height: 0px;
        width: 100%;
        padding: 0px;
        background: none !important;
        height: auto;
    }
    #pricing-calculator-banner .pricing-table p span{
        color:#4ab6f4 !important;
    }
    .free-trial-box .trial-adv p{
       font-size: large;
        position: static;
        text-align: left;
        font-weight: 500;
        list-style-type: disc;
        display: list-item;
        margin-left: 30px;
    }
    .free-trial-box form{
        width: 100%;
    }
    div.border-right:after{
        content:none;
    }
    .free-trial-box{
        padding: 10px 20px;
    display: block;
    min-height: 0px;
    margin-top: 20px;
    }
    .product_banner,.plans_banner,.faq_banner,.contact-banner,.aboutus-banner,.tc-banner,.pp-banner{
        height: auto;
        background: none;
        min-height: 0px;
        padding: 0px;
    }
    .product_banner .content-box, .partner_banner .content-box, .plans_banner .content-box, 
    .share-banner .content-box,.faq_banner .content-box, .contact-banner .content-box,
    .community-advocacy-banner .content-box,.aboutus-banner .content-box, .workwithus-banner .content-box,.tc-banner .content-box,.pp-banner .content-box,.no-page-banner .content-box{
        height: auto;
        padding: 20px;
        display: block;
        float: none !important;
        max-height: none !important;
    }
    .terms-condition-content, .privacy-policy-content{
        padding: 20px 0px;
    }

    .solution-content{
        padding: 20px 0px;
        margin: 10px auto;
    }
    .contact-address{
        padding: 15px;
    }
    .cta,.sol-request-demo{
        padding: 10px 10px 20px 10px;
    }
    .partner-detail-wrapper{
        display: block;
        
    }
    .partner-option .mobile-tab {
        max-width: 100%;
        background-color: darkgrey !important;
        box-shadow: none;
        color: white;
        font-size: 18px !important;
        padding: 10px 30px;
        position: relative;
        margin: 10px auto;
        display: block !important;
    }   
    .partner-option .mobile-tab.active {
        margin: 10px auto;
        background: #00517f !important;
    }
    .partner-option .mobile-tab:before{
        content: '+';
        position: absolute;
        top: 25%;
        left: auto;
        right: 10px;
        bottom: 0px;
        color: white;
    }
    .partner-option .mobile-tab.active:before{
        content: '-';
        color:white;
    }
    .col-md-12.empty{
        display: none;
        
    }
    div#partner-section img{
        clear: both;
        margin: 10px auto 10px 0px;
        max-width:200px;
    }
    a.know-more-button{
        clear: both;
        display: inline-block;
        margin: 10px auto 30px auto;
        float: none;
        text-align: left;
    }
    a.select-tag:before{
        content:'';
        border-top: 12px solid #a9a9a9;
        border-bottom: 12px solid #a9a9a9;
        border-left: 12px solid white;
        top: 0px;
        border-radius: 0px;
        bottom: 0px;
        margin: auto;
        left: 0px;
    }
    #faq-second-part, #partner-second-part{
        padding: 20px 0px;
    }
    .plan-dropdown-content,.plan-dropdown-box{
        width: auto;
    }
    .plan-dropdown-box a{
        min-width: 80px;
        border: 1px solid white;
    }
    .plan-dropdown-box a.active{
        background: white;
        color: black !important;
    }
    .plan-terms{
        background:white;
        /* box-shadow: 0px -1px 10px #00000033; */
        padding-bottom: 10px;
    }
    .pricing-top-table p.heading{
        padding: 20px 0px;
        margin: auto;
    }
    .second-content-right-box{
        width: 100%;
        height: auto;
        margin: 20px auto;
        display: block;
        text-align: center;
    }
    .pricing-one-time p,#p-detail p{
        text-align: center;
    }
    .third-inside-content{
        padding-top: 10px;
    }
    .one-add-time p{
        width: 100%;
        text-align: center;

    }

    .one-add-time h3{
        text-align: center;
    }
    ._border-line{
        border:0px;
        border-bottom: 1px solid black;
    }
    .pricing-topic{
        border:0px;
    }
    .third-inside-image{
        height: auto;
        display: block;
    }
    a.select-tag{
        background: #a9a9a9 !important;
        color: white;
    }
    #faq-second-part .v-align {
        display: block;
        padding: 20px 0px;
    }
    .accordion.active:after, .question-tag.active:before{
        
        font-weight: normal;
    }
    .question-tag{
        margin-bottom: 10px;
    }
    .form-detail{
        max-width: 100%;
        margin: auto;
        padding: 15px;
    }
    .g-recaptcha{
        transform-origin: 30% 0%;
        -webkit-transform-origin: 30% 0%;
        transform-origin: 0% 0%;
        -webkit-transform-origin: center 0%;
    }
    .support-section{
        padding: 20px;
        margin-top: 0px;
    }
    .logo img{
        max-width: 30px;
    }
    .menu-section.white-header .actual-logo{
        max-width:100px;
    }
    #steps{
        padding: 20px 0px;
    }
    .accordion{
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
        margin-bottom: 10px;
        font-size:17px;
    }
    .accordion:after{
        font-weight:normal;
    }
    a.accordion.active {
        background: #004c7b !important;
        color: white !important;
    }
    .accordion.active:after{
        color:white;
    }
    a.back-blip{
        float: none;
        display: inline-block;
        padding: 10px 30px;
    }
    .profile-popup{
        position: relative;
        width: 100%;
        max-width: 90%;
        display: block;
        top: auto !important;
        left: auto;
        right: auto;
        height: auto;
    }
    .aboutus-second-section{
        background:none;
        min-height: 0px;
    }
    .aboutus-content{
        width: 100%;
        margin: auto;
        padding:;
    }
    .product-values-btn a{
        padding: 10px !important;
        text-align: center;
        box-shadow: -1px 1px 10px #0000004d;
        margin: auto;
        display: block;
        margin: 10px auto !important;
    }
    .product-values-btn{
        margin-top: 10px;
    }
    
    .our-team-section {
        width: 90%;
        margin: auto;
         
    }
    .profile-box{
        height: auto;
    }
    .product-values-btn a {
        text-align: left;
        font-weight: normal;
        box-shadow: none;
        margin: auto !important;
    }
    .aboutus-content-title{
        padding: 0px;
    }
    .aboutus-para p{
      
        text-align: left;
        font-size: 15px;
    }
    .product-values-btn a{
        font-size: x-large;
        font-weight: normal;
        padding: 0px;
        margin: auto !important;
    }
    .aboutus-content{
        padding:0px 20px;
    }
    .aboutus-content-title h1 {
        font-size: x-large;
        font-weight: normal;
        padding: 0px;
    }
    .workwithus-content{
        width: 100%;
        padding: 20px;
    }
   .workwithus-checkbox-title h1 {
        font-size: x-large;
        margin-bottom: 15px;
    }
    .seperator {
        margin: 15px auto;
    }
    img.phome-image{        
        margin-top:20px; 
        margin: auto;   
    }
    .third-inside-image img {
        max-width: 230px;
        margin: 20px auto;
    }

    form select,form input, form textarea{
        height:30px !important;
        margin-bottom: 5px;
    }
    span.remaining{
        margin-top: 0px;
    }
    .request-form-fields b{
        font-size:20px;
    }
    label.error{
        font-weight:lighter;
    }
    .topic-box{
        height: 100px;
        margin:10px auto;
    }
    .share-banner{
        padding-top: 20px;
        background:rgb(255, 118, 53);
    }
    .changePriceContainer{
        position: static;
    }
    .pull-right,.pull-left{
        float: none !important;
    }
    .plans_banner{
        text-align: center;
    }
    .banner-content-wrapper{
        display: block;
        
    }
    .tc-banner .v-align{
        margin-top: 30px;
    }

}

@media only screen and (max-width: 490px) {
    p.list-item {
        text-align: left !important;
        margin-left: 50px;
    }
    div#share-plans-box .v-align{
    min-height: 0px;
    }
    div#ebook-popup {
    width: 100%;
    position: absolute;
    top: 0px;
    }
    #ebook-popup input[type="submit"] {
       padding: 10px !important;
    max-width: 80% !important;
        
        }
    .bread-crumb {               
        top: 55px;
        left: 25px;
    }
    .bread-crumb *{
        font-size: medium;
        color: white !important;
        text-shadow: 0px 1px 10px black;
    }

    .single-container {
    position: relative;
    min-height: 0px;
    max-height:none;
    
    }
    
    @keyframes slide-in {
        100% { right:10%; }
    }

    @-webkit-keyframes slide-in {
        100% { right:10%; }
    }

    div#partners-slider{
        height: 365px;
    }
    .collapsible-box .tab p{
    font-size:16px !important;
    }

    .fc .fc-pagination .fc-pagination-inner {
        margin: 0 auto;
        display: inline-block;
        position: absolute;
        left: -30%;
        right: 0px;
        margin: auto;
    }
    .title-layer {
        position: static;
        background: black;
    }
    .posts-container .owl-dots{
        margin: 10px auto;
        text-align: center;
        display: block;
        
    }
    .posts-container .owl-nav{
        display: none;
        
    }
    .posts-container .owl-dot {
        border: none;
        background: none;
        width: 10px;
        height: 10px;
        margin: 10px;
        border-radius: 100%;
        display: inline-block;
        border:1px solid black;
    } 
    .posts-container .owl-dot.active{
        background:black;
    }
    section.posts-container {
        margin-bottom: 20px;
    }
    
    video#banner-video{
        position: absolute !important;
    }

    header .text-container{
        padding-top: 37vh !important;
    }
    .our-team-section{
        width: 80%;
    }
    .mix-tabs button {
        
        margin: 5px;
        min-width: 110px;
    }

    .product_banner .pull-right,.partner_banner .pull-right,
    .plans_banner .pull-right,.solution-banner .pull-right,
    .customer-advocacy-banner .pull-right,.partner-advocacy-banner .pull-right,
    .community-advocacy-banner .pull-right,.free_trial_login_banner .pull-left,
    .thank_banner .pull-left,.faq_banner .pull-right,.aboutus-banner .pull-right,.workwithus-banner .pull-right,
    .contact-banner .pull-right,.tc-banner .pull-right,.pp-banner .pull-right,.free_trial_banner .pull-left{
        height:400px;
    }
    .thank_banner .pull-left{

        background-position: -705px 0px;
    }
    .fc.fc-portrait{
        width: 170px !important;
        height: 350px !important;
    }
    .plans_banner{
        text-align: left;
    }
    span.rupeee{
        font-weight:600;
    }
    
    #price-calculator .mobile-padding {
        padding: 15px!important;
    }
    .tc-banner .v-align {
        margin-top: 10px;
    }
    header .text-container h1{
        line-height:normal;
        padding:0px;
        
    }
    .product_banner .pull-right{
        
        height:420px;
        
    }

}



@media only screen and (max-width: 375px) {
    header .text-container{
        padding-top: 32vh !important;
    }
   .mobile-text-slider {
   
        min-height: 530px;
    }
    .fc.fc-portrait {
        
        /*background-image: url(../images/app-ios/iphone-x/iphone.png) !important;*/
        /*width: 250px !important;
        height: 500px !important;*/
    }
    



}
@media only screen and (max-width: 360px) {

    header .text-container{
        padding-top: 35vh !important;
    }
    .mobile-text-slider {
        min-height: 500px;
    }


}

@media only screen and (max-width: 350px) {
    header .text-container {
        padding-top: 32vh !important;
    }
    
    .request-form-fields input, .request-form-fields select, .request-form-fields textarea{
        margin-bottom: 7px;
        height: 32px !important;
    }
    form.blog-subscribe-form input{
       height: 30px !important;  
        margin-bottom: 5px;  
    
    }
    
    .mobile-text-slider {
        min-height: 440px;
    }
    .solution-banner .pull-right{

        background-position: -430px 50px;
    }
    form.blog-subscribe-form p.heading{
            font-size:medium;
            
    }
    .g-recaptcha{
        transform: scale(0.70);
        -webkit-transform: scale(0.70);
    }
    .subscription-form-fixed{
        top:15%;
        }
     .slide-carousel, .slide-carousel .slide {
        width: 280px;
        height: 140px;
    }
    .mfp-content form{
        width: 100%;
    }
    
    .fc .fc-pagination{
        left: -80px;
        right: 0px;
    }

}
