/* Theme Name: Create - Multipurpose One Page Theme
   Author: Iulia
   Author e-mail: iulia_campianu87@yahoo.com
   Version: 1.0
   Created: July 2016
   File Description: Main CSS file of the template
*/


 /*== MAIN STYLES ==*/
body,html {
 width: 100%;
height: 100%;
}
body{
     font-family: 'Lato', sans-serif;
}
a:hover,
a:active,
a:focus {
outline: none;
text-decoration: none;

}
.btn:focus,.btn:active {
   outline: none !important;
}
.btn-default{
    background-color: transparent;
    border-color: white;
}
.btn-danger, .btn-default{
   font-weight:bold;
}
.btn{
     margin: 2px 2px;
     color: white;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 0;
}
.btn-link:focus,
.btn-link:hover{
color: #c9302c;
    text-decoration: none;
}

.section-header h2{
   letter-spacing: 1px;
   margin-bottom: 45px;
  font-size: 45px;
   line-height: 50px;
   text-transform: uppercase;
   font-weight: 300;
}
.section-header hr{
   width:10%;
   border-color: white;
}
.section-header p{
    line-height: 23px;
    color: #7F8C8D;
    margin: 30px 0px;
}
.section{
   padding: 100px 0px;
   text-align: center;
   
}

.fb-like.fb_iframe_widget {
    display: inline-block!important;
    vertical-align: top;
    margin-right: 30px;
}

div#vk_like {
    display: inline-block;
}

/*== NAVBAR ==*/
.navbar-inverse.affix {
    background-color: #363839;
}
.navbar{
    -webkit-transition:background-color 0.9s ease;
    -moz-transition:background-color 0.9s ease; 
    -o-transition:background-color 0.9s ease;
	 transition: background-color 0.9s ease;
      padding: 15px;
     background-color: transparent;
     border:none;
}
.nav.navbar-nav.navbar-right li a {
    color: white;
    text-transform: uppercase;
}
.nav.navbar-nav.navbar-right li.active a{
	color:#d9534f;
	background-color: transparent;
}
.nav.navbar-nav.navbar-right li a:hover{
    color:#d6d6d6;
}
.nav.navbar-nav.navbar-right li.active a:hover{
    color: #c9302c;
}
.navbar-inverse .navbar-brand {
    color: white;
    font-size: 26px;
    margin-top: -20px;
    font-family: 'Abel', sans-serif;
    letter-spacing: 0px;
}

.navbar-brand p {
    margin: 2px;
}
.navbar-inverse .navbar-brand i{
    color: #d9534f;
}

/* == CAROUSEL == */
.item {
    position: relative;
}
.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
}
.fill{
    background-attachment: fixed;
    }
.carousel-caption{
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: initial;
}
.carousel-caption h1{
     font-family: 'Abel', sans-serif;
     font-size: 60px;
     text-transform: uppercase;
     letter-spacing: 5px;
     font-weight:300;
 }
 
 .carousel-caption h2{
     font-family: 'Abel', sans-serif;
     font-size: 50px;
     text-transform: uppercase;
     letter-spacing: 5px;
     font-weight:300;
 }
 
 
.carousel-caption p{
    font-family: 'Abel', sans-serif;
    font-style: italic;
    margin: 20px;
    letter-spacing: 6px;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1.5;
}

hr{
    width: 60%;
    border-color: #666;
}



/* == GET IN TOUCH SECTION == */
.lead{
    text-align: left;
}
#getintouch{
  background-color: #363839;
  color: #d6d6d6;
  padding: 15px 0px;
}

/* == SERVICES SECTION == */
.subtitle{
  font-size: 18px;
  margin-bottom: 80px;
  margin-left: 10px;
 margin-right: 10px;
    
}
.circle-icon{
    width: 140px;
    height: 140px;
    line-height: 140px;
    border-radius: 100%;
    background-color:#363839;
    color: white;
    font-size: 50px;
}
#services-section i:hover{
    background-color:#c9302c;
}
#services-section h2{
    margin-top: 0;
    margin-bottom: 0px;
    text-transform: uppercase; 
    letter-spacing: 1px;
    font-size: 27px;
}
#services-section p{
    opacity: 0.6;
}

/* ==SCROLLBG SECTION ==*/
#scrollbg{
  color: white;
  background: url('images/creative.jpg') 50% 100% repeat fixed;
}
.vertical-align{
    padding: 30px;
    background-color:#363839;
    font-family: 'Abel', sans-serif;
    text-align: left;
}
.vertical-align h2{
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 1px;
}
.vertical-align p{
   font-size: 25px;
}

/* == OUR WORK SECTION == */
.ih-item.square{
    border:none;
    width: 100%;
    height: 100%;
}
#ourwork{
   background-color: #363839;
}
#ourwork .col-md-4{
    padding: 15px;
}

