/*
* Elegance - Onepahe HTML Template
* Author    : Carino Technologies
* url       : https:// carinotech.com
* versions  : v 1.0.0 
*/

/*******************************************
* Import stylesheets
*******************************************/


@import url('shortcodes.css');
@import url('normal.css');
@import url('fontello.css');
@import url('fontello-ie7.css');
@import url('magnific-popup.css');


/*************************************************
* General
*************************************************/

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body,html {
    font-size: 100%;
    font-weight: 300;
    padding: 0;
    margin: 0;
    height: 100%;
}

.clearfix:before,.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

body {
    font-size: 100%;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    line-height: 1.7;
    color: black;
    /*overflow-x: visible;*/
    /*overflow-y: visible;*/
    background: #f4f4f4;
}


li {
    list-style: inherit;
}

ol,ul {
    list-style: none;
}

p, li {
    text-align: left;
    letter-spacing: 0.5px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
    font-size: 17px;
    color: #000000;
}

#myRegister p, #myRegister li {
    font-size: 15px;
}


a {
    cursor: pointer;
    color: #31ada8;
    text-decoration: none;
}

.b-white {
    color: white;
    font-weight: 600;
}


/****************************
* HEADINGS
****************************/


h1 {
    margin: 10px 0;
    font-weight: 300;
    letter-spacing: .03em;
    text-transform: capitalize;
    line-height: 1.5;
    font-size: 45px;
    margin-bottom: 25px;
}

h2 {
    margin: 10px 0;
    font-weight: 300;
    letter-spacing: .075em;
    text-transform: capitalize;
    line-height: 1.5;
    font-size: 40px;
    margin-bottom: 25px;
}

h3 {
    font-weight: 300;
    letter-spacing: .03em;
    text-transform: capitalize;
    line-height: 1.5;
    font-size: 28px;
    margin-bottom: 10px;
}

h4 {
    font-weight: 300;
    letter-spacing: .03em;
    text-transform: capitalize;
    line-height: 1.5;
    font-size: 25px;
    margin-bottom: 5px;
}

h5 {
    margin: 10px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 10px;
}

h6 {
    margin: 10px 0;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    word-break: break-all;
}

/* EXTRA LARGE HEADING */
.xl {
    font-size: 6em;
    color: #FFF;
}


/******************************
* HTML Styles
*******************************/

.green {
    color: #39bcb7;
    font-weight: 400;
}

.red {
    color: #c0392b;
}


/******************************
* MAIN GRID CLASSES
*******************************/

.container {
    margin-top: auto;
    margin-bottom: auto;
}

.wrap {
    padding: 34px 0 43px;
}

.wrap-normal {
    padding: 40px 0;
}

.wrapper {
    padding: 100px 0 90px;
}


/******************************
* PARALLAX CLASSIES
*******************************/

.parallax-back {
    background: url(../images/header/header4.jpg) no-repeat;
    background-size: cover;
    background-position-x: center;
    /*background-attachment: fixed;*/
    margin: auto;
    color: white;
}

.header-parallax {
    background: url(../images/header/Banner_top_XXL.jpg);
    /*background: url(../images/header/header3.jpg) no-repeat;*/
    background-size: cover;
    /*background-attachment: fixed;*/
    background-position: center;
    margin: auto
}

.header-parallax {
    height: 580px;
}

.opcaity {
    /*background: rgba(0,0,0,0.89);*/
    background: rgba(0,0,0,1);
}

/******************************
* SPACING
*******************************/

.spacing {
    position: relative;
    padding: .5em 0;
    height: 14.3em;
    z-index: -1;

}

/*****************************************
* Image frames
******************************************/

.circule {
    border-radius: 50%;
}

/*******************************************
* aligments
*******************************************/
.center,.center p {
    text-align: center;
    padding-bottom: 15px;
}

.left,.left p {
    text-align: left;
    padding-bottom: 15px;
}

.right,.right p {
    text-align: right;
    padding-bottom: 15px;
}

/*********************************************
* Underlines
**********************************************/


/* underline headings with image*/

h1.underline,h2.underline,h3.underline,h4.underline {
    background: url(../images/underline-headline.png) bottom center no-repeat;
}

div.services h1.underline, div.services h2.underline, div.services h3.underline, div.services h4.underline {
    background: url(../images/underline-headline-blue.png) bottom center no-repeat;
}

h1.underline,h2.underline,h3.underline,h4.underline {
    padding-bottom: 20px;
}

/* underline headings with dotted border */


