/*
* ----------------------------------------------------------------------------------------
Author       : Nilesh Mahajan
Template Name: Dezine - One Page Portfolio Template
Version      : 1.0
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 01.GLOBAL CSS STYLE
* 02.PAGE PRELOADER
* 03.HEADER CSS STYLE
* 04.BANNER CSS STYLE
* 05.ABOUT CSS STYLE
* 06.EDUCATION CSS STYLE
* 07.EXPERIENCE CSS STYLE
* 08.SERVICES CSS STYLE
* 09.PORTFOLIO CSS STYLE
* 10.TEAM CSS STYLE
* 11.BLOG CSS STYLE
* 12.CLIENTS CSS STYLE
* 13.CONTACT CSS STYLE
* 14.FOOTER CSS STYLE
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 01.GLOBAL STYLE
* ----------------------------------------------------------------------------------------
*/

* {
    box-sizing: border-box;
}

html,
body {
    height: 100%
}

body {
  /*  background: url(../images/background.jpg)0 0 no-repeat #f1f1f1; 
    background-size: cover; */
	background-color: white;
/*    font-family: 'Lato', sans-serif;  */
    background-attachment: fixed;
    overflow-x: hidden;
    padding: 100px 0 0;
    text-rendering: optimizeLegibility;
	
	font-family: "co-text", sans-serif;
	font-style: normal;
	font-weight: 200;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "coquette", sans-serif;
	font-style: bold;
	font-weight: 200;

}

a {
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

img {
    width: 100%;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

p {
    line-height: 32px;
}

ul,
li {
    margin: 0;
    padding: 0;
	border-left: thin;
	border-top: thin;
	border-right: thin;
	border-left-color: black;
	border-top-color: black;
	border-right-color: black;
}

fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}

.container {
/*    background: #fff; */
	width: 100%;
}

section h2 {
/*    font-family: 'Titillium', serif; */
    margin: 0 0 60px;
    text-align: left;
    font-size: 36px;
    font-weight: 300;
    padding-bottom: 10px;
    position: relative;
}
/*
section h2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
    height: 3px;
    background: #333;
}
*/
.btn-primary {
/*    font-size: 16px; */
    background: #3a7cec;
    padding: 10px 30px;
    border-radius: 0;
    border: solid 1px #3a7cec;
    color: #fff;
/*    text-transform: uppercase;  */
}

.btn-primary span {
    padding-right: 20px;
}

.btn-primary:hover {
    background: #3a7cec;
    padding: 10px 30px;
    border-radius: 0;
    border: solid 1px #3a7cec;
    color: #fff;
    opacity: 0.8;
    transition: all 0.4s ease-in-out;
}

.btn-default {
    font-size: 16px;
    background: #333333;
    padding: 10px 30px;
    border-radius: 0;
    border: solid 1px #333;
    color: #fff;
    text-transform: uppercase;
}

.btn-default span {
    padding-right: 20px;
}

.btn-default:hover {
    background: #333;
    padding: 10px 30px;
    border-radius: 0;
    border: solid 1px #333;
    color: #fff;
    opacity: 0.8;
    transition: all 0.4s ease-in-out;
}

.btn-secondary {
    font-size: 16px;
    background: #fff;
    padding: 10px 30px;
    border-radius: 0;
    border: solid 1px #fff;
    color: #333;
    text-transform: uppercase;
}

.btn-secondary span {
    padding-right: 20px;
}

.btn-secondary:hover {
    background: #fff;
    padding: 10px 30px;
    border-radius: 0;
    border: solid 1px #fff;
    color: #333;
    opacity: 0.8;
    transition: all 0.4s ease-in-out;
}

#testo {
	text-align: justify;
	margin-bottom: 10px;
	margin-right: 10px;
}
/*
* ----------------------------------------------------------------------------------------
* 02.PAGE PRELOADER
* ----------------------------------------------------------------------------------------
*/

#preloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999;
}

