body {
    border: 10px solid transparent;
    font-size: 16px;

}
h1 {
    color:#fff;
}
h1 small {
    color:#ffc600;
    display:block;
}
h2 {
    color:#731f9d;
    text-transform: uppercase;
    font-weight: 100;
}
.refresh_section h2{
    text-transform: none;
}
.intro {
    color: #b9b9b9;
    line-height: normal;
}
.products .intro {
    color:#333;
}
header {
    position: fixed;
    top: 50px;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 999;
}
a:active, a:hover {
    text-decoration: none;
    color: #000;
}
.bg-video { 
    position: absolute;
    display: inherit;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
}
.refresh_intro{
    color: #FFFFFF;
    line-height: normal;
}    
#video-container {
    z-index: 1000;
    min-width: 329px;
    position: relative;
    max-width: 630px;
    /*background-image: url(images/mac-screen.png);
    background-repeat: no-repeat;
    background-size: cover!important;*/
    margin: 0 auto;
}
#video-container:before {
    content: "";
    display: block;
    padding-top: 80%;
}
#video-container:after {
    content: "";
    position: absolute;
    z-index: 1001;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/mac-screen.png);
    background-repeat: no-repeat;
    background-size: cover!important;
}
#video {
    width: 92.2%;
    position: absolute;
    z-index: -99999;
    top: 5%;
    left: 3.5%;
    background: url(../images/preloader_dots.gif) center center no-repeat;
}
#jpreButton{
    background-image: none !important;
    border: none !important;
    background-color: #fff !important;
    text-shadow: none !important;
}
#section0 .fp-slidesNav.bottom {
    bottom: 47px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    margin: -6px 0 0 -6px;
    height: 12px;
    width: 12px;
}
#privacyPolicy a, #adchoice-popup a {
    color:#5f1a81;
}
#privacyPolicy p, #adchoice-popup p {
    text-align:justify;
}
/* vertical center*/
.middle {
    width: 1000px;
    height: 150px;
    background-color: blue;
    /* horizontally-centered: */
    margin: 0 auto;
}
.fullscreen {
    z-index: 99999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: white;
    overflow-y: auto;
    position: absolute;
}
.fullscreen-privacy {
    z-index: 999999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: white;
    overflow-y: auto;
    position: absolute;
}
.fullscreen-terms {
    z-index: 999999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: white;
    overflow-y: auto;
    position: absolute;
}
.fullscreen-contact-us {
    z-index: 99999999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    background:#333;
    background-image: url('../images/contact-bg.jpg');
    background-size: cover;
    background-position: center bottom;
}
.fullscreen-work-with-us {
    z-index: 99999999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    background:#333;
    background-image: url('../images/careers-bg.jpg');
    background-size: cover;
    background-position: center bottom;
}
.fullscreen-about-us {
    z-index: 99999999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    background:#333;
    background-image: url('../images/about-bg.jpg');
    background-size: cover;
    background-position: center bottom;
}
#adchoice-popup{
    position: fixed;
}
#privacyPolicy{
    position: fixed;
}
#terms{
    position: fixed;
}
.fullscreen-header-bindding {
    z-index: 99999999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    background:#333;
    background-image: url('../images/bidding.jpg');
    background-size: cover;
    background-position: center bottom;
    color: #FFFFFF;
}
header.invert .navigation a .progress-border .progress-line {
    background-color: #320d7f
}
.cineslider-container,

.page {
    overflow: hidden;
    width: 100%;
    height: 100%
}
.se-pre-con {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background: url(../images/loader.png) center no-repeat #ffffff;
}
.carousel-indicators li{
    margin-left: 10px;
    margin-right: 10px;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
} 
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
} 

video {
    width:100%;
}
/* background set */
.karan-bg {
    background-image: url('../images/karan-bg.jpg');
    background-size: cover;
    background-position: left;
}
.pankil-bg {
    background-image: url('../images/pankil-bg.jpg');
    background-size: cover;
    background-position: left;
}
.dharika-bg {
    background-image: url('../images/dharika-bg.jpg');
    background-size: cover;
    background-position: left;
}
.about {
    background-image: url('../images/about-bg.jpg');
    background-size: cover;
}
.gobeyond {
    background-image: url('../images/products-gobeyond.jpg');
    background-size: cover;
}