#ourwork .section-header h2 {
    color: white;
}
#ourwork button{
   margin: 0 7px 50px 0;
   color: #363839;
   padding: 15px 20px;
   background: #d6d6d6;
   border:none;
   cursor: pointer;
   letter-spacing: .5px;
   font-size: 13px;
}
#ourwork button.active{
    background-color:#d9534f; 
    color: white;
}

/* == WHY US SECTION == */
#whyus .vertical-align {
  background-color: white;
  color: #363839;   
}

#whyus .section-header h2{
    margin-bottom: 20px;
    color: #363839;
}
 #whyus p{
     opacity: 0.6;
 }
#whyus img{
    padding: 20px 0px;
}

/* ==PRICE SECTION ==*/
#price {
    background: url('images/44.jpg') 50% 100% no-repeat fixed;
}
.panel{
    border:none;
    background-color: #363839;
    color: white;
}
.panel-heading{
    padding: 20px;
    background-color: #d9534f;
}
.panel-body{
    background-color: #363839;
    color: white;
}
.list-group-item{

   font-size: 19px;
   background-color: #363839;
   color: white;
   border:none;
   padding: 20px;
}
.panel-footer{
    background-color: #363839;
    padding: 20px;
}

/* == OUR TEAM SECTION == */
#team .section-header h2{
  margin-bottom: 20px;
}
.subheader{
  font-size: 20px;
  padding-bottom: 20px;
}
#team{
    color: white;
    text-align: center;
    background-color: #363839;
}
.team-image{
    position: relative;
    overflow: hidden;
}
.team-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.86);
    color: #000;
    padding: 40px 20px;
    opacity: 0;
     -moz-transition: all 200ms;
    -o-transition: all 200ms;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
.team-hover i{
    margin: 5px 7px;
    color:#d9534f; 
    font-size: 35px;
}
.team-hover:hover{
    opacity: 1;
}
.description{
   background: #d6d6d6;
color: #363839;
line-height: 18px;
padding: 10px 0;
}

/* == FOLLOW US SECTION == */
#follow hr{
    border-color: #363839;
}
#follow ul {
    margin-left: 0;
    padding-left: 0;
}
#follow ul li{
    display: inline-block;
    list-style: none;
    margin: 10px
    }
#follow p {
    margin-bottom: 30px;
    opacity: 0.6;
}
#follow .section-header h2{
    color: #363839;
    margin-bottom: 0px;
}
#follow .subheader{
   margin-left: 10px;
   margin-right: 10px;
    }
#follow i{
    color:#d9534f; 
    font-size: 35px;
}
#follow .fa-facebook:hover {
    color: #4060A5;
}
#follow .fa-twitter:hover {
    color: #00ABE3;
}
#follow .fa-google-plus:hover {
    color: #e64522;
}
#follow .fa-pinterest:hover {
    color: #cb2027;
}
#follow .fa-instagram:hover {
    color: #0094BC;
}

/* == CLIENTS SECTION == */
#clients a img {
    opacity: 0.5;
}
#clients a img:hover{
   opacity: 0.9;
}
#clients{
   background-color: #ddd;

}
#clients .section-header h2{
    color: #363839;
    margin-top: 0px;
}

/* == FOOTER == */
#footer{
    padding-bottom: 40px;
    background-color: #363839;
    color:#d6d6d6;
    text-align: left;
    }
#footer h3{
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
#footer h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 3px;
    background: #d9534f;
}
.btn-link{
    font-weight: bold;
    color: #d9534f;
}
.spaced-col {
    padding: 0px 30px;
}
.latest-projects a{
   width: 130px;
   display: block;
   float: left;
   margin: 2px;
}
#footer ul li{
    list-style: none;
    margin-bottom: 10px;
}
#footer ul{
    margin: 0;
    padding: 0;
}
#footer i{
    margin-right: 10px;
    color:#d9534f; 
}

/* == FOOTER AFTER == */
.footer-after{
    background-color: #d9534f;
    text-align: center;
    color: white;
    padding: 10px;
}
.footer-after p{
   margin: 0;
}


 @media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-right {
        float: none !important;
       margin-right: 0px;
   }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
       
   }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
          background-color:#363839;
        display:block !important;
    }
    #services-section .col-md-4 p {
margin-bottom: 40px;
    }
    .carousel-caption h1{
        font-size: 40px;
    }
    .team-social i{
        font-size: 20px;
    }
    
}
@media (max-width : 768px) {

.team-social i{
     font-size: 40px;
       
    }
    .carousel-caption h1{
        font-size: 30px;
    }
    .section-header p{
        font-size: 30px;
    }
   
#ourwork .col-md-4, #team .col-md-3, #price .col-md-4{
    margin-right:20px;
    margin-left: 20px;
}
}

@media (max-width : 480px) {
.carousel-caption h1{
        font-size: 20px;
    }
    .carousel-caption p{
        font-size: 15px;
       
    }

}