/*
1. General
**********************************************************************/
 body {
    font-family:'Roboto', sans-serif;
    color: #FFF;
    line-height:1.2em;
    font-size:17px;
    line-height:20px;
}

a {
    color:#162c54;
    text-decoration: none;
}
a:hover {
    color: #163979;
    text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
h1 {
    margin: 0px;
}
p {
    padding: 10px;
    font-weight: 100;
    color: #fff;
}


/*
1.1. First section
***************************************/
#firstsection {
    background: url(../images/top-section-pic-bg.jpg);
    min-height: 600px;
    color:#162c54;
}

#firstsection h2 {margin-top:0px;}

#maintitle {
    background-color:rgba(255,255,255,0.5);
}

#maintitle h2 {
    color:#162c54;
    font-weight:500;
}

h3 {color:#162c54;}

@media (min-width:270px) and (max-width: 978px) {
    #darkbgonmobile {
        background-color:rgba(22,44,84,0.5);    
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        padding:5px;
        color:#FFF;
    }

    h3 {color:#FFF;}
    a, a:hover {color:#FFF;}

    #maintitle {background-color:transparent;}
    #maintitle h2 {color:#FFF; font-weight:500;}
}

@media (min-width:270px) and (max-width: 978px) {
    #formbg p {color:#162c54;}
}

#formbg {
    background-color:rgba(255,255,255,0.7);
    padding:12px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

/*
1.2. Second section
***************************************/
#secondsection {
    background-color:rgba(255,255,255,1);
    color:#162c54;
    padding:20px;
    padding-top:40px;
}

p {
    color:#162c54;
    font-weight:500;
}

#press-section {
    background-color:#f4f4f4;
    padding:8px;
}

/*
1.3. Third section
***************************************/
#thirdsection {
    background:url(../images/resortul-mini-statiune-bg.jpg);
    min-height: 630px;
    color:#162c54;
    padding:20px;
}

@media (min-width:270px) and (max-width: 978px) {
    #whitebgonmobile {
        background-color:rgba(255,255,255,0.5);    
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        padding:5px;
        color:#FFF;
    }
}

/*
1.4. Fourth section
***************************************/
#fourthsection {
    background-color:#FFF;
    color:#162c54;
    padding:20px;
}

#fourthsection p {
    font-size:x-large;
}

#testimonial-outline {
    border:1px solid #162c54;
    padding:15px;
    margin-bottom:25px;
}

/*
1.5. Fifth section
***************************************/
#fifthsection {
    background-color:#FFF;
    background:url(../images/blaxy-condo.jpg) top center no-repeat;
    width:100%;
    min-height: 700px;
    margin: 0 auto;
    color:#162c54;
}

#blaxy_bg2_t2 {
    width:80%;
    margin:0 auto;
    background:rgba(255,255,255,0.8);
    -webkit-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
    padding:15px;
    font-weight:300;
    font-size:15px;
    color:#162c54;
    text-align:justify;
    line-height:21px;
}

.blaxy_desp_50 {height:50px;}

/*
1.6. Sixth section
***************************************/
#sixthsection {
    background-color:#FFF;
    margin-top:25px;
    color:#FFF;
    padding:20px;
}

@media (min-width:270px) and (max-width: 978px) {
    #mobiledarkbg {
        background-color: rgba(0,0,0,0.5);
        padding:8px;
        -webkit-border-radius: 8px 8px 8px 8px;
        border-radius: 8px 8px 8px 8px;
    }
}


/*
1.7. Seventh section
***************************************/
#seventhsection {
    background-color:#FFF;
    color:#162c54;
    padding:20px;
    margin-bottom:35px;
}

#seventhsection h2 {
    color:#162c54;
    text-align:left;
}

li:before
{
    content: '✔';   
    margin-left: -1.2em;
    margin-right: .100em;
    margin-bottom:15px;
    line-height:32px;
}

ul
{
   padding-left: 20px;
   text-indent: 2px;
   list-style: none;
   list-style-position: outside;
}