h1.underline-dotted,h2.underline-dotted,h3.underline-dotted,h4.underline-dotted {
    border-bottom: 1px dotted #ECF0F1;
}

h1.underline-dotted,h2.underline-dotted,h3.underline-dotted,h4.underline-dotted {
    padding-bottom: 20px;
}


/*********************************************
* Backgrounds
**********************************************/
.row-back {
    background: #eee;
    border-bottom: 1px solid #f4f4f4;
    color: black;
    max-height: 100%;
}

.row-gree {
    background: #39bcb7;
    border-bottom: 1px solid #39bcb7;
    color: white;
    max-height: 100%;
}

/*********************************************
* Header Style
*********************************************/
.container > header {
    margin: 0 auto;
    padding: 2em;
    text-align: center;
    background: rgba(0,0,0,0.01);
}

.container > header h1 {
    font-size: 2.625em;
    line-height: 1.3;
    margin: 0;
    font-weight: 300;
}

.header {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    border-bottom: 0 none #e03163;
    background-image: 0;
    background-image: 0;
    background-image: linear-gradient(white,white);
    box-shadow: none;
}


.center-fix {
    width: 80%;
    margin: auto;
}

/********************************************

* Navigation 

*********************************************/
.navbar {
}

.nav {
    margin-top: 0;
}

.menu-li {
    padding-top: 26px;
    padding-bottom: 30px;
}

.menu-li:hover {
    border-top-style: none;
    background-color: #39bcb7;
    color: #FFF;
    transition: background, .7s;
}

.banner--clone {
    opacity: 1;
    background: #FFFFFF !important;
}

/************************************************

* logo

*************************************************/
.elegancelogo {
    display: block;
    height: 76px;
    margin: 0 auto;
    padding-left: 10px;
    background-image: url(../images/logo.png);
    background-position: 100% 45%;
    background-repeat: no-repeat;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}

.logo {
    margin-top: 2px;
}

/***************************************************

* slider section

****************************************************/
.slidersection {
    height: 588px;
    width: 100%;
    display: block;
    background: rgba(105, 105, 105, 0.28);
}

.header-marquee-bottom {
    top: 588px; width: 100%; max-width: 100%; text-align: left; background: rgba(21,129,122,0.8); margin: 0; height: 55px; line-height: 50px;
}

.banner li {
    list-style: none;
}

.banner ul li {
    float: left;
}

.banner {
    height: 80px;
    max-height: 80px;
    z-index: 1000;
    position: fixed;
    width: 100% !important;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: rgba(255,255,255,0.6);
    text-shadow: 0 0 1px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.3);
    background: transparent;
}

.banner ul {
    list-style: none;
    width: 300%;
}

.banner ul li {
    display: block;
    float: left;
    width: 33%;
    /*min-height: 600px;*/
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    /*box-shadow: inset 0 -3px 6px rgba(0,0,0,0.1);*/
}

.banner .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    z-index: 999;
}

.banner .dots li {
    display: inline-block;
    width: 35px;
    height: 12px;
    margin: 0 4px;
    text-indent: -999em;
    border: 2px solid #FFF;
    cursor: pointer;
    opacity: .4;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

.banner .dots li.active {
    background: #FFF;
    opacity: 1;
}

.overlay-normal {
    /*background:rgba(0, 0, 0, 0.12) url(../images/pattern.png) repeat;*/
    /*background:rgba(0, 0, 0, 0.12);*/
    position: absolute;
    min-width: 355px;
    width: 100%;
    top: 0;
    height: 588px;
}

.fixed-content {
    position: relative;
    margin-top: 6em;
}

#rotate {
    position: relative;
    bottom: .3em;
}

.static {
    background: #39bcb7;
    width: 80%;
    margin: auto;
    position: relative;
    bottom: 3.75em;
}

/*******************************************

* Testimonials

********************************************/
.cbp-qtrotator {
    position: relative;
    margin: 1em auto 2em;
    max-width: 800px;
    width: 100%;
}

.cbp-qtrotator .cbp-qtcontent {
    position: absolute;
    min-height: 200px;
    padding: 2em 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    width: 100%;
}