.folding-cube {
    margin: auto;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.folding-cube .cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.folding-cube .cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-animation: foldCubeAngle 2.4s infinite linear both;
          animation: foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.folding-cube .cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.folding-cube .cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.folding-cube .cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.folding-cube .cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.folding-cube .cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.folding-cube .cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}

/*
* ----------------------------------------------------------------------------------------
* 03.HEADER CSS STYLE
* ----------------------------------------------------------------------------------------
*/

.fixedposition {
	  position: fixed;
}

.navbar-default {
    position: absolute;
/*    border: none; */
    background: transparent;
    margin: 0;
    padding: 0;
    transition: background 0.4s ease-in-out;
/*    top: 100px;  */
}

.navbar-default .container {
    transition: all 0.4s ease-in-out;
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
    margin: 0;
}

.navbar-right {
    margin: 0;
}

.navbar-default.header-scroll {
    background: hsla(209,47%,89%,0.50);
    padding: 0 15px;
    transition: background 0.4s ease-in-out;
    top: 0;
    position: fixed;
}

.navbar-default.header-scroll .container {
/*    background: #D5E3F0; /* #333 */
    background: hsla(209,47%,89%,0.50);
    transition: background 0.4s ease-in-out;
}

.navbar-nav {
    padding: 17px 0 0;
}

.navbar-brand {
    display: block;
/*    width: 79px;   */
    height: auto;
    padding: 15px 0;
}

.navbar-nav>li>a {
    padding: 10px 10px;
    margin: 0 10px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    background: transparent;
    color: #333333;
    border-bottom: solid 2px #3a7cec;
}

.navbar-default.header-scroll .navbar-nav>.active>a,
.navbar-default.header-scroll .navbar-nav>.active>a:focus,
.navbar-default.header-scroll .navbar-nav>.active>a:hover,
.navbar-default.header-scroll .navbar-nav>li>a:focus,
.navbar-default.header-scroll .navbar-nav>li>a:hover {
    color: #fff;
}

/* Personalizzo la navbar di bootstrap */
.navbar-default {
	background-image: none;
	border: 0px;         /* elimino  il bordo */
	margin-bottom: 0px;  /* elimino il margine */
	border-radius: 0px;  /* elimino lo smusso */
	box-shadow: 0 0 0 0; /* elimino l'ombra */

	/* Setto lo sfondo sfumato */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,82abd4+14,82abd4+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #82abd4 14%, #82abd4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#82abd4 14%,#82abd4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ffffff 0%,#82abd4 14%,#82abd4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#82abd4',GradientType=1 ); /* IE6-9 */

}



/*
* ----------------------------------------------------------------------------------------
* 04.BANNER CSS STYLE
* ----------------------------------------------------------------------------------------
*/

#banner {
    position: relative;
    padding: 100px 0;
}

#banner .banner-content {
    text-shadow: none;
}

#banner h1 {
    font-family: 'Droid Serif', serif;
    font-size: 42px;
    color: #333;
 
    margin: 100px 0 80px;
}

#banner h2 {
    font-size: 20px;
    color: #666;
    margin: 0 0 40px;
}

#banner h2:after {
    background: #666;
}


#banner p {
    font-size: 18px;
    color: #666;
    margin: 10px 0 40px;
    line-height: 24px;
    font-weight: 300;
}

#banner p span {
    color: #3a7cec;
}


/*
* ----------------------------------------------------------------------------------------
* 05.ABOUT CSS STYLE
* ----------------------------------------------------------------------------------------
*/

#about {
    background: #3a7cec;
    padding: 100px 0;
    position: relative;
}

#about:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/about-background.jpg) center center no-repeat;
    opacity: 0.05;
}

#about h2 {
    color: #fff;
}

#about h2:after {
    background-color: #fff;
}

#about p {
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 60px;
}


/*
* ----------------------------------------------------------------------------------------
* 06.Education
* ----------------------------------------------------------------------------------------
*/

#education {
    background: #fff;
    padding: 100px 0;
    position: relative;
}

