/* general styles */

html,
body {
    height: 100%;
    width: 100%;
    font-family: 'Raleway', sans-serif;
}

h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 3.5em;
    font-weight: 700;
    color: white;
    text-shadow: 2px 2px 4px #000000;
}

h2 {
    font-family: 'Raleway', sans-serif;
}

h3 {
    font-family: 'Playfair Display', serif;
    color: #1E825F;
}

h4 {
    font-family: 'Satisfy', cursive;
}

p,
a {
    font-family: 'Raleway', sans-serif;
}

.title1 p {
    font-size: 5.5em;
    font-weight: 700;
    text-align: center
}

h2.header {
    color: #664790;
    text-shadow: 2px 2px 4px #000000;
    font-weight: bold;
    font-size: 2.5em;
}

@media only screen and (max-width: 768px) {
    body {
        font-size: 1em;
    }
    .navbar .navbar-nav>li>a {
        color: black;
        background-color: #664790;
    }
    .navbar .navbar-nav>li>a:hover,
    .navbar .navbar-nav>li>a:focus {
        color: #664790;
        background-color: white;
    }
}


/***********************************************************************
*  OPAQUE NAVBAR SECTION
***********************************************************************/

.navbar-default {
    color: white;
    background-color: rgba(0, 0, 0, 0);
    /* Transparent = rgba(0,0,0,0) / Translucent = (0,0,0,0.5)  */
    transition: background-color .5s ease 0s;
    height: 70px;
    padding-top: 10px;
    border: 0;
}

.navbar.opaque {
    background-color: #664790;
    transition: background-color .5s ease 0s;
}

.navbar-toggle {
    background-color: white;
}

.icon-bar {
    background-color: lightgray;
}

.navbar .navbar-nav>li>a {
    color: white;
    font-weight: 700;
}

.navbar-right>li {
    padding-top: 7px;
    padding-right: 10px;
}

.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus {
    color: black;
}

ul.dropdown-menu {
    background-color: black;
}

.navbar-brand {
    padding: 0px;
}


/* top right bottom left*/

.navbar-brand img {
    height: 100%;
    padding: 0px 0 0px 7px;
    width: auto;
}


/* padded section */

.pad-section {
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 50px;
    padding-left: 0px
}


/* padded section */

.pad-section2 {
    padding: 100px 0;
}

.pad-section img {
    width: 100%;
}


/* vertical-centered text */

.text-vcenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vcenter h1 {
    font-size: 4.5em;
    font-weight: 700;
    margin: 0;
    padding: 0;
}


/***********************************************************************
*  Home SECTION
***********************************************************************/

#home {
    background: url(../img/houston-1620695_1280.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #ffffff;
}

#home h2 {
    color: white;
}


/*.message {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; 
  height:45%;
  bottom: 0; 
  display: block;
  position: absolute;
  background-color: rgba(0,0,0,0.6);
  color: #fff;
  padding: 0.5em;
*/


/***********************************************************************
*  About SECTION
***********************************************************************/

#about p {
    font-size: 16px;
}

#about h2 {
    text-align: center;
}


/* top right bottom left*/


#about-video {
    margin-top: 40px;
}

#about-video p {
    padding-right: 20px;
}

#about-video h1 {
    color: lavender;
}

#about-video img {
    border: #664790 5px solid;
    width: 70%;
    height: 70%;
}

#about-image img {
    width: 70%;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px;
    overflow: hidden;
    border: #664790 7px solid;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/***********************************************************************
*  Team SECTION
***********************************************************************/


.bg-overlay {
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("../img/dorin-vancea-83926.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 740px;
    padding-top: 150px;
    border: black 2px solid;
}
.bg-overlay video{border: black 2px solid;}



#team {
    background-color: #664790;
}

#team h2.header {
    color: white;
    text-shadow: 2px 2px 4px #000000;
    font-weight: bold;
    font-size: 2.5em;
}

#team p.title {
    color: white;
    font-weight: bold;
}

.space {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: whitesmoke;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.50), 0 6px 20px 0 rgba(0, 0, 0, 0.50);
}