.no-js .cbp-qtrotator .cbp-qtcontent {
    border-bottom: none;
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,.no-js .cbp-qtrotator .cbp-qtcontent {
    position: relative;
    z-index: 100;
    pointer-events: auto;
    opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,.cbp-qtrotator .cbp-qtcontent:after {
    content: " ";
    display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
    clear: both;
}

.cbp-qtprogress {
    position: absolute;
    background: #47a3da;
    height: 1px;
    width: 0;
    top: 0;
    z-index: 1000;
}

.cbp-qtrotator blockquote {
    margin: 0;
    padding: 0;
}

.cbp-qtrotator blockquote p {
    font-size: 26px;
    color: #e2e0e0;
    font-weight: 300;
    margin: .4em 0 1em;
}

.cbp-qtrotator blockquote footer {
    font-size: 1.2em;
    color: #39bcb7;
}

.cbp-qtrotator blockquote footer:before {
    content: '― ';
}

.cbp-qtrotator .cbp-qtcontent img {
    float: right;
    margin-left: 3em;
    border-radius: 50%;
    font-weight: 300;
    color: white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}


@media screen and (max-width: 306em) {
    .cbp-qtrotator {
        font-size: 70%;
    }

    .cbp-qtrotator img {
        width: 80px;
    }

}

/********************************************

* Portfolio section

********************************************/
#Grid {
    text-align: justify;
    font-size: .1px;
}

#Grid .mix {
    display: none;
    opacity: 0;
    width: 33.3333333333%;
    vertical-align: top;
    background: #CCC;
    color: #FFF;
    font-size: 30px;
    text-align: center;
    position: relative;
}

.filter {
    margin: 4em 1em;
    cursor: pointer;
    cursor: 0;
    cursor: 0;
}

.options ul li {
    list-style: none;
    color: #FFF;
    text-align: center;
    display: inline-block;
}

.lb-album li > a span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 150px;
    color: rgba(255,255,255,0.8);
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    font-size: 24px;
    opacity: 0;
    filter: alpha(opacity=0);
    /* internet explorer */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    /*IE8*/
    background: rgba(39,174,96,0.93);
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .7s;
    -o-transition: opacity .7s;
    -ms-transition: opacity .7s;
    transition: opacity .3s;
}

.lb-album li > a:hover span {
    opacity: 1;
    filter: alpha(opacity=99);
    /* internet explorer */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99);
    /*IE8*/
}

.description {
    position: relative;
    color: #FFF;
    font-style: italic;
    bottom: 40px;
}

.heading-description {
    padding-top: 75px;
    /* border-bottom: 12px double #FFF; */
    padding-bottom: 25px;
    width: 80%;
    margin: auto;
    color: #FFF;
}

.portfolio-parlex {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/******************************

* Pricing table

******************************/
.pricing-section h3 {
    margin-bottom: 20px;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1;
}

.pricing-section {
    text-align: center;
    background: #34495E;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    border-right: 1px solid rgba(56,66,86,0.81);
}

.pricing-section .preice {
    font-weight: 300;
    font-size: 1.6em;
}

/*.pricing-section:hover {

margin-top: -25px;

} */
.w-co {
    position: relative;
    float: left;
    min-height: 1px;
}

.pricing-main {
    position: relative;
    bottom: 25px;
}

.header-main {
    padding-bottom: 25px !important;
    border-bottom: 7px solid #0BF46E !important;
    padding-top: 60px !important;
}

.pricing-section .pricing-header {
    padding: 35px 0 25px;
    border-bottom: 7px solid #39bcb7;
}

.pricing-section .pricing-content {
    padding: 30px 15px;
    border-bottom: 1px solid rgba(255,255,255,0.35);
}

.pricing-section ul li {
    margin: 15px 0;
    font-size: .85em;
}

.pricing-section .pricing-footer {
    padding: 40px 0;
}

.footer-main {
    padding-bottom: 60px !important;
}

/****************************
* Team section
****************************/
.team-album {
    padding: 3em 0 4em;
}

.team-album .tumbnail > a span {
    position: absolute;
    left: 0;
    padding: 1em;
    top: 0;
    right: 0;
    bottom: 105px;
    text-align: center;
    line-height: 150px;
    color: rgba(255,255,255,0.8);
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    font-size: 24px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    background: rgba(39,174,96,0.93);
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .7s;
    -o-transition: opacity .7s;
    -ms-transition: opacity .7s;
    transition: opacity .3s;
}

.team-album .tumbnail > a:hover span {
    opacity: 1;
    filter: alpha(opacity=99);
    /* internet explorer */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99);
    /*IE8*/
}

.team-heading {
    font-size: .8em;
    font-weight: 700;
    position: relative;
    top: 20px;
}

.team-designation {
    font-size: .6em;
    font-weight: 100;
    position: relative;
    bottom: 60px;
    margin-bottom: 0;
}

.team-des {
    font-size: .6em;
    font-weight: 100;
    line-height: 24px;
    position: relative;
    bottom: 90px;
    margin-bottom: 0;
}

