/*
[//]: # (Body and font sizes)
*/

html { font-family: gotham_bookregular, Arial, sans-serif; /*letter-spacing: .03em;*/ line-height: 1.7; color: #818181; font-size: 62.5%;}

@media (max-width:991px) {
    html { font-size: 46%; }
}

@media (min-width:992px) and (max-width:1199px) {
    html { font-size: 56%; }
}

body { font-size: 1.8rem; background: url(/AdvantageCSP/Assets/Images/System/background_greygradient.jpg) 0 0 no-repeat;}

@media (max-width:767px) {
    body { font-size: 2.4rem;}
}
/*
# Heading Examples
 ```
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>    
```
*/
h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
h1 { font-size: 3.6rem; line-height: 4rem; margin-bottom: 5rem; color: #2d499d; font-weight: normal; }
h2 { font-size: 2.1rem; line-height: 3rem; margin-bottom: 1.0rem;  color:#000; font-family:gotham_boldregular;}
h3 { font-size: 1.9rem; line-height: 3rem; margin-bottom: .5rem; text-transform:uppercase;  color:#000}

@media (max-width:767px) {
    h2 { font-size: 2.6rem;}
    h3 { font-size: 2.1rem; }
}

/*
# Paragraph text
```
    <p class="fixie"></p>
```
*/
p { font-size: 1.8rem; margin: 0 0 2.0rem 0; }

@media (max-width:767px) {
    time,
    p { font-size: 2.4rem;}
}

/* section */
section { margin-bottom: 8rem !important; }



/*
# Image
```
    
```
*/
picture, img { display: block; }

.row-fluid p img,
.row-fluid .image img { width: initial; }

@media (max-width:767px) {
    [class*=span-] img { margin-bottom: 3.5rem; /* ~1 */ }
}



figure { margin:0; }

/*
# Unordered List
```
    <ul>
        <li>List item 1</li>
        <li>List item 2</li>
    </ul>
```
# Ordered List
```
    <ol>
        <li>List item 1</li>
        <li>List item 2</li>
    </ol>
```
*/

ul, ol { font-size: 1.4rem; padding:0; margin: 0 0 2.0rem 0; overflow: hidden; }
ul li { list-style: inside; font-size: 1.8rem; }

[class*=span-] > ul > li { text-indent: -1.3em; padding-left: 1.3em; }
[class*=span-] > ul > li > a { text-indent: 0; display: initial; }

ul li span.fa-li { display: none; }
ul.apply-fa li span.fa-li { display: block; }
ul.apply-fa li { list-style: none; position: relative; }
[class*=span-] > ul.apply-fa > li { text-indent: 0; }
.fa-li { top: 1px; width: auto; left: 0 !important; color: #2d499d !important; }

@media (max-width:767px) {
    ul li { font-size: 2.4rem;}
}

ol > li { list-style: decimal; list-style-position: inside; }
ol.alpha > li { list-style:upper-alpha; }

/*
# Links
```
    <a href="">Link</a>
```
*/

a { /*font-size: 1.6rem;*/ text-decoration: underline; cursor:pointer; display: inline-block; color: #818181; transition: all .3s;}
a:hover, a.active { color: #002d62; }

/*
# Other
```
    <time>Jan 01 0001</time>
    <hr/>
```
*/
time { margin: 0 0 2.0rem 0; }

hr { margin:1rem 0;}

/*
[//]: # (Font size for Forms)
[//]: # (*******************)
*/
.form-row label, .form-row span.validation, .form-row .tip, .form-row .tool-tip, .form-row input, .form-row textarea, .form-row keygen, .form-row select, .form-row button { font-size:1.8rem; }

@media (max-width: 767px) {
    .form-row label, .form-row span.validation, .form-row .tip, .form-row .tool-tip, .form-row input, .form-row textarea, .form-row keygen, .form-row select, .form-row button { font-size:2.4rem; }
}

/*
[//]: # (Page Structure gloabl)
[//]: # (**************)
*/
header, footer, ul, .container { transition:all 0.5s ease 0s;}

main.container { margin-top:5rem; }

.top-area.no-margin > [class*="span"] { padding:0; }


/*
[//]: # (Header )
[//]: # (**************)
*/
header { padding: 0.86em 0; background: #fff url(/AdvantageCSP/Assets/Images/System/Header/header_navigation.png) right no-repeat; }
header.safari-top{transform:translate3d(0, 0, 0)}

header.fixed-top { position:fixed; top: 0; width:100%; left:0; z-index:99999; background-color:#f8f8fa; padding:0 }
header.fixed-top .main-nav ul { margin-bottom:0 }

header .container { position:relative}
header .logo {margin-top:3.8rem; margin-bottom:2.7rem; float: left; margin-right: 30px;}
header .logo img { transition:all 0.3s ease 0s; width: 236px;}

/* @media (max-width: 480px) { */
    /* header .logo img { width:74%; } */
/* } */

/* @media (min-width: 768px) { */
    /* header .logo img { width:auto} */
/* } */

@media (min-width: 768px) {
    header { background-position:top center; background-size:cover }
    header .logo {margin-top:2.2rem; margin-bottom:0}
}



/*
[//]: # (Navigation)
[//]: # (**********)


[//]: # (Main Navigation - First Level)
*/

.mainMenu{ float: left; margin-right: 20px; margin-top: 1rem}
.mainMenu-Right {float: right;}
.mainMenu-Right.expand {
    visibility: hidden
}

nav.main-nav {
    width: 100%;
    float: left;
}
nav.main-nav ul { display:none; position:absolute; top:14rem}
nav.main-nav ul li { list-style:none; padding:.4rem 1.8rem; animation:fadein; -moz-animation:fadein; -webkit-animation:fadein; -o-animation:fadein;}
nav.main-nav ul > li { padding-left:0;  }
nav.main-nav ul > li.in-view { }
nav.main-nav ul > li:last-child { padding-right:0; }

nav.main-nav ul li.search a { background: url(/AdvantageCSP/Assets/Images/System/Header/Header_Search.svg) right no-repeat; }
nav.main-nav ul li.email a { background: url(/AdvantageCSP/Assets/Images/System/Header/Header_Email.svg) right no-repeat; }
nav.main-nav ul li.call a { background: url(/AdvantageCSP/Assets/Images/System/Header/Header_Call.svg) right no-repeat; }

nav.main-nav ul li.search a,
nav.main-nav ul li.email a,
nav.main-nav ul li.call a { width:2rem; height:2.8rem }

nav.main-nav ul li a { font-size:1.3rem; padding:.4rem 0; color:#000; text-decoration:none; text-transform:uppercase}

nav.main-nav ul li.search a:hover:after,
nav.main-nav ul li.email a:hover:after,
nav.main-nav ul li.call a:hover:after,
nav.main-nav ul li.trial a:hover:after,
nav.main-nav ul li.search.active a:after,
nav.main-nav ul li.email.active a:after,
nav.main-nav ul li.call.active a:after,
nav.main-nav ul li.trial.active a:after {width:0!important }

nav.main-nav ul li.trial a { margin-right:0 }

nav.main-nav ul li a:hover, nav ul li.active > a {color:#2d499d }
nav.main-nav ul li a:first-child { padding-left:0; }

nav.main-nav ul.expand { background:#fff; opacity:0.9777; width:100%; padding:10rem 25px 1rem; margin:0 -1.4rem; z-index:9999}
nav.main-nav ul.expand li{border-top:1px solid #eee; padding:3.5rem 0 3.5rem 5rem }
nav.main-nav ul.expand li a { font-size:2.4rem; }

@media (max-width:768px) {
    nav.main-nav ul.expand { margin:0 -2.5rem; }
}

@media (max-width:1400px) {
    nav.main-nav  ul{overflow-y:auto;/* height: 100vh;*/ padding-bottom:11rem!important}
    nav.main-nav ul li.search a svg,
    nav.main-nav ul li.email a svg,
    nav.main-nav ul li.call a svg,
    nav.main-nav ul li.trial a svg {width:3rem!important; height:3rem!important }

    nav.main-nav ul li.trial a { width:100%}

    nav.main-nav ul li.search a,
    nav.main-nav ul li.email a,
    nav.main-nav ul li.call a { width:3rem; height:3rem; background-size:95% }
}

@media (min-width: 769px) {
    nav.main-nav ul.expand { padding:10rem 56px 1rem;}
    nav.main-nav ul.expand li{padding:3.5rem 0 3.5rem 0rem }
    nav.main-nav ul.expand li a { font-size: 2.1rem; }

    nav.main-nav ul li.search a,
    nav.main-nav ul li.email a,
    nav.main-nav ul li.call a { margin-top:0.3rem}
    nav.main-nav ul li.trial a { margin-top:-1rem; padding-right:2.6rem!important; padding-left:2.6rem!important;}
}

@media (min-width: 992px) {
    nav.main-nav { float:right; margin-top:1rem; position:relative }
    nav.main-nav ul { display:inline-block; position:relative; top:0; margin-bottom:1.5rem }
    #main_menu-right {        margin-top: 1rem;    }
    nav.main-nav ul li { float:left; list-style:none; }
    nav.main-nav ul li a { position:relative; }

    nav.main-nav ul li a:before { transition:all .5s; }
    nav.main-nav ul li a:after { position:absolute; transition:all .5s; bottom:0; left:0; right:0; margin:auto; width:0%; content:'.'; color:transparent; background:#2d499d; height:2px; }
    nav.main-nav ul li.active a:after,
    nav.main-nav ul li a:hover:after { width:100%; }
}

/*
[//]: # (Main Navigation - Second Level)
*/
nav.main-nav ul ul { display:none; position:absolute; background-color: #D5DCED; z-index: 2; width: 8rem; }

@media (min-width: 768px) {

}

/*
[//]: # (Main Navigation - Flyout )
*/
nav.main-nav .wrapper { position:fixed; top:0!important; right:0; width:100%; z-index:999; overflow:hidden; overflow-y:auto; background-color:#fff; -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .2); box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .2); }
nav.main-nav .wrapper::-webkit-scrollbar { width:10px; }
nav.main-nav .wrapper::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5); -webkit-border-radius:10px; border-radius:10px; background:#fff;}
nav.main-nav .wrapper::-webkit-scrollbar-thumb { -webkit-border-radius:10px; border-radius:10px; background:#ccc; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.9);}
nav.main-nav .wrapper::-webkit-scrollbar-thumb { background:#eee; }

nav.main-nav .wrapper.contact { width:100%; z-index:99999 }
nav.main-nav .wrapper.contact .container { width:90%; }

nav.main-nav div.search { padding:4rem 0 9rem; z-index:99999; }
nav.main-nav div.search input[type=text] { width:92%; } 

/* close */
nav.main-nav .wrapper .close-icon { float:right; margin:3rem; }
nav.main-nav .wrapper .close-icon .text{margin-right:10px; text-decoration:none}
nav.main-nav .wrapper .close-icon img { width:50%; margin-bottom:-1px; }

/*
[//]: # (Main Navigation - Third Level)
*/
nav.main-nav ul ul ul { position:relative; }

@media (min-width: 1400px) {
    nav.main-nav .wrapper.contact { width:28%; height:100%; z-index:99999 }
    nav.main-nav .wrapper.contact .container { width:100%; }
    nav.main-nav .wrapper.contact { min-height:400px; height:100%; }
    nav.main-nav div.search input[type=text] { width:98%; }
}


/*
[//]: # (
    Content Scroll Fade in Animation "works with js function" 
    in-view class on scroll when visible in viewport
    )
[//]: # (******************)
*/
.animate{opacity:0; -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animate.in-view{opacity:1;}


/*
[//]: # (Open Close Hamburger Animation css)
*/
#nav-toggle { cursor:pointer; padding:10px 40px 16px 0; z-index:999; position:absolute; right:3.5rem; }

#nav-toggle span, 
#nav-toggle span:before, 
#nav-toggle span:after { cursor:pointer; border-radius:3px; height:5px; width:35px; background:#2d499d; position:absolute; display:block; content:''; }
#nav-toggle span:before{top:-10px;}
#nav-toggle span:after { bottom:-10px;}

#nav-toggle span, 
#nav-toggle span:before, 
#nav-toggle span:after { transition:all 100ms ease-in-out;}
#nav-toggle.active span {background-color:transparent;}
#nav-toggle.active span:before, #nav-toggle.active span:after { top:0;}
#nav-toggle.active span:before { transform:rotate(45deg);}
#nav-toggle.active span:after { transform:rotate(-45deg);}

/*
[//]: # (Main Navigation - Hamburger)
*/
nav.main-nav .hamburger { position:absolute; top:24px; right:0; }

@media (min-width: 769px) {
    #nav-toggle span,
    #nav-toggle span:before,
    #nav-toggle span:after { width:40px;}
    #nav-toggle span:before { top:-14px;}
    #nav-toggle span:after { bottom:-14px;}     
}
@media (min-width: 992px) {
    nav.main-nav .hamburger { display:none; }
    nav.main-nav .mainMenu div {
        display: none;
    } 
}


/*
[//]: # (Footer)
*/
footer { background:#2d499d; padding:8rem 0 5rem}
footer .footer-logo { margin-bottom:4rem}

footer nav ul li { list-style:none; display:inline-block; margin-right:3.4rem; position:relative}
footer nav ul li a,
footer nav ul li a:hover { color:#fff; text-decoration:none; text-transform:uppercase;}

footer nav ul li a:before { transition:all .5s; }
footer nav ul li a:after { position:absolute; transition:all .5s; bottom:0; left:0; right:0; margin:auto; width:0%; content:'.'; color:transparent; background:#fff; height:1px; }
footer nav ul li a:hover:after { width:100%; }

footer .social { color:#fff; text-align:right}
footer .social small { margin:-3rem 0 0.8rem; display:block; font-size:1.2rem}
footer .social .social-links a{ margin-left:4rem }

footer .copy p,
footer .copy a{ color:#fff; font-size:1.1rem; text-decoration:none}

footer .hr {  border:1px solid #3b55a3; margin:4rem 0 5rem}

@media (max-width: 767px) {

    footer .footer-logo {display:block }
    footer .footer-logo img {width:auto; margin:0 auto; max-width:100%}

    footer nav ul li { display:block; text-align: center; padding:0 0 4rem; margin-right:0 }
    footer nav ul li a { font-size:2.4rem; position:relative }

    footer .social { text-align:center}
    footer .social small { margin:0 0 1.5rem; display:block; font-size:1.6rem}
    footer .social .social-links a{ margin:0 4rem }

    footer .copy p,
    footer .copy a{ font-size:1.8rem; text-align: center;}

    footer .hr { margin:-1rem 0 5rem}

}


/*
[//]: # (Footer Form)
[//]: # (****************)
*/
.footer-form { clear:both; }
.footer-form h1 { text-align: center;}


/*
[//]: # (responsive video)
[//]: # (****************)
*/
.video-wrapper { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; }
.video-wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }


/*
[//]: # (Download Trial)
[//]: # (*******)
*/
.download-trial { text-align: center; padding: 7rem 0; border-top: 1px solid #f2f3f4; border-bottom: 1px solid #f2f3f4; clear: both; }
.download-trial h1 { padding-bottom:3rem; font-size:3.4rem}


/*
[//]: # (Common styles for responsive and layout)
[//]: # (***************************************)
*/

.hidden { visibility:hidden; }

.border-right > [class*="span"] { border-right:solid 1px #d6d8da; margin-bottom:4rem;  }
.border-right > [class*="span"]:last-of-type,
.border-right > .span-4:nth-of-type(3n+3),
.border-right > .span-3:nth-of-type(4n+4) { border:none; }
.border-right .content-card.box { margin-bottom:4rem; }

@media (max-width: 767px) {
    .border-right > [class*="span"] { border:none; }
}

.ghost-A-bg { background: url(/AdvantageCSP/Assets/Images/System/Features_Ghosted-A-White.png) no-repeat; }


/*
# Form Builder 
```
    <a href="" class="button">Button</a>
```
*/
fieldset { overflow: visible; }
/* selectric hack */
.form-row { overflow:visible}
.form-row[class*="span"] { margin-bottom:0; }
.form-row[class*="span"].row-padding { margin:0 0 1rem 0; padding-bottom:.7rem; }

.search input[type=text],
.form-row input[type=text],
.form-row input[type=password],
.form-row select,
.form-row textarea { border:2px solid #9b9b9b; background:transparent; box-shadow:0 0 0 0; outline:0 }

.form-row input[type=text]:hover,
.form-row input[type=password]:hover,
.form-row select:hover,
.form-row .list-control:hover,
.form-row textarea:hover { border-color:#b0b6c9; }

.form-row input[type=text].error,
.form-row input[type=password].error,
.form-row select.error,
.form-row .list-control.error,
.form-row textarea.error { background-color:#ff8784; border-color:#ce423e; }

.form-row input[type=text]:focus,
.form-row input[type=password]:focus,
.form-row select:focus,
.form-row textarea:focus { border-color:#2d499d; }

input,
select { height:44px!important; padding:0 6px; }
select{ vertical-align:top }

textarea { height:166px!important; padding:1.1rem .5rem; }

fieldset .form-row label, fieldset .form-row .label-area { color:#000; font-family:gotham_boldregular;}

.form-row .selectric-wrapper .selectric{ border: 2px solid #9b9b9b;}
.form-row .selectric-wrapper .selectric .label{ font-size: 1.7rem; padding: 5px 0px 6px;}
.form-row .selectric-wrapper .selectric .button { border:0; padding:0!important; margin-right:0}
.form-row .selectric .button:after { background: url("/AdvantageCSP/Assets/Images/System/select-arrow.png") no-repeat right; border:0; width:15px; height:100%}
.form-row .selectric-items li { border:0}

.form-button { text-align:center}

/*
# Button 
```
    <a href="" class="button">Button</a>
```
*/
.button,
input[type=button],
input[type=submit] { font-weight:bold; width: auto; background-color: #fff; color:#2d499d!important; text-transform:uppercase; text-align:center; padding:.7rem 3.4rem !important; text-decoration:none; border: 2px solid #2d499d; border-radius:2.5rem; transition:all 0.3s ease 0s; margin-right:1rem; font-size:1.6rem }

.button:hover,
input[type=button]:hover,
input[type=submit]:hover,
.fb-form .form-group .fb-control.fb-button:hover {
    background-color: #2d499d;
    color: #fff !important;
    text-decoration: none;
}

.button.negative {background-color:transparent; border:2px solid #fff; color:#fff!important;}
.button.negative:hover { background-color:#fff; color:#2d499d!important }

.active .button.blue:hover,
.button.blue {background-color:#2d499d; color:#fff!important;}
.active .button.blue,
.button.blue:hover { background-color:#fff; border:2px solid #2d499d; color:#2d499d!important }

.button.right { margin-right:0; margin-left:1rem }


@media (max-width:767px) {
    .button,
    input[type=button],
    input[type=submit] { font-size:2.4rem; border-radius:3.5rem;}
}


/*
[//]: # (Common styles for responsive and layout)
[//]: # (***************************************)
*/


.slider-x { transform:translateX(100vw); -webkit-transform:translateX(100vw); }

.slide-in-x { animation:slide-in 0.5s forwards; -webkit-animation:slide-in 0.5s forwards; }

.slide-out-x { animation:slide-out 0.5s forwards; -webkit-animation:slide-out 0.5s forwards; }

@keyframes slide-in {
    100% { transform:translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform:translateX(0%); }
}

@keyframes slide-out {
    0% { transform:translateX(0%); }
    100% { transform:translateX(100vw); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(100vw); }
}


.fade-in.in-view { animation: fadein 2s; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s; }

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-moz-keyframes fadein { /* Firefox */
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from { opacity: 0; }
    to { opacity: 1; }
}

@-o-keyframes fadein { /* Opera */
    from { opacity: 0; }
    to { opacity: 1; }
}

.fade-out.in-view { animation: fadeout 2s; -moz-animation: fadeout 2s; -webkit-animation: fadeout 2s; -o-animation: fadeout 2s; }

@keyframes fadeout {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-moz-keyframes fadeout { /* Firefox */
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes fadeout { /* Safari and Chrome */
    from { opacity: 0; }
    to { opacity: 1; }
}

@-o-keyframes fadeout { /* Opera */
    from { opacity: 0; }
    to { opacity: 1; }
}

/*
[//]: # (Bounce in animation Use: '-webkit-animation: bounceIn 0.7s; -moz-animation: bounceIn 0.7s; animation: bounceIn 0.7s;')
[//]: # (*************)
*/
.animate.bounce-in.in-view{ -webkit-animation: bounceIn 1s; -moz-animation: bounceIn 1s; animation: bounceIn 1s;}

@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% { -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1); animation-timing-function: cubic-bezier(0.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
    40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
    80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); }
    100% { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

@-moz-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% { -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1); animation-timing-function: cubic-bezier(0.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
    40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
    80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); }
    100% { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% { -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1); animation-timing-function: cubic-bezier(0.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
    40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
    80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); }
    100% { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

.animate.zoomIn.in-view{-webkit-animation-name:zoomIn;animation-name:zoomIn}

/*Zoom in animation*/
@-webkit-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    50% { opacity: 1; }
}

@keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    50% { opacity: 1; }
}


/*bounce up animation*/
.animate.bounce-up { -moz-transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; -moz-transform: translate3d(0px, 100px, 0px); -webkit-transform: translate3d(0px, 100px, 0px); -o-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); transform: translate3d(0px, 100, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

.animate.bounce-up.in-view { -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }


/*bounce up animation*/
.animate.bounce-down { -moz-transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; -moz-transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0px, -100px, 0px); -o-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); transform: translate3d(0px, -100, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }

.animate.bounce-down.in-view { -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }

/*
[//]: # (Transition delay)
[//]: # (***************************************)
*/

.fade-in:nth-child(1), .bounce-down:nth-child(1), .bounce-up:nth-child(1), .zoomIn:nth-child(1), .bounce-in:nth-child(1), .fade-in:nth-child(1),
.fade-in[data-delay="1"], .bounce-down[data-delay="1"], .bounce-up[data-delay="1"], .zoomIn[data-delay="1"], .bounce-in[data-delay="1"], .fade-in[data-delay="1"] { -webkit-transition-delay: .15s!important; transition-delay: .15s!important;}

.fade-in:nth-child(2), .bounce-down:nth-child(2), .bounce-up:nth-child(2), .zoomIn:nth-child(2), .bounce-in:nth-child(2), .fade-in:nth-child(2),
.fade-in[data-delay="2"], .bounce-down[data-delay="2"], .bounce-up[data-delay="2"], .zoomIn[data-delay="2"], .bounce-in[data-delay="2"], .fade-in[data-delay="2"] {  -webkit-transition-delay: .3s !important; transition-delay: .3s !important;}

.fade-in:nth-child(3), .bounce-down:nth-child(3), .bounce-up:nth-child(3), .zoomIn:nth-child(3), .bounce-in:nth-child(3), .fade-in:nth-child(3),
.fade-in[data-delay="3"], .bounce-down[data-delay="3"], .bounce-up[data-delay="3"], .zoomIn[data-delay="3"], .bounce-in[data-delay="3"], .fade-in[data-delay="3"] {  -webkit-transition-delay: .45s !important; transition-delay: .45s !important;}

nav.main-nav ul li:nth-child(4), nav.main-nav ul li[data-delay="4"],
.fade-in:nth-child(4), .bounce-down:nth-child(4), .bounce-up:nth-child(4), .zoomIn:nth-child(4), .bounce-in:nth-child(4), .fade-in:nth-child(4),
.fade-in[data-delay="4"], .bounce-down[data-delay="4"], .bounce-up[data-delay="4"], .zoomIn[data-delay="4"], .bounce-in[data-delay="4"], .fade-in[data-delay="4"] { -webkit-transition-delay: .6s !important; transition-delay: .6s !important;}

.fade-in:nth-child(5), .bounce-down:nth-child(5), .bounce-up:nth-child(5), .zoomIn:nth-child(5), .bounce-in:nth-child(5), .fade-in:nth-child(5),
.fade-in[data-delay="5"], .bounce-down[data-delay="5"], .bounce-up[data-delay="5"], .zoomIn[data-delay="5"], .bounce-in[data-delay="5"], .fade-in[data-delay="5"] {  -webkit-transition-delay: .75s !important; transition-delay: .75s !important;}

.fade-in:nth-child(6), .bounce-down:nth-child(6), .bounce-up:nth-child(6), .zoomIn:nth-child(6), .bounce-in:nth-child(6), .fade-in:nth-child(6),
.fade-in[data-delay="6"], .bounce-down[data-delay="6"], .bounce-up[data-delay="6"], .zoomIn[data-delay="6"], .bounce-in[data-delay="6"], .fade-in[data-delay="6"] {  -webkit-transition-delay: .9s !important; transition-delay: .9s !important;}

.fade-in:nth-child(7), .bounce-down:nth-child(7), .bounce-up:nth-child(7), .zoomIn:nth-child(7), .bounce-in:nth-child(7), .fade-in:nth-child(7),
.fade-in[data-delay="7"], .bounce-down[data-delay="7"], .bounce-up[data-delay="7"], .zoomIn[data-delay="7"], .bounce-in[data-delay="7"], .fade-in[data-delay="7"] { -webkit-transition-delay: 1.05s !important; transition-delay: 1.05s !important;}

.fade-in:nth-child(8), .bounce-down:nth-child(8), .bounce-up:nth-child(8), .zoomIn:nth-child(8), .bounce-in:nth-child(8), .fade-in:nth-child(8),
.fade-in[data-delay="8"], .bounce-down[data-delay="8"], .bounce-up[data-delay="8"], .zoomIn[data-delay="8"], .bounce-in[data-delay="8"], .fade-in[data-delay="8"] {  -webkit-transition-delay: 1.2s !important; transition-delay: 1.2s !important;}

.fade-in:nth-child(9), .bounce-down:nth-child(9), .bounce-up:nth-child(9), .zoomIn:nth-child(9), .bounce-in:nth-child(9), .fade-in:nth-child(9),
.fade-in[data-delay="9"], .bounce-down[data-delay="9"], .bounce-up[data-delay="9"], .zoomIn[data-delay="9"], .bounce-in[data-delay="9"], .fade-in[data-delay="9"] {  -webkit-transition-delay: 1.35s !important; transition-delay: 1.35s !important;}

.fade-in:nth-child(10), .bounce-down:nth-child(10), .bounce-up:nth-child(10), .zoomIn:nth-child(10), .bounce-in:nth-child(10), .fade-in:nth-child(10),
.fade-in[data-delay="10"], .bounce-down[data-delay="10"], .bounce-up[data-delay="10"], .zoomIn[data-delay="10"], .bounce-in[data-delay="10"], .fade-in[data-delay="10"] { -webkit-transition-delay: 1.5s !important; transition-delay: 1.5s !important;}

.fade-in:nth-child(11), .bounce-down:nth-child(11), .bounce-up:nth-child(11), .zoomIn:nth-child(11), .bounce-in:nth-child(11), .fade-in:nth-child(11),
.fade-in[data-delay="11"], .bounce-down[data-delay="11"], .bounce-up[data-delay="11"], .zoomIn[data-delay="11"], .bounce-in[data-delay="11"], .fade-in[data-delay="11"] { -webkit-transition-delay: 1.65s !important; transition-delay: 1.65s !important;}

.fade-in:nth-child(12), .bounce-down:nth-child(12), .bounce-up:nth-child(12), .zoomIn:nth-child(12), .bounce-in:nth-child(12), .fade-in:nth-child(12),
.fade-in[data-delay="12"], .bounce-down[data-delay="12"], .bounce-up[data-delay="12"], .zoomIn[data-delay="12"], .bounce-in[data-delay="12"], .fade-in[data-delay="12"] { -webkit-transition-delay: 1.8s !important; transition-delay: 1.8s !important;}

*:focus,
*:active {    -moz-outline-style: none !important;    outline: none !important;    outline: 0 !important;}



body::-webkit-scrollbar {
    width: 15px !important;
}

body::-webkit-scrollbar-track {
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey !important;
    outline: 1px solid slategrey !important;
}


.row-fluid.span-3.no-margin.pull-left .side-sub-nav {margin-left:-15px;}

nav.main-nav { min-height:73px}
@media (min-width: 992px) {
nav.main-nav { max-height:73px}}

@media (max-width: 991px) {
.tableprice table{zoom:0.9}

}

@media (max-width: 767px) {
.pricingnew .pricing-col {
   display:block !important;
    overflow: scroll;
    width: 100%;
zoom:0.5;
}
.pricing-col.pricing-clone {display:none !important}

}