/* header */
#header{width: 100%; height:100%; background: #0ac4f1; color: #efeaea;}
#header .navbar-inverse {background-color:#0ac4f1;; border-color:transparent;}
.navbar-brand{padding:0px;}
.navbar-brand img{height:inherit;}
.navbar-inverse .navbar-nav>li>a{ font-size:18px; color:#efeaea;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {color: #0e2fdc; background-color: transparent; font-size:18px;}
#header .container h1{text-align: center; color: #efeaea; margin-top:300px; font-size:150%; font-family: "Raleway", Helvetica, Arial, sans-serif;}
#header .container p{text-align: center; color: #efeaea; margin-top:50px; font-size:100%; font-family: "Raleway", Helvetica, Arial, sans-serif;}
#header  a .button{ width:180px; height:50px; margin-top: 50px; border-radius:20px; background-color: #0a1ef175; margin-bottom: 50px; color:#daaeae;}
#header .button:hover{ background-color:#0a1ef1bf; color: #efeaea;}
/* #header .container a{color: #efeaea;} */
#about{width:100%; margin-bottom:100px;}
#about h2{ margin-top: 100px; margin-bottom:40px !important; color: #0ac4f1;}
#about p{font-size:18px; margin-top:40px !important; margin-bottom:40px; font-family:"Raleway", Helvetica, Arial, sans-serif;}
#about .circle{width:160px; height:160px; border: 6px solid #0ac4f1 !important; border-radius: 50%; display: inline-block; margin-top:50px; font-family:"Raleway", Helvetica, Arial, sans-serif; text-align:center; padding-top:15px; font-weight:500; margin-left: 15%;}
#about span.top-circle{width:70px; height:70px; border-radius:50%; background-color:#f3f0f0; position:absolute; top:36px; text-align: center;line-height:70px; color:#efeaea; font-weight: 800;     border: 2px solid #0ac4f1;}
#about span img{ width:40px; height: 40px;}
.aboutMindiv{width:80% !important; margin-left: auto !important; margin-right: auto !important;}
#feature h3{color: #0ac4f1; font-size:30px; margin-top:50px; margin-bottom: 50px;}
#feature p{font-size:18px; margin-top:40px !important; margin-bottom:40px; font-family:"Raleway", Helvetica, Arial, sans-serif; text-align:center;}
#feature h4{color: #0ac4f1; font-size:24px; margin-top:20px;}
#feature{ width:100%; margin-top: 50px; margin-bottom:50px;}
#feature .featureIcon{ width:100px; height:100px; border-radius: 50%; background-color: #0ac4f1; margin-top:30px;}
.iconSize{ font-size: 30px; color: #efeaea; margin-top:35px; margin-left:35px;}
#portfolio{width:100%; margin-bottom:50px;}
#portfolio h3{color: #0ac4f1; font-size:30px; margin-top:50px; margin-bottom: 50px;}
#portfolio h4{color: #0ac4f1; font-size:24px; margin-top:20px;}
#portfolio p{font-size:18px; margin-top:40px !important; margin-bottom:40px; font-family:"Raleway", Helvetica, Arial, sans-serif;}
#portfolio .col-md-3{padding-left:0px; padding-right:0px;}
#portfolio .imgDiv{width:100%;}
#portfolio .imgDiv img{width:100%; overflow:hidden;}
#contact{width:100%; background-color:#f7f7f7; padding-bottom:50px;}
#contact h3{color: #0ac4f1; font-size:30px; margin-top:50px; margin-bottom: 50px;}
#contact p a{color: #333}
#contact.contactDiv{ width:100%; margin-bottom:50px;}
#contact .contactDiv i.fa{font-size:35px; color:#0ac4f1;}
#contact .contactDiv p{ margin-top:20px; line-height: 27px;}
#contact .contactDiv .btn{ width:180px; height:40px; margin-top: 30px; border-radius:20px; background-color: #0a1ef175; margin-bottom: 50px; color:#daaeae;}
#contact .contactDiv .btn:hover{background-color: #0a1ef1bf; color: #efeaea;}
#contact .socialDiv i{font-size:18px; color:#0ac4f1; margin-top:40px; margin-bottom:30px; font-size:40px; margin-left:20px;}
#footer{width:100%; margin-top:50px; background-color: #000;}
#footer p{font-size:18px; color:#f7f7f7; margin-top:20px; margin-bottom:10px; text-align: center; text-transform: capitalize;}

/* jquery class */
.error{color:red;}

.flip {
    width: 100%;
    
}
.flip img {
    width: 100%;
	overflow:hidden;
}
.flip .back {
    background: #2184cd;
    color: #fff;
    text-align: center;
	overflow: hidden;
	line-height: 2.5;
}
/* testimonial slider */
#testimonial {margin-bottom:40px;}
#testimonial .row{background-color:#3e2a41;}
#testimonial h3{color: #0ac4f1; font-size:30px; margin-top:50px; margin-bottom: 50px;}
#testimonial p{font-size:18px; margin-top:40px !important; margin-bottom:40px; font-family:"Raleway", Helvetica, Arial, sans-serif; text-align:center;}
.testimonial{margin-top:50px; margin-bottom: 50px;}
.testimonial .testimonial-content{width:20%; display: inline-block; float: left;}
.testimonial .pic{width:100px; height:100px; border:5px solid #f7f7f7; border-radius:50px;}
.testimonial .pic img{width:100%;}
.testimonial .title{font-size: 18px; color:#f7f7f7; font-family:"Raleway", Helvetica, Arial, sans-serif;}
.testimonial .post{font-size: 12px; color:#f7f7f7; font-family:"Raleway", Helvetica, Arial, sans-serif; margin-left: 20px;}
.testimonial .description{padding:20px 10px; font-size: 12px; color:#f7f7f7; font-family:"Raleway", Helvetica, Arial, sans-serif; border:1px solid #f7f7f7; margin-left:30%; text-align:center;}
/* .testimonial .description:before{ */
	/* content: ""; */
	/* height:10px; */
	/* top:65px; */
	/* left:205px; */
	/* border: 10px solid transparent; */
	/* border-right:10px solid #f7f7f7; */
	/* position:absolute; */
	
/* } */
.btn:focus, .btn:hover, .btn:active{outline:none !important; border:none;}
@media only screen and (max-width: 768px){
    .testimonial .testimonial-content{
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .testimonial .description{
        width: 45%;
    }
    /* .testimonial .description:before{ */
        /* border: 10px solid transparent; */
        /* border-bottom: 10px solid rgba(255,255,255,0.15); */
		/* border-right:10px solid #f7f7f7; */
        /* position: absolute; */
        /* top: -20px; */
        /* left: 47.5%; */
    /* } */
	.testimonial .description {
    padding: 20px 10px;
    font-size: 12px;
    color: #f7f7f7;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    border: 1px solid #f7f7f7;
    margin-left: 46%;
    text-align: center;
    margin-top: -208px;
  }
  .testimonial{margin-top:27%; margin-bottom: 50px;}
}







@media only screen and (max-width:558){
	#header .container h1{text-align: center; color: #efeaea; margin-top:300px; font-size:25px !important; font-family: "Raleway", Helvetica, Arial, sans-serif;}
	#header .container p{text-align: center; color: #efeaea; margin-top:50px; font-size:18px !important; font-family: "Raleway", Helvetica, Arial, sans-serif;}
}