.inheader-placement {
    background-image: url('../images/products-inheader.jpg');
    background-size: cover;
}
.inline-placement {
    background-image: url('../images/products-inline.jpg');
    background-size: cover;
}
.sidesneak-placement {
    background-image: url('../images/products-side.jpg');
    background-size: cover;
}
.footer-placement {
    background-image: url('../images/products-footer.jpg');
    background-size: cover;
}
.inread-placement {
    background-image: url('../images/products-inread.jpg');
    background-size: cover;
}
.inimage-placement {
    background-image: url('../images/products-inimage.jpg');
    background-size: cover;
}
.sticky-placement {
    background-image: url('../images/products-sticky.jpg');
    background-size: cover;
}
.docked-placement {
    background-image: url('../images/products-docked.jpg');
    background-size: cover;
}
.side-floater {
    background-image: url('../images/products-sidefloater.jpg');
    background-size: cover;
}
.alchemy {
    background-image: url('../images/alchemy-bg.jpg');
    background-size: cover;
}

/**************************** Ankit ********************************/

.bidding {
    background-image: url('../images/bidding.jpg');
    background-size: cover;
}
.bidding .leftimg {
    background-image: url('../images/neno.png');
    background-size: auto 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.word-section {
    background-color: #3C4A5E !important;
    background-position: center center; 
    /*vertical-align : top;
    padding-top : 20px;*/
    //position: fixed;
    top: 0;
    left: 0;
    color: white !important;
}
.word-logo{
    background-size: auto 100%;    
}
.word-topfont{
    color: #86D9CC !important;
}
/**************************** Ankit ********************************/
.vidtent-section .topfont{
    color: #FB5054 !important;
    text-transform: none;
}
.vidtent-section {
    background-image: url('../images/vidtent_background.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center; 
    //position: fixed;
    top: 0;
    left: 0;    
}
.vidtent-logo{
    background-size: auto 100%;
    margin-top:10%;
}
.moblie_center{
    text-align: left;
}
.vidtent{
    background-image: url('../images/vidtent_3_bg.jpg');
    background-size: cover;
}
.vidtent-intrested{
    background-image: url('../images/vidtent_form_bg.jpg');
    background-size: cover;
    color: #fff;
    // padding-top: 25px;
}
.close-btn-vidtent-interested{
    color: #fff;
}
.news {
    background-image: url('../images/news-bg.jpg');
    background-size: cover;
    margin: -7px;
}
.contact {
    background-image: url('../images/contact-bg-1.jpg');
    background-size: cover;
    margin: -7px;
}
.careers {
    background-image: url('../images/careers-bg.jpg');
    background-size: contain;
}
#demo-canvas {
    position:absolute;
}
/* end bg set */
/*animated button */

/*tabs */

.nav-tabs>li {
    float: none;
    display: inline-block;
}
.nav-tabs {
    border-bottom: 0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #ffc600;
    background-color: transparent;
    border: 0px;
    border-bottom-color: transparent;
    cursor: default;
    font-weight: 600;
    font-size: 20px;
    line-height: 50px;
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0px solid transparent;
    border-radius: 4px 4px 0 0;
    font-weight: 600;
    font-size: 20px;
}

#triangle-down {
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 35px solid #171717;
    margin: 0 auto;
    visibility: hidden;
}

.active #triangle-down {
    visibility: visible;
}
.contact-div .nav-tabs>li>a {
    padding-top:0px;
}

a.mail-to:hover {color:white;}
a.mail-to:active {color:white;}
a.mail-to:focus {color:white;}

/**************ankit********************/

.btn-conf {
    display:none;
}
.bidding {
    color:#fff;
}
.bidding .rightpart p {
    /*	font-size:19px;*/
}
.biddingcir img {
    background-size: auto 100%;
    margin-top:100px;
}
.subtext span.d-font,
.addarea .d-font {
    color: #ffc600;
}
.subtext {
    font-size:24px;
    margin:0 auto;
    width:60%;
    padding-bottom:20px;
}
.addarea .head-tit {
    font-weight:bold;
}
.sign-up-form-new textarea {
    height:170px;
}
.sign-up-form-new .form-control {
    border: 1px solid #bbb;  
}
.branches {
    margin:30px 0 0 50px;
    font-size:17px;
}
.sign-up-form-new .form-control1::-moz-placeholder {
    color:#bbb !important;
    font-weight:normal;
}

/**************ankit********************/