#team .col-sm-4 {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#team img {
    width: 100%;
    border: 1px solid black;
    border-style: inset;
}


/***********************************************************************
*  social media SECTION
***********************************************************************/

.social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.social {
    -webkit-transform: scale(0.8);
    /* Browser Variations: */
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}


/*
    Multicoloured Hover Variations
*/


/***********************************************************************
*  Services SECTION
***********************************************************************/

#services {
    background-color: #fff;
    color: #664790;
}

#services .glyphicon {
    border: 2px solid #664790;
    border-radius: 50%;
    display: inline-block;
    font-size: 60px;
    height: 140px;
    line-height: 140px;
    text-align: center;
    vertical-align: middle;
    width: 140px;
}


/***********************************************************************
*  features SECTION
***********************************************************************/

#features {
    margin-top: 50px;
    margin-bottom: 70px;
}

.feature,
.feature i,
.feature h3,
.feature .title_border {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.feature {
    background-color: whitesmoke;
    text-align: center;
    padding: 20px;
    border: solid 2px #cccccc;
}

.feature p {
    margin-top: 20px;
    margin-bottom: 30px;
}

.feature i {
    font-size: 50px;
    color: #FFFFFF;
    background: #664790;
    padding: 30px;
    border-radius: 50%;
    border: solid 3px #664790;
}

.feature:hover {
    background-color: lightgrey;
    -webkit-transform: translate(0, 1em);
    -moz-transform: translate(0, 1em);
    -o-transform: translate(0, 1em);
    -ms-transform: translate(0, 1em);
    transform: translate(0, 1em);
}

.feature:hover i {
    color: #664790;
    border-color: #664790;
    background: #FFFFFF;
}

.feature:hover .title_border {
    background-color: #664790;
    width: 50%;
}

.feature .title_border {
    width: 0%;
    height: 3px;
    background: #664790;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 8px;
}


/***********************************************************************
*  Blog SECTION
***********************************************************************/

#blog {
    font-family: 'Open Sans Condensed', sans-serif;
    background-color: whitesmoke;
    color: #664790;
}


/*664790*/

#blog .cards-row {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #eee;
}

#blog .thumbnail {
    padding: 0;
    border-radius: 0;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

#blog .thumbnail>img {
    width: 100%;
    display: block;
    height: 250px;
}

#blog .thumbnail h3 {
    font-size: 14px;
}

#blog .thumbnail h2 {
    font-size: 24px;
}

#blog .thumbnail h3,
.card-description {
    margin: 0;
    padding: 8px 0;
    border-bottom: solid 1px #eee;
    text-align: justify;
}

#blog .thumbnail p {
    padding-top: 8px;
    font-size: 20px;
}

/*#blog .thumbnail .btn {
    border-radius: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    font-size: 20px;
}*/
#blogPage{padding-top: 50px;}

#blogPage li {
    padding-bottom: 2px;
}

#blogPage h3 {
    font-size: 2.0em;
}

#blogPage h2 {
    color: black;
}

#blogPage a {
    font-size: 1.3em;
}

#blogPage p {
    font-size: 1.3em;
}

#blogPage .thumbnail {
    padding-left: 40px;
    padding-right: 40px;
    background-color: whitesmoke;
    box-shadow: 0 0 20px black;
    padding: 0 15px 0 15px;
}

.blogPage img {
    width: 250px;
    height: auto;
}

#blogPage .col-sm-4 {
    padding-left: 60px;
}

#blogPage .parbase smartbody section text customRTE {
    font-size: 1.7em;
}


/***********************************************************************
*  kitchen picture SECTION
***********************************************************************/

#parallax {
    background: url(../img/kitchen-1940175_1280.jpg) no-repeat center center fixed;
    display: table;
    height: 900px;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: white;
}

#parallax h2 {
    color: white;
}

.btn-default {
    color: #664790;
}

.btn-default:hover {
    background-color: #664790;
}

.btn-misty {
    color: #ffffff;
    background-color: #664790;
    border-color: #130269;
    font-family: 'Raleway', sans-serif !important;
}