#education h2 {
    color: #3a7cec;
}
#education h2:after{
    background: #3a7cec;
}

#education .timeline {
    list-style: none;
    color: #333;
    position: relative;
}

#education .timeline:before {
    content: '';
    display: block;
    width: 4px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #666;
}

#education .timeline .timeline-item {
    background: #f1f1f1;
    padding: 30px;
    width: calc(50% - 30px);
    display: block;
    float: left;
    margin-bottom: 50px;
    border-top: solid 5px #3a7cec;
    position: relative;
}

#education .timeline .timeline-item:before {
    content: '';
    display: block;
    position: absolute;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #f1f1f1;
}

#education .timeline .timeline-item:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #3a7cec;
    border-radius: 100%;
    position: absolute;
    top: 38px;
    right:-37px;
}

#education .timeline .timeline-item:nth-child(even):before {
    left: -15px;
    right: inherit;
    border-left: none;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #f1f1f1;
}

#education .timeline .timeline-item:nth-child(even):after{
    right:inherit;
    left: -37px;
}

#education .timeline .timeline-item:nth-child(even) {
    float: right;
}

#education .timeline .timeline-item:nth-child(2) {
    margin-top: 50px;
}

#education .timeline .timeline-item:last-child {
    margin-bottom: 0;
}

#education .timeline h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 30px;
    font-family: 'Droid Serif', serif;
    line-height: 36px;
}

#education .timeline h3 span{
    font-size: 30px;
    padding-right: 20px;
    display: block;
    float: left;
    padding-bottom: 30px;
}

#education .timeline p {
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 20px;
    color: #333;
    line-height: 20px;
}


/*
* ----------------------------------------------------------------------------------------
* 07.EXPERIENCE CSS STYLE
* ----------------------------------------------------------------------------------------
*/

#experience {
    background: #e7e7e7;
    padding: 100px 0;
    position: relative;
}

#experience h2 {
    color: #333;
}

#experience .timeline {
    list-style: none;
    color: #333;
    position: relative;
}

#experience .timeline:before {
    content: '';
    display: block;
    width: 4px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #666;
}

#experience .timeline .timeline-item {
    background: #f1f1f1;
    padding: 30px;
    width: calc(50% - 30px);
    display: block;
    float: left;
    margin-bottom: 50px;
    border-top: solid 5px #3a7cec;
    position: relative;
}

#experience .timeline .timeline-item:before {
    content: '';
    display: block;
    position: absolute;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #f1f1f1;
}

#experience .timeline .timeline-item:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #3a7cec;
    border-radius: 100%;
    position: absolute;
    top: 38px;
    right:-37px;
}

#experience .timeline .timeline-item:nth-child(even):before {
    left: -15px;
    right: inherit;
    border-left: none;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #f1f1f1;
}

#experience .timeline .timeline-item:nth-child(even):after{
    right:inherit;
    left: -37px;
}

#experience .timeline .timeline-item:nth-child(even) {
    float: right;
}

#experience .timeline .timeline-item:nth-child(2) {
    margin-top: 50px;
}

#experience .timeline .timeline-item:last-child {
    margin-bottom: 0;
}

#experience .timeline h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 30px;
    font-family: 'Droid Serif', serif;
    line-height: 36px;
}

#experience .timeline h3 span{
    font-size: 30px;
    padding-right: 20px;
    display: block;
    float: left;
    padding-bottom: 30px;
}

#experience .timeline p {
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 20px;
    color: #333;
    line-height: 20px;
}

/*
* ----------------------------------------------------------------------------------------
* 08.SERVICES CSS STYLE
* ----------------------------------------------------------------------------------------
*/

#services {
    background: #fff;
    position: relative;
    padding: 100px 0 100px;
}

#services h2 {
    color: #4e89ee;
}

#services h2:after {
    background-color: #4e89ee;
}


#services{
    background: url(../images/services-tiles.png) center center no-repeat #fff;
}