/* Back to top*/
.cd-top {
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    text-indent: 100%;
    white-space: nowrap;
    background: rgb(114,115,118) url(../images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: auto;
    opacity: 0.75;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.carousel-inner, .carousel-inner>.item {
    height:100%;
}
/* ONLY NEEDED CSS */

/* btn back */

/* btn minus */
.form-control {
    color:#fff;
    font-weight:600;
}

::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    font-weight: 600;
}
:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    font-weight: 600;
}
::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    font-weight: 600;
}
input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    font-weight: 600;
}
.form-control1::-moz-placeholder {
    /*color: rgba(255, 255, 255, 0.7);*/
    color:rgba(0, 0, 0, 0.51) !important;
    text-transform: uppercase;
    font-weight: 600;
}
.form-control1:-ms-input-placeholder {
    /*color: rgba(255, 255, 255, 0.7);*/
    color:rgba(0, 0, 0, 0.51) !important;
    text-transform: uppercase;
    font-weight: 600;
}
.form-control1::-webkit-input-placeholder {
    /*color: rgba(255, 255, 255, 0.7);*/
    color:rgba(0, 0, 0, 0.51) !important;
    text-transform: uppercase;
    font-weight: 600;
}
.btn-anim-three-lg {
    /*    background: rgba(0,0,0,.6);*/
    display: inline-block;
    width: 60px;
    height: 45px;
    /*border-radius: 6px;*/
    position:relative;
    margin: 20px;
    color:#000;
}
.btn-anim-three-lg span {
    position: absolute;
    height: 3px;
    /* border-radius: 4px;*/
    background: #000;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.close-btn {
    position: absolute;
    right: 0px;
    z-index:999;
}
.sign-up-form form input.form-control {
    border: 1px solid #731F9D;
}
.sign-up-form form textarea.form-control {
    border: 1px solid #731F9D;
}
.sign-up-form form select.form-control{
    border: 1px solid #731F9D;
}
.sign-up-form h1 {
    color: #731F9D;
    padding: 15px;
    text-align: center;
    font-weight:600;
}
#sign-up .form-control {
    color: #666;
}
.form-control {
    border: 2px solid #fff;
}
.text-white {
    color:#fff;
}
.contact-div h3 {
    font-size:30px;
    color:#ffc600;
    text-transform:uppercase;
    font-weight: 600;
}
.heart-icon {
    font-size: 60px;
    padding: 10px;
}
input.transparent-input {
    border: 1px slid #fff;
}
.transparent-input {
    background-color: rgba(0, 0, 0, 0);
    border: 1px slid #fff;
}
input.transparent-input {
    background-color:rgba(0,0,0,0) !important;
    border: 1px slid #fff !important;
    border-radius: 0
}
select.transparent-input {
    background-color:rgba(0,0,0,0) !important;
    border: 1px slid #fff !important;
    border-radius: 0
}
.transparent-input option{
    color: #555555 !important;
}
textarea.transparent-input {
    border: 1px slid #fff;
}
textarea.transparent-input {
    background-color:rgba(0,0,0,0) !important;
    border: 1px slid #fff !important;
    border-radius: 0
}
.inputfile + label {
    color: #ffff;
    background-color:rgba(0,0,0,0) !important;
}

.inputfile:focus + label,
.inputfile.has-focus + label,
.inputfile + label:hover {
    color: #ffc600;
    background-color:rgba(0,0,0,0) !important;
}

.inputfile + label figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #d3394c;
    display: block;
    padding: 20px;
    margin: 0 auto 10px;
}

.inputfile:focus + label figure,
.inputfile.has-focus + label figure,
.inputfile + label:hover figure {
    background-color: #722040;
}