/*
1.8. Eight section
***************************************/
#eightsection {
    background:url(../images/schimb-de-vacante.jpg) left top;
    color:#162c54;
    padding:20px;
}

/*
1.10. Tenth section
***************************************/
#tenthsection {
    background-color:#FFF;
    color:#162c54;
    padding:20px;
    margin-bottom:35px;
}

/*
2.1. Sign-up section
***************************************/
#signupsection {
    background-color:#FFF;
    color:#162c54;
    padding:35px;
}

#signupsection-blue {
    background-color:#48a8ba;
    color:#162c54;
    padding:35px;
}

/*
3.1. Frames section
***************************************/
#pictureframes {
    margin-top:-25px;
}

#picframe1 {
    margin-left:-50px;
    z-index:999999;
    position:relative;
}

#picframe2 {
    margin-left:-50px;
    z-index:99999;
    position:relative;
}

#picframe3 {
    margin-left:-60px;
    z-index:9999;
    position:relative;
}

#picframe4 {
    margin-left:-50px;
    z-index:999;
    position:relative;
}

@media (min-width:270px) and (max-width: 978px) {
    #pictureframes {
        margin-top:-25px;
    }

    #picframe1 {
        margin-top:-25px;        
        margin-left:20px;
        z-index:999999;
        position:relative;
    }

    #picframe2 {
        margin-top:-55px;
        margin-left:20px;
        z-index:99999;
        position:relative;
    }

    #picframe3 {
        margin-top:-25px;
        margin-left:20px;
        z-index:9999;
        position:relative;
    }

    #picframe4 {
        margin-top:-25px;
        margin-left:20px;
        z-index:999;
        position:relative;
    }
}

/*
4.1. Video responsive
***************************************/
.blaxy-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.blaxy-video iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
5.1. Footer
***************************************/
#footer {
    background-color:#282a2b;
    padding:5px;
}


/******
2. Layout
**********************************************************************/
.centered {
    margin-left:auto;
    margin-right:auto;
    float: none;
    text-align: center;
}
/* Use this class if you want ceter element with span* class */
 .center {
    float: none !important;
    margin: 0 auto !important;
    text-align: center;
}

.error {
    color: #CF0000;
    display: none;
}
.invisible {
    display:none;
    visibility:visible;
}
.triangle {
    margin: 0 auto;
    text-align:center;
    width: 0;
    height: 0;
    border-top: 30px solid #181A1C;
    border-left: 585px outset transparent;
    border-right: 585px outset transparent;
    position: relative;
}
/*
2.2 Buttons - There are buttons on a transparent background, primary and secondary color background.
**********/
 .button,  .button:visited, .button:focus {
    display:inline-block;
    border:1px solid #181A1C;
    color:#181A1C;
    background-color:transparent;
    padding:15px 30px;
    font-size:17px;
    line-height:auto;
}
.button:hover, .button:active{
    background-color:#181A1C;
    color:#fff;
      -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.button, .button:visited, .button:focus {
    border:none;
    background-color:#162c54;
    color:#FFF;
      -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.button:hover, .button:active {
    background-color:#282a2b;
    color:#FFF;
      -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.button-ps, .button-ps:visited, .button-ps:focus {
    border:none;
    background-color:#181A1C;
    color:#FECE1A;
}
.button-ps:hover, .button-ps:active {
    background-color:#FECE1A;
    color:#181A1C;
}
/*
3.8 Footer
********************************************************************/
 .footer {
    background: #181A1C;
    text-align: center;
}
.footer > p {
    color: #fff;
    margin:0;
}
.scrollup {
    text-align:center;
    cursor:pointer;
    vertical-align:middle;
    width:39px;
    height:39px;
    border-radius:5px;
    font-size:20px;
    position:fixed;
    bottom:30px;
    right:20px;
	border:1px solid #fff;
    display:none;
    background: #162c54;
}
.scrollup > a {
    position:relative;
    top:7px;
    color:#fff;
}