#services .services-item {
    margin-bottom: 30px;
    cursor: pointer;
}

#services .services-item h3 {
    font-size: 24px;
    color: #333;
    margin:0 0 20px;
}

#services .services-item p {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    font-weight: 300;
}

#services .services-item h3 span {
    font-size: 42px;
    line-height: 32px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 30px;
    color: #3a7cec;
}


/*
* ----------------------------------------------------------------------------------------
* 08.PORTFOLIO CSS STYLE
* ----------------------------------------------------------------------------------------
*/

#portfolio {
    position: relative;
    padding: 10px 0;
    background: white; /* #3a7cec; */
}

#portfolio h2 {
    color: #333
}

#portfolio h2:after {
    background-color: #333
}

#portfolio .grid-item {
    width: 33.33334%;
    height: 220px;
    overflow: hidden;
}

#portfolio .filter-navigation {
    display: block;
    text-align: center;
    list-style: none;
    margin-bottom: 40px;
}

#portfolio .filter-navigation li {
    display: block;
    margin: 0 0 30px;
    cursor: pointer;
    color: #333;
    text-align: left;
    font-size: 18px;
}

#portfolio .filter-navigation li.active {
    color: blue;
}

#portfolio .thumbnail-box {
    position: relative !important;
    width: 100%;
    overflow: hidden;
    height: 220px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 6px;
	border-style: solid;
	border-width: thin;
	border-color: #999;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

#portfolio .thumbnail-box img {
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    transition: all .2s linear;
}

#portfolio .thumbnail-box:hover img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: all .2s linear;
}

#portfolio .thumbnail-box a:before {
    display: block;
    content: "";
    height: 40%;
    width: 40%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 2;
    background: #3a7cec;
    pointer-event: none;
    margin: auto;
    transition: all 0.2s ease-out;
}

#portfolio .thumbnail-box:hover a:before {
    height: 80%;
    width: 80%;
    opacity: 0.9;
    transition: all 0.2s ease-out;
}

#portfolio .thumbnail-box a {
    display: block;
}

#portfolio .thumbnail-box h4 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    color: #fff;
    text-align: left;
    padding: 0 20px;
    font-size: 24px;
    z-index: 2;
    transition: all 0.4s ease-out;
    opacity: 0;
    text-align: center;
}

#portfolio .thumbnail-box:hover h4 {
    bottom: 80px;
    opacity: 1;
    transition: all 0.4s ease-out;
}

#portfolio .thumbnail-box p {
    position: absolute;
    margin: auto;
    display: block;
    padding: 0 20px;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    z-index: 2;
    opacity: 0;
    text-align: center;
    transition: all 0.4s ease-out;
}

#portfolio .thumbnail-box:hover p {
    bottom: 50px;
    opacity: 1;
    transition: all 0.4s ease-out;
    transition-delay: 0.2s;
}

#portfolio .thumbnail-box span.fa {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    width: 24px;
    padding: 0;
    color: #fff;
    z-index: 2;
    font-size: 24px;
    opacity: 0;
    transition: all 0.4s ease-out;
}

#portfolio .thumbnail-box:hover span.fa {
    top: 80px;
    opacity: 1;
    transition: all 0.4s ease-out;
}


/*
* ----------------------------------------------------------------------------------------
* 10.BLOG CSS STYLE
* ----------------------------------------------------------------------------------------
*/

#blog {
    position: relative;
    background: #fff;
    padding: 100px 0;
}


#blog h2 {
    color: #3a7cec;
}

#blog h2:after{
    background: #3a7cec;
}

#blog .blog-box h3 {
    font-family:  'Droid Serif', serif; 
    font-size: 24px;
    color: #333;
    margin: 0 0 20px;
}

#blog .blog-box h3 span {
    font-family: 'Roboto', sans-serif;
    color: #333;
    text-transform: none;
    font-size: 18px;
    line-height: 24px;
    display: block;
    font-weight: 300;
    float: right;
}