.inputfile + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}
.border-contact {
    border-right: 2px solid #000;
    height: 100%;
}
.noborder {
    border: 0;
}
.contact-div h1 {
    color: #ffc600;
    font-weight: 600;
}
.contact-div form {
    padding-top: 30px;
}
.nopadding {
    padding : 0;
}
.nomargin {
    margin:0;
}
.black-box-div {
    background: #171717;
    height: 38%;
    min-height: 250px;
    width:100%;
    display: table;
    text-align: center;
    color:#fff;
}
.black-box-div h3 {
    display: table-cell;
    vertical-align: middle;
}
.btn-anim-three-lg {
    /*    background: rgba(0,0,0,.6);*/
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 6px;
    position:relative;
    margin: 20px;
}
.btn-anim-three-lg span {
    position: absolute;
    height: 2px;
    border-radius: 4px;
    background: #000;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.btn-anim-three-lg span.one {
    width: 32px;
    top: 16px;
    left: 14px;
}
.btn-anim-three-lg span.two {
    width: 32px;
    top: 27px;
    left: 14px;
}
.btn-anim-three-lg span.three {
    width: 32px;
    top: 38px;
    left: 14px;
}
.btn-anim-three-lg.closed span.one {
    width: 40px;
    top: 26px;
    left: 10px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    transform: rotate(225deg);
}
.btn-anim-three-lg.closed span.two {
    width: 4px;
    left: 25px;
}
.btn-anim-three-lg.closed span.three {
    width: 40px;
    top: 26px;
    left: 10px;
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    transform: rotate(-225deg);
}
.btn-default {
    font-weight: 600;
}
/*end btn animation */

/* CSS Document arrow up */




.animated {
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 10;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: 10;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

/*
 * Animation for webkit
*/
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-12px);
    }
}
/*
 * Adding the animation to our element
*/
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    padding: 10px;
}
.btn-down-icon {
    display: inline-block;
    background: url(../images/icons/arrow-down.png) no-repeat center 50%;
    visibility: auto;
    opacity: 1;
    z-index: 0;
    padding-top:40px;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.fp-slidesNav ul li a.active span {
    background:#ffc600;
}
.btn-button-transparent, .btn-button-transparent:link, .btn-button-transparent:visited {
    background-color: transparent;
    border-radius: 0;
    color: #fff;
    border: 2px solid #fff;
    font-weight: 600;
}
.btn-button-transparent:active, .btn-button-transparent:hover {
    background-color: #000;
    color: #ffc600;
    border: 2px solid #ffc600 !important;
}
/*.btn-button-transparent.btn-lg {
    border: 3px solid #FFF;
}
.btn-button-transparent.btn-sm {
    border: 1px solid #FFF;
}  
.btn-button-transparent.btn-xs {
    border: 2px solid #FFF;
} */ 
.row-h50 {
    height: 50%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}
.row-h50 p {
    color:#fff;
}
.white-bg p {
    color:#b9b9b9;
}
.white-bg {
    background:#fff;
}
.yellow-bg {
    background:#ffc600;
    background-image: url('../images/yellow_background.png');
}
.refresh_intro_2{
    color: #191e1e !important;
}
#smart_refresh_slide_6{
    background:#ffc600;
    background-image: url('../images/smart_refresh_slide_6_background.png');    
    background-size:cover;
}
.refresh_partners h3{
    font-size: 34px;
    letter-spacing: 1px;
    line-height: 43px;
    color: #060808;
    font-family: "Maven Pro";
    font-weight: 500;
    text-align: center;
}
.margin-top-10{
    margin-top: 10px;
}
.about-abm h2 {
    color: #F7C602;
}
.news h2 {
    color:#fff;
    text-transform: none;
    font-weight: 100;
}
.partners h2 {
    color:#333;
    text-transform: none;
    padding-top: 50px;
    font-weight: 100;
}
.contact h6 {
    color:#fff;
}
.m50 {
    margin-bottom:50px;
}
.m25 {
    margin-bottom:25px;
}
.pb50 {
    padding-bottom:50px;
}
.pb100 {
    padding-bottom:100px;
}
.pt55 {
    padding-top:55px;
}
.z4 {
    /*zoom:0.4;
        -moz-transform: scale(0.4);*/
    width:75px;
}
.z7 {
    zoom:0.7;
    -moz-transform: scale(0.7);
}
.z7 {
    zoom:0.9;
    -moz-transform: scale(0.9);
}
.date {
    color: #ffc600;
    font-size: 14px;
    font-weight:600;
    margin-top:25px;
}
.about, .alchemy, .news, .vidtent {
    color:#fff;
}
.alchemy h2, .about h2 {
    color: #ffc600;
    text-transform: capitalize;
    font-weight: normal;
}
.vidtent h2, .about h2 {
    color: #ffc600;
    text-transform: capitalize;
    font-weight: normal;
}

/*.heading {
        top: 0px;
        padding-top:10px;
    position: absolute;
    width: 100vw;
}*/

