html, body {height:100%;}
* {outline:none}
body {font-family: 'Open Sans', sans-serif!important; color:#3c3c3b; font-weight:normal!important; background:#fff;}
p {line-height:25px}
.default-h2 {color:#3c3c3b; font-weight:600; font-size:30px}
.default-P {color:#3c3c3b; font-size:18px; padding:8px 0}
button, button:focus, button*:focus {outline:none}
.container-full {margin:0 auto; width: 100%}
.padding-gutter-none {padding-left:0!important; padding-right:0!important}
.margin-gutter-none {margin-left:0!important; margin-right:0!important}
.fbold {font-weight:bold}
.fwhite {color:#fff}
img.siteaddress1, img.siteaddress2, img.siteaddress3 {margin: 0px !important; float:left;}
h2 {color:#2e373d; font-size:26px; font-weight:400; line-height:33px}
h3 {color:#2e373d; font-size:26px; font-weight:500}
b {font-weight:700}
/* SCROLL TO TOP */
.scroll-top-wrapper {position:fixed; opacity:0; visibility:hidden; overflow:hidden; text-align:center; z-index:99999999; background-color:#18191b; color:#eee;
width:38px; height:58px; line-height:48px; right:4px; bottom:-10px; padding-top:2px; border-radius:10%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {background-color:#0d0e0e; opacity:0.4; filter: alpha(opacity=70)}
.scroll-top-wrapper.show {visibility:visible; cursor:pointer; opacity:0.4; filter: alpha(opacity=70)}
.scroll-top-wrapper i.fa.fa-chevron-up {line-height: inherit; font-size:16px; margin-top:-5px}
#animatedModal2:not(.animated) { display: none; }
.navbar-header.custom {margin-left:0!important; margin-right:0!important}
.navbar {border:none; margin-bottom:0; position:relative; z-index:999}
.navbar-inverse .navbar-nav>li>a {color:#fff; font-size:16px!important; font-weight:500}
.navbar-inverse .navbar-nav>li>a:focus {color:#000}
.navbar-inverse .navbar-nav>li>a:hover {color:#C71E23!important}
.container-fluid>.navbar-header {margin-left:0!important; margin-right:0!important}
.navbar-toggle {margin-right:0; background:#565656}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background:#5d5d63!important}
.navbar {border-radius:0; padding:15px 0 10px 0}
.navbar-inverse .navbar-collapse {border:none; margin-top:10px}
.navbar-inverse .navbar-toggle {border:1px solid #5d5d5d}
.row {margin-left:0!important; margin-right:0!important}
nav.navbar.navbar-inverse {position:relative; z-index:999; background:transparent}
.mainContainer {position:absolute; top:0; width:100%; overflow:hidden}
.navbar-nav>li:hover {background:transparent}

.e_mobile.e_min .footer {margin-top: 50px;}
.e_mobile .footer {padding:50px 0 5px 0;}
.footer {background:#fff; padding:0px 0 5px 0; width:100%;}
.footer p {color:#575756; font-size:15px; font-weight:400; padding:10px 20px}
.footer ul {text-align:center}
.footer li {display:inline; padding:0 5px}
.footer img { display: block; margin: 0 auto; }
.footer a, .footer a:active, .footer a:focus {color:#575756; text-decoration:none}
.footer a:hover {color:#b21420; text-decoration:none}
.footer span {display:block; padding:15px 0; line-height:22px}
.footerblock {width:60%; margin:0 auto}
.footerLabel {padding:20px; text-align:center; background:#c71e23; width:100%; margin-bottom:30px}
.footerLabel h2 {font-size:30px; font-weight:700; color:#fff; line-height:37px}

.mainBanner {background:url(../images/pdfform-pro-main-banner.jpg) no-repeat center; background-size:cover; width:100%; min-height:630px; padding:7.5% 0 40px 0; text-align:center}

.mainDefault-section {padding:7.5% 0 40px 0; min-height:650px; text-align:center;
background: -moz-linear-gradient(269deg, rgba(217,217,217,1) 0%, rgba(244,244,244,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(217,217,217,1)), color-stop(100%, rgba(244,244,244,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(269deg, rgba(217,217,217,1) 0%, rgba(244,244,244,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(269deg, rgba(217,217,217,1) 0%, rgba(244,244,244,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(269deg, rgba(217,217,217,1) 0%, rgba(244,244,244,1) 100%); /* ie10+ */
background: linear-gradient(181deg, rgba(217,217,217,1) 0%, rgba(244,244,244,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#f4f4f4',GradientType=0 ); /* ie6-9 */}

.mainBanner-text-content {padding-top:35%; line-height:38px; text-align:left; color:#fff}

.mainBanner-text-content h1, .signinReg-Banner h1 {font-size:30px; font-weight:600; color:#fff; line-height:34px}
.mainBanner-text-content p, .signinReg-Banner p {font-size:20px; font-weight:300; padding:20px 0; color:#fff}
#register2 h1, #register2 p  { color: #000; }

.navbar-left img {text-align:left; float:left}
.contactus-banner {background:url(../images/contactus-banner.jpg) no-repeat center; background-size:cover; width:100%; min-height:351px; padding-top:11%; text-align:left}

/* sticky header ----------------------------------------------------------------------- */
nav.navbar.navbar-inverse.navbar-fixed-top {
position:fixed; top:0; left:0; width:100%; padding:0; /*z-index:10000;*/ transition:all 0.3s ease-in-out; height: auto; background-color:transparent;
text-align:center; line-height:40px; padding:15px 0}

/* Pricing BG */
nav.navbar.navbar-inverse.navbar-fixed-top.custom {background:#2e3033!important}

nav.navbar.navbar-inverse.navbar-fixed-top.active {
background:#2e3033!important;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
transition: all 0.3s ease-in-out; padding:0 0}

nav.navbar.navbar-inverse.navbar-fixed-top.active .navbar-inverse .navbar-nav>li>a {color:#000; padding:5px 0 10px 0!important}
nav.navbar.navbar-inverse.navbar-fixed-top.active .navbar-left img {width:180px; height:auto; padding-top:5px}
.nav>li>a {padding:10px 20px}

.horizontalTab-section li span.glyphicon {font-size:32px; font-family:'Open Sans', sans-serif; display:block; float:left; width:50px}
.horizontalTab-section li span + span {text-align:left; padding:5px 10px 0 5px}
h2.resp-accordion.hor_1 .glyphicon {font-size:18px; font-family:'Open Sans', sans-serif; padding-right:10px}

.container-full.inner-tab-custom .nav>li>a, .container-full.inner-tab-custom .nav>li>a:hover {background:none; border:none; cursor:pointer}
.container-full.inner-tab-custom .nav-tabs {border-bottom:none; padding:10px 0}

.container-full.inner-tab-custom .nav-tabs>li a {color:#a4a4a4; font-size:15px; font-weight:600}
.container-full.inner-tab-custom .nav-tabs>li.active>a, .container-full.inner-tab-custom .nav-tabs>li.active>a:focus, .container-full.inner-tab-custom .nav-tabs>li.active>a:hover {color:#3c3c3b; font-size:15px; font-weight:600}
.dragDrop-container {background:#f7f7f7; text-align:center; border:3px dashed #dfdfdf; padding:20px; margin:4px}
.dragDrop-container h4 {font-size:20px; font-weight:700; color:#3c3c3b}
.dragDrop-container p {color:#000; font-size:16px; font-weight:normal; padding:20px}
.dragDrop-container p:last-child {font-weight:600!important; padding-bottom:0}

.proTracker {
background: rgba(48,50,53,1);
background: -moz-linear-gradient(left, rgba(48,50,53,1) 0%, rgba(48,50,53,1) 30%, rgba(199,30,35,1) 30%, rgba(199,30,35,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(48,50,53,1)), color-stop(30%, rgba(48,50,53,1)), color-stop(30%, rgba(199,30,35,1)), color-stop(100%, rgba(199,30,35,1)));
background: -webkit-linear-gradient(left, rgba(48,50,53,1) 0%, rgba(48,50,53,1) 30%, rgba(199,30,35,1) 30%, rgba(199,30,35,1) 100%);
background: -o-linear-gradient(left, rgba(48,50,53,1) 0%, rgba(48,50,53,1) 30%, rgba(199,30,35,1) 30%, rgba(199,30,35,1) 100%);
background: -ms-linear-gradient(left, rgba(48,50,53,1) 0%, rgba(48,50,53,1) 30%, rgba(199,30,35,1) 30%, rgba(199,30,35,1) 100%);
background: linear-gradient(to right, rgba(48,50,53,1) 0%, rgba(48,50,53,1) 30%, rgba(199,30,35,1) 30%, rgba(199,30,35,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303235', endColorstr='#c71e23', GradientType=1 );
color:#fff; padding:0
}

.Tracker-grid1 {background:#303235; padding:20px 0; min-height:60px}
.Tracker-grid1 span {clear:both; display:block; font-weight:600; font-size:18px}
.Tracker-grid1 span:last-child {font-size:24px; padding-top:8px}
.Tracker-grid2, .Tracker-grid3 {background:#c71e23; margin:15px 0 5px 0}
.Tracker-grid3 {border-left:1px solid #fff}
.track-Grid-A {float:left}
.track-Grid-B {width:auto; overflow:hidden}
.track-Grid-B span {clear:both; display:block; font-size:18px; font-weight:600; text-align:center}
.track-Grid-B span:last-child {font-size:28px; text-align:center; padding:8px 0}
.grid-box {width:230px; margin:0 auto}
.proFeatures {text-align:center; padding:60px 0 20px 0}


/**/
.beforeandafterSlider {width:80%; margin:0 auto}
.ba-slider {position:relative}
.ba-slider img {width:100%; height:auto; max-width:100%; display:block; max-width:none}
.ba-slider .resize {position:absolute; top:0; left:0; height:100%; width:50%; overflow:hidden}
.ba-slider .handle {position:absolute; left:50%; top:0; bottom:0; width:0; margin-left:0; background: rgba(0,0,0,.5); cursor: ew-resize}
.ba-slider .handle:after {
position: absolute; top:45%; width:64px; height:64px; margin:-32px 0 0 -32px; content:'\f07e'; color:white; font-family: fontawesome; font-weight:bold; font-size:36px; text-align:center; line-height:62px; background: #C12A27;
border:1px solid #8E1616;
border-radius: 9999px; transition:all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,.3), inset 0 2px 0 rgba(255,255,255,.5),
inset 0 60px 50px -30px #8E1616;
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3)}
.ba-slider .handle.draggable:after {width:48px; height:48px; margin:-24px 0 0 -24px; line-height:45px; font-size:30px}

.bottomProfeatures {text-align:center}
.bottomProfeatures .bottm-grid-box {padding:20px 30px}
.bottomProfeatures h4 {font-size:22px; font-weight:600; color:#3C3C3B; padding:10px 0}
.bottomProfeatures p {font-size:16px; color:#3C3C3B; font-weight:400; line-height:22px}


/* Pricing Page */
.pricingSection {padding:30px 0}
.pricingBox {background:#fff; border:1px solid #ccc; min-height:500px;
-webkit-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.16);
box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.16);
}
.pricingInner {background:#f7f7f7; margin:10px; padding:20px}
.pricingInner h3 {font-size:24px; color:#3c3c3b; font-weight:normal; padding:20px 20px 15px 20px; min-height: 81px;}
.pricingInner span {font-size:24px; color:#575756; font-weight:600; display:block; padding-bottom:20px}
.pricingInner-btm {border-top:1px solid #dfdfdf; padding:25px 30px 10px 30px; min-height: 230px; }
.pricingInner-btm ul {text-align:left}
.pricingInner-btm li {padding-bottom:15px; font-size:14px; line-height:18px}
.includeFeatures {padding:60px 20px 10px 20px; text-align:center}
.includeFeatures h2 {font-size:30px; font-weight:700}
.includeFeatures h3 {font-size:20px; font-weight:600; padding:20px 0 10px 0; text-align:center; line-height:23px}
.includeFeatures p {font-size:18px}
.includeFeatures .row {padding:20px 0}

/* 5 columns grid */
.five-col-custom {padding:50px 30px; color:white; text-align:center}
.five-Grid-section p {text-align:center}
.five-Grid-section {
    display: inline-block;
    width: 210px;
    margin-bottom: 20px;
    vertical-align: top;
 }
/* About Us */
.aboutusBanner { background:url(../images/pdfform-pro-aboutus-banner2.jpg) no-repeat center; background-size:cover; width:100%; padding:110px 20px 40px 20px; text-align:center; }
.aboutusBanner h1 {font-size:30px; font-weight:600; color:#fff; line-height:34px}
.aboutus-detail-sec {text-align:center; padding:60px 20px 20px 20px}
.aboutus-detail-sec img {padding-bottom:20px}
.aboutus-detail-sec p {padding:20px 0; text-align:left}

/* Sign In */
.signinReg-Banner  {background:url(../images/pdfform-pro-signinReg-banner.jpg) no-repeat center; background-size:cover; width:100%; min-height:630px; padding:7.5% 0 40px 0; text-align:center}
.signinReg-text-content {padding-top:25%; line-height:38px; text-align:left; color:#fff}

/* 404 Page */
.noPage-section {width:100%; height:700px; position:relative; padding-top:80px; background:#f7f7f7}
.noPage-section .mascot {position:absolute; bottom:0; left:3%}
.nopage-box {background:transparent; width:420px; position:absolute; right:25%; text-align:center; margin-top:50px; padding:30px 20px}
.nopage-box h1 {font-size:128px; font-weight:600; color:#c63c3c}
.nopage-box p {font-size:36px; color:#3c3c3b; font-weight:600; padding-top:20px}
.noPage-footer {padding-top:40px!important}

/* Custom style */

.hoverArrow{ font-size: 48px; position: absolute; width: 100%; opacity: .8; cursor: move; visibility: hidden; transition: visibility 0s, opacity 0.5s linear; }
.dz-preview:hover .hoverArrow {
    visibility: visible;
    cursor: move;
}
.dz-preview{ cursor: move; }
.dropzone{ border: 0 !important; background: transparent !important; padding: 0 !important; }

.loader-pencil-content {
    align-items: center;
    height: 100%;
    opacity: 1;
    position: fixed;
    text-align: center;
    top: 0;
    transition: opacity 3s ease-in-out 0s;
    width: 100%;
    z-index: 999;
    display: none;
}
.loader-pencil-content::before {
    background-color: white;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
}
.pencil {
    border-radius: 4px;
    display: block;
    left: 50%;
    margin: 0 auto;
    padding: 1rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 160px;
}
svg#loader-pencil {
    fill: #c92127;
    width: 80px;
}
#line {
    animation: 0.8s linear 0s normal none infinite running linePencil;
}
@keyframes linePencil {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-150px);
    }
}

.dz-progress{ visibility: hidden; }
.dz-image{ visibility: hidden; }


@media (min-width: 1920px) {
.noPage-section .mascot {left:15%!important}
}

@media ( max-width:1480px ){
.mainDefault-section {padding:130px 0 40px 0}
.aboutusBanner, .signinReg-Banner {padding:110px 20px 40px 20px; min-height:auto}
}

@media ( max-width:1340px ){
.noPage-section .mascot {left:-13%}
.nopage-box {right:10%}
}


@media ( max-width:1200px ){
.pricingBox {min-height:540px}
}

@media ( max-width:1199px ){
.navbar-nav {margin:7.5px 0px}
.navbar-nav>li:hover {background:#f3f3f3}
ul.nav.navbar-nav, .container.custom {width:100%}
nav.navbar.navbar-inverse.navbar-fixed-top {background:#2e3033}
.navbar-inverse .navbar-nav>li>a {text-align:left}
.navbar-inverse .navbar-nav>li>a:hover {background:#3a3f42!important; color:#fff!important; paddingk-top:5px!important}
.container-fluid>.navbar-header {margin-left:0!important; margin-right:0!important}
.container-fluid.custom {padding-left:0!important; padding-right:0!important}
.nav>li>a {padding:5px 15px}
.mainBanner {min-height:auto; padding-top:100px}
.bottomProfeatures .bottm-grid-box {padding:20px 30px 50px 30px}
.contactus-inner {width:100%}

/* 5 columns grid */
div.col-sm-7.five-three, div.col-sm-5.five-two, .col-sm-4.five-Grid-section, .col-sm-6.five-Grid-section {width: 80% !important; padding-bottom:15px; margin:0 auto; float:none}

.footer {padding:50px 0 5px 0}
img.siteaddress1, img.siteaddress2, img.siteaddress3 {margin: 0px !important; float: none;}

}

@media ( min-width:992px ){
    .row-eq-height {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
    }

    .pricingSection.row-eq-height .pricingBox,
    .pricingSection.row-eq-height form {
        height: 100%;
    }
}

@media ( max-width:991px ){
.mainBanner-text-content {padding-top:10px; text-align:center}
.signinReg-text-content {padding-top:0; text-align:center}
.mainBanner-text-content h1 br {display:none}
.proTracker {background:#fff}
.Tracker-grid1 {text-align:center}
.Tracker-grid2, .Tracker-grid3 {padding:20px 0; margin:0}
.Tracker-grid3 {border-left:none}
.container.customEdit {width:100%; padding-left:-0!important; padding-right:0!important}
.container.customEdit .col-md-4 {padding-left:-0!important; padding-right:0!important}
.track-Grid-B {padding-top:5px}
.beforeandafterSlider {width:100.1%}
.footerblock {width:96%}
.proFeatures {padding:40px 0 10px 0}
.pdfformpro-address-sitemap-section {padding:0 20px}
.pricingBox {min-height:200px; margin-bottom:15px}
.aboutus-detail-sec {padding:30px 20px}
.footer { text-align: center; }
img.siteaddress1 {margin: 0 auto !important; float: none;}
img.siteaddress2 { margin: 6px auto !important; float:none;}
img.siteaddress3 { margin: 6px auto !important; float:none;}
}

@media ( max-width:990px ){

}

@media ( max-width:960px ){
.noPage-section .mascot {left:-30%}
.nopage-box {right:2%}
}


@media (min-width: 768px) {
.navbar-nav {float:right}
}

@media ( max-width:767px ){
.wow {
visibility: visible !important;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important}
/*.scroll-top-wrapper {display:none!important}*/
/* 5 columns grid */
div.col-sm-7.five-three, div.col-sm-5.five-two, .col-sm-4.five-Grid-section, .col-sm-6.five-Grid-section {width: 97% !important}
.aboutus-detail-sec img {width:75%; height:auto}
.noPage-section {padding-top:20px; height:420px}
.noPage-section .mascot {display:none}
.nopage-box {right:0; left:0; bottom:80px;  margin:0 auto; width:90%}
}

@media ( max-width: 600px ){
.mainBanner-text-content h1, .nopage-box p  {font-size:30px; text-align:center}
.mainBanner-text-content p {font-size:18px; text-align:center; padding:10px 0 20px 0}
.footerLabel h2 {font-size:28px}
.nopage-box h1 {font-size:98px; font-weight:600; color:#c63c3c}

}

@media ( max-width: 500px ){
.beforeandafterSlider {width:100.4%}
.noPage-section {height:380px}
.nopage-box {bottom:40px}
}

@media ( max-width: 380px ){
.navbar-header.custom img.logo1 {margin-top:5px}
}

@media (min-width: 768px) and (max-width: 1199px) {
.navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none}
.navbar-nav .open .dropdown-menu > li > a {line-height: 20px}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 15px 5px 25px}
.dropdown-menu > li > a {display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color:#333; white-space:nowrap}
.navbar-header {float:none}
.navbar-toggle {display:block}
.navbar-collapse {border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}
.navbar-collapse.collapse {display:none!important}
.navbar-nav>li {float: none}
.navbar-nav>li>a {padding-top:10px; padding-bottom:10px}
.navbar-text {float:none; margin:15px 0}
/* since 3.1.0 */
.navbar-collapse.collapse.in {display:block!important}
.navbar-inverse .navbar-collapse, .navbar-collapse.collapse.in {padding-left:0!important; padding-right:0!important}
.collapsing {overflow:hidden!important}
}

/* Buttons */
.choosePlan-btn, .choosePlan-btn:hover, .choosePlan-btn:visited, .choosePlan-btn:active, .choosePlan-btn:focus {padding:8px 3%; background:#474747; color:white; font-size:20px; font-weight:400; text-align:center; white-space:normal; width:230px; cursor:pointer}
.choosePlan-btn:hover {color:white; background:#353535}
.customRed-btn, .customRed-btn:hover, .customRed-btn:visited, .customRed-btn:active, .customRed-btn:focus  {
    background:#db2a2a !important;
    border-color: #db2a2a !important;
    padding:8px 3% !important;
    color:white !important;
    font-size:20px !important;
    font-weight:400 !important;
    text-align:center !important;
    white-space:normal !important;
    width:230px !important;
    cursor:pointer !important;
}
.customRed-btn:hover {background:#d81d1d}
.noPage-btn, .noPage-btn:hover, .noPage-btn:visited, .noPage-btn:active, .noPage-btn:focus {padding:15px 5%; background:#474747; color:white; font-size:20px; font-weight:400; text-align:center; white-space:normal; width:260px; cursor:pointer; margin-top:40px}
.noPage-btn:hover {color:white; background:#353535}

/*Buttons Gray*/
.choosePlan-btn, .choosePlan-btn:hover, .choosePlan-btn:visited, .choosePlan-btn:active, .choosePlan-btn:focus {padding:8px 3%; background:#474747; color:white; font-size:20px; font-weight:400; text-align:center; white-space:normal; width:230px; cursor:pointer}
.choosePlan-btn:hover {color:white; background:#353535}
.customGray-btn, .customGray-btn:hover, .customGray-btn:visited, .customGray-btn:active, .customGray-btn:focus  {
    background:#474747 !important;
    border-color: #474747 !important;
    padding:8px 3% !important;
    color:white !important;
    font-size:20px !important;
    font-weight:400 !important;
    text-align:center !important;
    white-space:normal !important;
    width:230px !important;
    cursor:pointer !important;
}
.customGray-btn:hover {background:#5a5a5a}

/*Buttons Green*/
.choosePlan-btn, .choosePlan-btn:hover, .choosePlan-btn:visited, .choosePlan-btn:active, .choosePlan-btn:focus {padding:8px 3%; background:#474747; color:white; font-size:20px; font-weight:400; text-align:center; white-space:normal; width:230px; cursor:pointer}
.choosePlan-btn:hover {color:white; background:#353535}
.customGreen-btn, .customGreen-btn:hover, .customGreen-btn:visited, .customGreen-btn:active, .customGreen-btn:focus  {
    background:#5bb75b !important;
    border-color: #5bb75b !important;
    padding:8px 3% !important;
    color:white !important;
    font-size:20px !important;
    font-weight:400 !important;
    text-align:center !important;
    white-space:normal !important;
    width:91% !important;
    cursor:pointer !important;
}
.customGreen-btn:hover {background:#5bb75b}

#dropbox-container img:hover, #google-container img:hover{
    opacity: 0.5;
    cursor: pointer;
}

@media (max-width: 480px) {
    .choosePlan-btn, .choosePlan-btn:hover, .choosePlan-btn:visited, .choosePlan-btn:active, .choosePlan-btn:focus {padding:8px 3%; background:#474747; color:white; font-size:16px; font-weight:400; text-align:center; white-space:normal; width:180px; cursor:pointer}
    .customRed-btn, .customRed-btn:hover, .customRed-btn:visited, .customRed-btn:active, .customRed-btn:focus {padding:8px 3% !important;font-size:16px !important; font-weight:400 !important; text-align:center !important; white-space:normal !important; width:180px !important; cursor:pointer !important}
    .aboutusBanner, .signinReg-Banner {
        padding: 110px 0 40px 0!important;
    }
    #signin, #register {
         margin: 50px 25px!important;
    }
    .pricingInner-btm ul {text-align:center!important;}
}

#browserSuggestionModal{
    background: rgba(0, 0, 0, .8);
}

#browserSuggestionModal .modal-dialog{
    margin: 100px auto 30px;
}

.recommended-browsers .recommended-browser{
    text-align: center;
    display: block;
    text-decoration: none;
}

.recommended-browsers .recommended-browser:hover,
.recommended-browsers .recommended-browser:focus{
    font-weight: bold;
}

.recommended-browsers .recommended-browser .browser-logo{
    width: 50%;
    display: inline-block;
}

.recommended-browsers .recommended-browser .browser-name{
    display: block;
}

.cpv-link-container{
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-nav>li>a {
    text-align:center!important;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent !important; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent !important; } /* Firefox 18- */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent !important; } /* Firefox 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent !important; } /* oldIE 😉 */

.fixed-table-container {
    border: none!important;
}
.fixed-table-header > table {
    display: none;
}
.fixed-table-body {
    border: 1px solid #ddd;
}
#tblDocList, #tblcuslog {
    margin-top: 0!important;
}



/*------------- FLAG PRICING MOBILE LAYOUT ?plm=on ------ */

@media (min-width: 481px) and ( max-width:640px ){
    .pml .col-md-4 {
        width: 33%;
        float: left;
        padding: 1px;
        margin: 0 !important;
    }

    .pml1 .mainDefault-section.pricingf3 .pricingBox {
        min-height: 595px;
    }

    .pml .pricingInner h3 {
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    }

    .pml .pricingInner span {
    font-size: 15px;
    }

    .pml img.wow.flipInY.animated {
        width: 63px;
    }

    .pml .pricingInner {
        margin: 0;
        padding: 10px;
    }

    .pml .pricingSection {
        padding: 10px 0;
        margin: auto -15px;
    }

    .pml button.btn.choosePlan-btn.btn.choosePlan-btn {
        width: auto !important;
        font-size: 15px;
    }

    .pml .pricingInner-btm {
        padding: 25px 5px 10px 5px;
        min-height: 320px;
    }

    .pml .pricingInner-btm li {
        font-size: 14px;
        line-height: 17px;
        text-align: center;
    }

    .pml .pricing3 #testi_inner {
    width: auto;
  }

}


@media (min-width: 376px) and ( max-width:480px ){
    .pml .col-md-4 {
        width: 33%;
        float: left;
        padding: 1px;
        margin: 0 !important;
    }

    .pml .mainDefault-section.pricingf3 .price.two_column {
        min-height: 65px !important;
    }

    .pml .mainDefault-section.pricingf3 .pricingBox {
        min-height: 695px;
    }

    .pml .pricing3 #testi_inner {
    width: auto;
  }

    .pml .pricingInner h3 {
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    }

    .pml .pricingInner span {
    font-size: 12px;
    }

    .pml img.wow.flipInY.animated {
        width: 47px;
    }

    .pml .pricingInner {
        margin: 0;
        padding: 10px 5px;
    }

    .pml .pricingSection {
        padding: 10px 0;
        margin: auto -15px;
    }

    .pml button.btn.choosePlan-btn.btn.choosePlan-btn {
        width: auto !important;
        font-size: 14px;
    }

    .pml .pricingInner-btm {
        padding: 25px 5px 10px 5px;
        min-height: 315px;
    }

    .pml .pricingInner-btm li {
        font-size: 12px;
        line-height: 15px;
        text-align: center;
    }

}

@media (max-width:320px ){
    img.siteaddress1 {
        margin: 0 -12px !important;
    }
}



/*------------- END FLAG PRICING MOBILE LAYOUT ?plm=on ------ */