.team-social {
    border-top: 7px solid #39bcb7;
    padding: 2.5em 1em 2em;
}

.tumbnail {
    position: relative;
    background: #34495E;
}

.thumbnail-img {
    display: block;
    height: auto;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.social-icons {
    color: #ECF0F1;
}

.circule-info {
    background: #39bcb7;
    padding: 1em 0 170px;
    width: 188px;
    max-height: 0;
    margin: auto;
}

.info-strong {
    font-size: 4em;
}

.info-x {
    font-size: 1.95em;
}

.email {
    font-weight: 200;
    /*letter-spacing: .1em;*/
    /*border-bottom: 1px dotted;*/
}

/*****************************

* Client Section

*****************************/
#clients {
    display: block;
    margin-bottom: 15px;
}

#clients .clients-wrap {
    display: block;
    width: 93%;
    margin: 0 auto;
    overflow: hidden;
}

#clients .clients-wrap ul {
    display: block;
    list-style: none;
    position: relative;
    width: 100% !important;
}

#clients .clients-wrap ul li {
    display: block;
    float: left;
    position: relative;
    width: 270px;
    line-height: 55px;
    text-align: center;
}

#clients .clients-wrap ul li img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
    filter: alpha(opacity=65);
    opacity: 0.70;
}

#clients .clients-wrap ul li img:hover {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1.0;
}

/***************************************

* Contact us 

***************************************/
.contact-col {
    display: block;
    margin: 50px auto 30px;
    padding-top: 0;
}

.contact-col-head {
    color: #FFF;
}

.contact-col-text {
    border-right: 4px solid #FFF;
    border-left: 4px none #FFF;
    color: #FFF;
    text-align: center;
}

.contact-col-text-bar-last {
    border-right: 0 none #FFF;
    color: #FFF;
    text-align: center;
}

.message {
    height: 200px !important;
}

.social-footter {
    padding: 1.5em;
}

/*********************************************

* footer section 

*********************************************/
.footer {
    /*border-top: 10px solid #95A5A6;*/
    /*bottom: 0px;*/
    position: relative;
    height: 220px;
    text-align: center;
}

/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-1-5s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.delay-2s { animation-delay: 2s; -webkit-animation-delay: 2s; }
/* custom */
.button span i.cogelegance-icons- {
    font-size: 20px;
    position: relative;
    right: 13px;
    top: 1px;
}

/* ==========================================================================
Navigation Menu Boxify
========================================================================== */
.nav-toggle {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 999999;
    padding: 10px 35px 16px 0px;
    cursor: pointer;
}
.nav-toggle:focus {
    outline: none;
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    content: '';
    position: absolute;
    display: block;
    width: 35px;
    height: 4px;
    border-radius: 1px;
    background: #fff;
    cursor: pointer;
}
.nav-toggle span:before {
    top: -10px
}
.nav-toggle span:after {
    bottom: -10px
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms 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 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-toggle.active span:after {
    top: 10px;
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
}

/* ==========================================================================
Nav Overlay
========================================================================== */
/* Overlay style */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 169, 187, 0.93);
    opacity: 0;
}

/* Menu style */
.overlay nav {
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
    top: 50%;
    height: 60%;
    text-align: center;
    font-size: 54px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.overlay ul {
    position: relative;
    display: -webkit-inline-box;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.overlay ul li {
    display: block;
    float: left;
    margin-right: 20px;
}
/*.overlay ul li:last-child {
    margin-right: 0px
}*/
.overlay ul li i {
    display: block;
    margin-bottom: 10px;
    font-size: 40px;
}
.overlay ul li a {
    display: block;
    text-align: center;
    padding: 50px 0;
    min-width: 190px;
    border: 2px solid #fff;
    border-radius: 3px;
    background-color: rgba(0, 169, 187, 0.93);
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.overlay ul li a:hover, .overlay ul li a:focus {
    border-color: #73d0da;
    color: #73d0da;
}

/* Effects */
.overlay-boxify {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-boxify.open {
    visibility: visible;
    display: inline-block;
    z-index: 1;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.overlay-boxify nav ul li {
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}
.overlay-boxify.open nav ul:first-child li:first-child {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.overlay-boxify.open nav ul:first-child li:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.overlay-boxify.open nav ul:nth-child(2) li:first-child {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.overlay-boxify.open nav ul:nth-child(2) li:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.overlay-boxify.open nav ul li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active:hover
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active:focus {
    outline: none !important;
}

/*For Contact Form and placeholder inside*/
#contactForm .w-input {
    font-size: 20px;
    color: white;
    border-radius: 5px;
    font-weight: 300;
    background: rgba(238, 238, 238, 0.24);
}

#contactForm .w-input:focus {
    background-color: rgba(255, 254, 254, 0.79);
    color: black;
}

#contactForm ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    white !important;
}
#contactForm input:focus::-webkit-input-placeholder, #contactForm textarea:focus::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    black !important;
}

#contactForm :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    white !important;
    opacity:  1;
}
#contactForm input:focus:-moz-placeholder, #contactForm textarea:focus:-moz-placeholder { /* WebKit, Blink, Edge */
    color:    black !important;
}

#contactForm ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    white !important;
    opacity:  1;
}
#contactForm input:focus::-moz-placeholder, #contactForm textarea:focus::-moz-placeholder { /* WebKit, Blink, Edge */
    color:    black !important;
}