.heading-padding {
    height:30px;
}
.about h2{
    font-size:26px;
}
.heading h3 {
    font-weight: 500;
    margin-bottom: 0px;
}
.item .heading h3 {
    margin-bottom: 10px;
}
.arrow-up {
    height: 0;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent;
    border-bottom: 55px solid white;
    position: fixed;
    bottom: -20px;
    width: 110px;
    margin: 0 0 0 -55px;
    left: 50%;
    z-index: 1;
}
.our-products {
    background:url(../images/products-bg.jpg);
    background-position: center center;
    background-size: cover;
}
.social {
    margin: 0;
    padding: 0;
}
.social ul {
    margin: 0;
    padding: 5px;
}
.social ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}
.social i {
    width: 50px;
    height: 50px;
    color: #fff;
    background-color: #111;
    font-size: 26px;
    text-align:center;
    padding-top: 17px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}
.main-menu .social i {
    color: #741f9e;
    background-color: #fff;
}
.social i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}
.social .fa-facebook:hover {
    background: #4060A5;
}
.social .fa-twitter:hover {
    background: #00ABE3;
}
.social .fa-google-plus:hover {
    background: #e64522;
}
.social .fa-github:hover {
    background: #343434;
}
.social .fa-pinterest:hover {
    background: #cb2027;
}
.social .fa-linkedin:hover {
    background: #0094BC;
}
.social .fa-flickr:hover {
    background: #FF57AE;
}
.social .fa-instagram:hover {
    background: #375989;
}
.social .fa-vimeo-square:hover {
    background: #83DAEB;
}
.social .fa-stack-overflow:hover {
    background: #FEA501;
}
.social .fa-dropbox:hover {
    background: #017FE5;
}
.social .fa-tumblr:hover {
    background: #3a5876;
}
.social .fa-dribbble:hover {
    background: #F46899;
}
.social .fa-skype:hover {
    background: #00C6FF;
}
.social .fa-stack-exchange:hover {
    background: #4D86C9;
}
.social .fa-youtube:hover {
    background: #FF1F25;
}
.social .fa-xing:hover {
    background: #005C5E;
}
.social .fa-rss:hover {
    background: #e88845;
}
.social .fa-foursquare:hover {
    background: #09B9E0;
}
.social .fa-youtube-play:hover {
    background: #DF192A;
}
.btn {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size:12px;
}
.btn-dark {
    color: #FFF;
    background-color: #2a2a2a;
    text-transform: uppercase;
    box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.2);
    font-weight: 600;
    margin-top: 45px;
}
.btn-apply{
    margin-top: 15px !important;
}
.form-group .btn-dark {
    margin:0;
}
.btn-dark:hover {
    color: #000;
    background-color: #ffc600;
    box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.2);
}
.btn-default {
    border-color: white;
    box-shadow: 0px 0px 0px 2px rgba(51, 51, 51, 0.25);
    margin-top: 25px;
}
.btn-default:hover {
    border-color: transparent;
}
.btn:focus, .btn.focus {
    color: #ccc;
}
.alchemyicon {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    height: 50vh;
}
.alchemy .fp-tableCell, .news .fp-tableCell, .partners .fp-tableCell, .refresh_partners .fp-tableCell, .products .fp-tableCell,  .vidtent .fp-tableCell{
    vertical-align: top;
    padding-top: 20px;
}
.credits p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.37);
    text-transform: capitalize;
}
.carousel-inner>.item {
    padding-top: 20px;
}
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    .bg_smart_refresh{
        background:#333;
        background-image: url('../images/smart_refresh_background.png');
        background-size: cover;
    }
    .smart_refresh_figure {
        font-size: 34px;
        letter-spacing: 2px;
        line-height: 40px;
        color: #ffffff;
        font-family: "Maven Pro";
        font-weight: 700;
        text-align: center;
        padding-top: 10px;
    }
    .smart_refresh_figure_info {
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 17px;
        color: #ffffff;
        font-family: "Maven Pro";
        font-weight: 400;
        text-align: center;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    header {
        padding-left: 25px;
        padding-right: 25px;
    }
    h1 {
        font-size: 30px;
    }
    h1 small {
        font-size: 30px;
    }
    .intro {
        font-size: 14px;
    }
    h2 {
        font-size: 18px;
    }
    .contact-div h1, .sign-up-form h1 {
        font-size: 50px;
    }
    .heading {
        padding-bottom:10px
    }
    .moblie_center{
        text-align: center;
    }    
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    header {
        padding-left: 50px;
        padding-right: 50px;
    }
    h1 {
        font-size: 44px;
    }
    h1 small {
        font-size: 44px;
    }
    h2 {
        font-size: 30px;
    }
    .intro {
        font-size: 18px;
    }
    .contact-div h1, .sign-up-form h1 {
        font-size: 65px;
    }
    .heading {
        padding-bottom:10px
    }
    .fp-slidesNav.bottom {
        bottom: 20px;
    }
    #section0 .fp-slidesNav.bottom {
        margin-bottom: 10px;
    } 
    .moblie_center{
        text-align: center;
    }
    .smart_refresh_figure{
        font-size: 65px;
        letter-spacing: 2px;
        line-height: 64px;
        color: #ffffff;
        font-family: "Maven Pro";
        font-weight: 700;
        text-align: center;
        padding-top: 10px;
    }
    .smart_refresh_figure_info{
        font-size: 21px;
        letter-spacing: 0px;
        line-height: 35px;
        color: #ffffff;
        font-family: "Maven Pro";
        font-weight: 400;
        text-align: center;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .contact h1 {
        font-size: 66px;
        font-weight: 400;
    }
    h1 {
        font-size: 50px;
        font-weight: 400;
    }
    h1 small {
        font-size: 50px;
    }
    h2 {
        font-size: 34px;
    }
    .intro {
        font-size: 22px;
    }
    .partners .img-responsive, .refresh_partners .img-responsive {
        padding-top:15px;
        padding-bottom:15px;
    }
    .contact-div h1, .sign-up-form h1 {
        font-size: 65px;
    }
    .heading {
        padding-bottom:20px
    }
    div#section5 .slimScrollBar {
        display: none !important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

@media (max-width: 480px) {
    .menu-anchor {
        font-size: 22px;
        line-height: 29px;
    }
    .footer-nav-link-a {
        font-size: 13px;
    }
    .social i {
        font-size: 13px;
        width: 30px;
        height: 30px;
        padding-top: 11px;
    }
    .alchemy .fp-tableCell, .news .fp-tableCell, .partners .fp-tableCell, .refresh_partners .fp-tableCell {
        padding-top: 30px;
    }
    header{
        top : 25px !important;
    }
    header .toggle-button {
        right: 25px;
        top: -15px;
    }
    h1 {
        font-size: 30px;
    }
    h1 small {
        font-size: 30px;
    }
    h2,
    .h2 {
        font-size: 20px
    }
    h3, .h3 {
        font-size: 14px;
    }
    .btn-dark{
        margin-top: 20px !important;
    }
    .z4 {
        /*zoom:0.4;
            -moz-transform: scale(0.4);*/
        width:50px;
    }
    #video-container{
        max-width: 95% !important;
        min-width: 95% !important;
    }
    body{
        font-size: 13px !important;
    }
    .carousel-inner{
        overflow: scroll !important; 
    }
    header .main-menu ul li:last-child{
        margin-top: 10px !important;
    }
    .xs_text_center{
        text-align: center;
    }
    .hight120{
        min-height: 105px;
    }
    .bg_xs{
        background:#333;
        background-image: url('../images/bg_first_section.jpg');
        background-size: cover;
    }    
    .intro{
        color: #e8e8e8;
        line-height: normal;
        font-size: 16px;
    }
    .moblie_center{
        text-align: center;
    }
}
@media (max-width: 767px) {
    .border-contact {
        border-right: 0px solid #000;
        height: auto;
    }

    .mar-head {
        margin:0 10px;
    }
    .btn-conf {
        display:block;
    }
    .subtext {
        width:90%;
        font-size:19px;
    }
    .branches {
        margin: 0;
    }
    header{
        top : 25px !important;
    }
    header .toggle-button {
        right: 25px;
        top: -15px;
    }
    .fp-viewing-its-an-alchemy-0{
        overflow: scroll !important; 
    }
    .carousel-inner{
        overflow: scroll !important; 
    }
    header .main-menu ul li:last-child{
        margin-top: 10px !important;
    }
    .vidtent-logo{
        background-size: auto 100%;
        margin-top:20% !important;
    }
    .moblie_center{
        text-align: center;
    }
    .products .fp-slidesNav, .news .fp-slidesNav{
        margin-left: -140px !important;
    }    
}