.btn-misty:hover {
    background-color: white;
    color: #664790;
}

.upFromBottom {
    margin-top: 70px;
}


/***********************************************************************
*  information SECTION
***********************************************************************/

#information {
    background: url(../img/unnamed.jpg) no-repeat center center fixed;
    display: table;
    height: 900px;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#information .panel {
    opacity: 0.85;
    margin-top: 150px;
}

#information h2 {
    color: white;
}


/***********************************************************************
*  footer SECTION
***********************************************************************/

footer {
    padding: 20px 0;
    background: #664790;
    color: #FFF;
}

footer .glyphicon {
    color: #333333;
    font-size: 60px;
}

footer .glyphicon:hover {
    color: #306d9f;
}


/***********************************************************************
*  Contact us SECTION
***********************************************************************/

img.fixed-size {
    height: auto !important;
    width: auto !important;
}

#contact {
    background-color: whitesmoke;
}

#formContainer {
    background-color: whitesmoke;
    padding: 40px;
    color: black;
}

legend {
    color: #1E825F;
}

.pad-section2 {
    padding: 100px 0;
}

address {
    color: black;
}

.jumbotron {
    background: #664790;
    color: #FFF;
    border-radius: 0px;
}

.jumbotron-sm {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.jumbotron small {
    color: #FFF;
}

.h1 small {
    font-size: 20px;
}


/* unvisited link */

address a:link {
    color: white;
}


/* visited link */

address a:visited {
    color: black;
}


/* mouse over link */

address a:hover {
    color: #664790;
}


/* selected link */

address a:active {
    color: blue;
}


/***********************************************************************
*  Blog Pages SECTION
***********************************************************************/

#blogPage {
    background: url(../img/giulia-bertelli-116358.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: black;
}


/* padded section */

#blogPage .pad-section {
    padding: 25px 0;
}

#blogPage .panel {
    margin-top: 80px;
}

#blogPage h2.panel-title {
    font-size: 30px;
}

#blogPage h3.panel-body {
    font-size: 32px;
}


/***********************************************************************
*  portfolio SECTION
***********************************************************************/


/* start h2 */

#portfolio h2 {
    color: #fff;
    text-align: center;
    padding-bottom: 40px;
}


/* end h2 */

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    #portfolio .portfolio-thumb .portfolio-overlay {
        padding: 0px 8px;
    }
}


/* start 980 media quires */

@media only screen and ( max-width: 980px) {
    #team .team-wrapper {
        margin-top: 40px;
    }
    #portfolio .portfolio-thumb .portfolio-overlay {
        background: lavender;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute;
        padding: 40px 10px 20px 20px;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }
}


/* end 360 media quires */


/* start portfolio */

#portfolio {
    padding-top: 20px;
    padding-bottom: 80px;
    background-color: #664790;
}

#portfolio .col-md-3 {
    padding: 10px;
    background-color: whitesmoke;
    border: 1px solid black;
}

.portfolio-thumb,
.portfolio-overlay {
    max-width: 450px;
}

#portfolio .portfolio-thumb {
    overflow: hidden;
    margin: 0 auto;
}

#portfolio .portfolio-thumb .portfolio-overlay {
    background: lavender;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    padding: 20px 10px 20px 20px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#portfolio .portfolio-thumb .portfolio-overlay h4 {
    font-weight: bold;
    padding-bottom: 10px;
}

#portfolio .portfolio-thumb .portfolio-overlay .btn {
    background: none;
    border: 1px solid black;
    border-radius: 2px;
    color: black;
    font-weight: bold;
}

#portfolio .portfolio-thumb:hover .portfolio-overlay {
    cursor: pointer;
    opacity: 0.8;
}


/* end portfolio */


/***********************************************************************
*  Video SECTION
***********************************************************************/


/*  Background fallback in case of IE8 & down, or in case video doens't load, such as with slower connections  
background: #333;
  background-attachment: fixed;
  background-size: cover;
}

/* The only rule that matters */

#video-background {
    /*  making the video fullscreen  
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}
*/