#contactForm :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    white !important;
}
#contactForm input:focus:-ms-input-placeholder, #contactForm textarea:focus:-ms-input-placeholder { /* WebKit, Blink, Edge */
    color:    black !important;
}
/*END - Contact Form*/

/*Sign In Page*/
#section-login {
    position: relative;
}

#section-login .section-title {
    margin-bottom: 40px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-top: 10px;
    color: white
}

#section-login .form-control {
    margin-bottom: 10px;
    height: 45px;
}

#section-login .login-form .input-field {
    margin-bottom: 10px;
    margin-top: 10px;
    height: 50px;
}

.form-control {
    height: 38px;
    margin-bottom: 10px;
    color: black;
    font-weight: 400;
}

#letstart {
    background: transparent;
    color: #39bcb7;
    font-weight: 600;
    border: 2px solid #39bcb7;
}

#letstart:hover, #letstart:focus {
    background: #39bcb7;
    color: white;
    font-weight: 600;
    border: 2px solid white;
}

#pcloud_storage p, #pcloud_storage li {
    margin-bottom: 10px;
    text-align: justify;
}

.close {
    font-size: 40px;
    color: white;
    width: 45px;
    margin: -8px;
}

.close:hover {
    color: white;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: white;
}

a:hover, a:active, a:focus, img, img:visited, img:focus, img:hover, img:active, button:focus, input[type="button"]:focus {
    outline: none !important;
} 

input[type="checkbox"] {
    margin-right: 2px;
}

/*Blink for new comments to pay attention*/
.new_comment_blink {
    -moz-animation-duration: 400ms;
    -moz-animation-name: blink;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;

    -webkit-animation-duration: 400ms;
    -webkit-animation-name: blink;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;

    animation-duration: 400ms;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@-moz-keyframes blink {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes blink {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes blink {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    border: 4px solid rgba(91, 255, 0, 0.59) !important;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus {
    border: 1px solid white;
}

.sweet-alert button.cancel{
    background-color: #5c9593 !important;
    max-width: 100%;
    color: white;
    font-size: 16px;
}

.sweet-alert button.confirm {
    background-color: #39bcb7 !important;
    max-width: 100%;
    color: white;
    font-size: 16px;
}

.sweet-alert .text-muted {
    text-align: center;
}

#bg_image .strip-image {
    position: absolute; max-width: 100%; height: 395px; display: block;
}

.timeline-image>img {
    width: 250px; height: 250px; max-width: 100%; position: absolute; top: -50px;
}
.timeline-image>a {
    position:absolute; top: 170px; left: 225px; display: inline-table;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, 
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #a1bcbb;
    border-color: #cfd0d0;
}

span.small-time {
    font-size: 13px;
}

.inactive {
    display: none;
}

@media screen and (min-width: 1026px) {
    .header-parallax, .parallax-back {
        /*background-attachment: fixed;*/
    }
}


@media screen and (max-width: 420px) {
    h1 {
        font-size: 35px;
    }
    h2 {
        font-size: 32px;
    }
    .header-parallax {
        background: url('../images/header/header-maxWidth_420px.jpg') no-repeat;
        background-size: cover;
        /*background-attachment: fixed;*/
        /*background-position: center;*/
    }
    .parallax-back {
        background: url('../images/header/header4_mobile.jpg') no-repeat;
        background-size: cover;
        /*background-attachment: fixed;*/
        /*background-position: center;*/
    }

    .overlay.open>nav>ul {
        zoom: 70%;
    }
    .modal-dialog {
        zoom: 80%;
    }
    .sweet-alert.showSweetAlert.visible {
        zoom: 70%;
    }

    div#myRegister .modal-content .modal-body .panel-body {
        padding: 45px !important;
    }
}