/*
  COLOUR SCHEME:
  PALE:
    Red: #ffb3ba
    Orange: #ffdfba
    Yellow: #ffffba
    Green: #baffc9
    Blue: #bae1ff
  BORDERS:
    Red: #ff6271
    Orange: #ffbb6d
    Yellow: #f6f640
    Green: #53fd78
    Blue:#62b9fd
*/
body {
    font-size:14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family:'Avenir', sans-serif;

}
h4 {
     line-height:30px;
}

.text-center {
    text-align:center;
}

a{
  color: #6441A5;
}

p {
    font-family: 'Avenir';
    font-weight:300;
    line-height:30px;
    padding-bottom:15px;
}
li {
  font-family: 'Avenir';
  font-weight:300;
  line-height:30px;
}

section {
    padding-top:100px;
    padding-bottom:30px;
}
.g-pad-bottom {
    padding-bottom:30px;
}

.form-control {
        background-color: rgba(255, 255, 255, 0);
}
/* ===========================================================
   NAVBAR CHANGES
   ============================================================*/
.navbar {
	font-size: 16px;
  font-family: 'Avenir';
}

.navbar-inverse {
background: #ffb3ba;
min-height: 60px;
padding-top: 5px;

}

.navbar-inverse .navbar-nav > .active > a {
	background: #ffffff;
}

.navbar-inverse .navbar-brand {
	color: #000;
	font-weight: bolder;
  font-weight:800;
}
.navbar-brand {
  margin-top: -10px;
}
.navbar-inverse :hover .navbar-brand:hover {
	color: #000;
}
.navbar-inverse .navbar-nav > li > a {
color: #000;
}
.navbar-inverse {
border-color: #ffb3ba;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #000;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #000;
}
.navbar-toggle {
    background-color: black;
}
.img-nav {
  max-height: 45px;
  max-width: 45px;
}

/*=======================================
    HOME SECTION STYLES
==================================================*/



#home-sec {

background: url(../img/home.jpg) no-repeat;
/*background-attachment: fixed;*/
-webkit-background-size: cover;
/*-moz-background-size: cover;*/
/*-o-background-size: cover;*/
/*background-size: cover;*/
/*width: 100%;*/
display: block;
height: auto;
padding-top:190px;
min-height:500px;
color:#fff;

@@media (max-width: @iphone-screen) {
  background-attachment: scroll;
}
}


.head-main {
    font-size:80px ;
    font-weight:900;
    padding:15px;
    text-transform:uppercase;
}

.head-last {
     margin-top:70px;
    font-size:25px ;
    font-weight:900;
    padding:5px 20px 20px 20px;
    padding:5px;
}

/*=======================================
    SKILL BAR STYLES
==================================================*/


.progress-adjust {
    height: 10px;
     margin-bottom: 0px;
}
.skill-div {
    margin-top:10px;
}

.progress {
    min-height:40px;
}

/* ===========================================================
    INTRO /ABOUT
   ============================================================*/
.panel-orange{
  background-color: #ffdfba;
  border-color: #ffbb6d;
}
.panel-yellow{
  background-color: #ffffba;
  border-color: #f6f640;
}
.panel-green{
  background-color: #baffc9;
  border-color: #53fd78;
}
.panel-blue{
  background-color: #bae1ff;
  border-color: #62b9fd;
}

.panel-title-adjust{
font-size: 20px;
padding: 5px;
}

.btn-resume{
  background-color: #ffb3ba;
  border-color: #ff6271;
}

.progress-bar-orange{
  background-color: #ffbb6d;
}

.progress-bar-yellow{
  background-color: #f6f640;
}

.progress-bar-green{
  background-color: #53fd78;
}

.progress-bar-blue{
  background-color: #62b9fd;
}
    .panel-title-adjust a:hover {
        text-decoration:none;
    }
.panel-title-adjust i {
        padding-right:5px;
    }
/*=======================================
    TESTIMONIAL STYLES
==================================================*/

#blogs {

background: url(../img/home.jpg) no-repeat 50% 50%;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
display: block;
height: auto;
padding-top:40px;

color:#fff;
}

#carousel-example {
    margin:20px;

}
.slide-custom {
    min-height:200px;
    padding:20px;
    line-height:30px;
}

.user-img {
border: 2px solid #000;
overflow: hidden;
border-radius: 50%;
display: inline-block;
}

.img-u {
   max-height: 90px;
   max-width: 90px;
}

.c-set {
    font-style: italic;
    font-size: 20px;
    padding: 15px;
}
#testimonial {
background: url(../img/home.jpg) no-repeat 50% 50%;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
display: block;
height: auto;
   min-height:200px;
    color:#fff;
}

/*=======================================
    Contact STYLES
==================================================*/
.qry {
    background-color: #F3F3F3;
}
.cnt {
width: 100%;
min-height: 350px;
border: 1px solid #e1e1e1;
}
.add {
    color:#000;
    font-size:25px;
    font-weight:900;
    padding:20px 10px 20px 5px;
}
/*=======================================
    FOOTER STYLES
==================================================*/


#footer {
background-color: #FFFFFF;
color: #000;
padding: 20px 50px 20px 50px;
text-align: right;
border-top: 1px solid #d6d6d6;
}


/*=======================================
    MEDIA QUERIES

    ==================================================*/

@media all and (max-width:640px) and (min-width:381px) {
    .head-main {
        font-size:28px ;
    }
}
@media all and (max-width:381px) and (min-width:200px) {
    .head-main {
        font-size:28px ;
    }
}