#blog .blog-box p {
    color: #333;
    font-size: 16px;
    line-height: 26px;
}

#blog .blog-box img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 30px;
    border: solid 5px #5e626c;
}

#blog .blog-box.blog-text-only {
    margin-bottom: 40px;
}



/*
* ----------------------------------------------------------------------------------------
* 11.TESTIMONIALS CSS STYLE
* ----------------------------------------------------------------------------------------
*/

#testimonial {
    position: relative;
    padding: 100px 0;
    background: #3a7cec;
}

#testimonial h2 {
    color: #fff;
}

#testimonial h2:after {
    background-color: #fff;
}

#testimonial .testimonial-box {
    padding: 0 0;
    text-align: center;
    min-height: 360px;
}

#testimonial .testimonial-box .client-pic {
    overflow: hidden;
    margin-bottom: 30px;
    text-align: center;
}

#testimonial .testimonial-box .client-pic img {
    border-radius: 100%;
    max-width: 50%;
    max-height: 300px;
    border: solid 10px rgba(255,255,255,0.5);
}

#testimonial .testimonial-box h3 {
    color: #fff;
    font-size: 24px;
    margin: 10px 0;
}

#testimonial .testimonial-box .position {
    font-size: 16px;
    color: #fff;
    display: block;
    font-weight: 300;
    margin: 10px 0 30px;
}

#testimonial .testimonial-box p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    display: block;
    margin: 0;
    font-weight: 300;
}

/*
* ----------------------------------------------------------------------------------------
* 12.CLIENTS LOGOS CSS STYLE
* ----------------------------------------------------------------------------------------
*/

#clients {
    position: relative;
    padding: 30px 0;
    background: #fff;
}



/*
* ----------------------------------------------------------------------------------------
* 13.CONTACT CSS STYLE
* ----------------------------------------------------------------------------------------
*/

#contact {
    background: #e7e7e7;
    position: relative;
    padding: 100px 0 100px;
    position: relative;
}

#contact:before {
    background: #3a7cec;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 41.66666667%;
}

#contact h2 {
    color: #fff;
}

#contact h2:after {
    background-color: #fff;
}

#contact .address {
    margin: 0 0 50px;
}

#contact .address h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 10px;
}

#contact .address p {
    font-size: 16px;
    color: #fff;
    margin: 0 0 10px;
    font-weight: 300;
    line-height: 20px;
}

#contact .address span {
    font-size: 16px;
    color: #fff;
    margin: 0 0 10px;
    font-weight: 300;
}

#contact hr {
    background: #fff;
}

#contact form {
    margin-top: 100px;
}

.form-control {
    color: #333;
    background: transparent;
    border: none;
    border-radius: 0;
    border: none;
    border-bottom: solid 3px #666;
    resize: none;
    margin-bottom: 50px;
    box-shadow: none;
    height: 40px;
}


.form-control::-webkit-input-placeholder{  /* Firefox 19+ */
   color: #666;  
}

.form-control:-moz-placeholder {  /* Firefox 19+ */
   color: #666;  
}

.form-control::-moz-placeholder{  /* Firefox 19+ */
   color: #666;  
}

.form-control:-ms-input-placeholder {  /* Firefox 19+ */
   color: #666;  
}

.form-control:focus {
    border-bottom: solid 3px #3a7cec;
    box-shadow: none;
}

.success {
    padding: 1em;
    margin-bottom: 0.75rem;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.error {
    padding: 1em;
    margin-bottom: 0.75rem;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid rgba(185, 74, 72, 0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/*
* ----------------------------------------------------------------------------------------
* 14.FOOTER CSS STYLE
* ----------------------------------------------------------------------------------------
*/

footer {
    background: #989ba7;
    padding: 30px 0;
}

footer .copyright {
    margin: 10px 0;
    color: #333;
}

footer .navbar-nav {
    padding: 0;
}

footer .navbar-nav>li>a {
    color: #333;
    margin:0 5px;
}