/*=============================================================
    Authour URL: www.designbootstrap.com
    
    http://www.designbootstrap.com/

    License: MIT

    http://opensource.org/licenses/MIT

    100% Free To use For Personal And Commercial Use.

    IN EXCHANGE JUST TELL PEOPLE ABOUT THIS WEBSITE
   
========================================================  */

/*==============================
GENERAL STYLES
==============================*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
@import url(http://fonts.googleapis.com/css?family=Anton|Maven+Pro:500,700);

body {
    font-family: 'Maven Pro', sans-serif;
    line-height: 25px;
}

.pad-bottom {
    padding-bottom: 20px;
}

section {
    padding-bottom: 120px;
    padding-top: 50px;
}

.btn {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.set-bk-clr {
    background-color: #c01772;
}

.clr-set {
    color: #c01772;
}

.f-big {
    font-size: 40px;
    font-weight: 900;
}

.set-bk-clr:hover {
    background-color: rgba(107, 1, 41, 0.67);
}
/*==============================
NAVBAR STYLES
==============================*/
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}
.navbar-brand {
	padding:0px;
	
}
.navbar-brand img {
	height:50px;
	width: 200px;
	margin-left:-60px;
}
.navbar-default .navbar-toggle {
    border-color: #FFF;
	margin-top: 40px;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFF;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #cd4b93;
    }

	.navbar-default .navbar-nav > li > a {
		text-align:right;
		color: #8e8e8e;
		font-weight: 900;
		font-size: 18px;
	}	
	.navbar-default .navbar-nav > li  {
		margin: 0;
		padding: 0;
	}
	.navbar-default .navbar-nav {
		margin: 0;
		padding: 0;
		float:right;
	}

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #f2a8fa;
        text-decoration: none;
    }
.navbar-default {
    background-color: #ad1f99;
    border-color: transparent;
}
/* ADDED PADDING IN NAVBAR */
.navbar {
/*    padding: 15px;*/
    -webkit-transition: background .8s ease-out,padding .8s ease-out;
    -moz-transition: background .8s ease-out,padding .8s ease-out;
    transition: background .8s ease-out,padding .8s ease-out;
	background-color: #fff;
	border-bottom: 3px solid #cd4b93;
	
}
/* CLASS FOR REMOVING PADDING IN NAVBAR*/
.navbar-pad-original {
    padding: 0px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #c01772;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}


.main-navbar .navbar-header button{
	background-color: #cd4b93;
	
}
.main-navbar .navbar-header button:hover{
	background-color: #c01772;
}
/* =============================================================
  HEADER SECTION STYLES
 ============================================================ */

#header {
/*    background: url(../img/home.jpg) no-repeat center center;*/
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
    color: #fff;
	position:static;
/*   	margin-top: 127px; */
}

    #header .overlay {
/*        background-color: rgba(3, 3, 3, 0.5);*/
        min-height: 700px;
		
    }
	h1,h2,h3,h4,h5,h6{		
		color: #c01772;
	}
    #header h1 {
        line-height: 60px;
        font-size: 45px;
        font-weight: 900;
        padding-top: 180px;
        padding-bottom: 35px;
        color: #c01772;
    }
	
	#header h3{
		color: #c01772;
	}
    #header h4 {
        line-height: 30px;
        font-size: 12px;
        padding-bottom: 40px;
        text-transform: uppercase;
    }

/*================================
    SERVICES STYLES
==================================*/
#services {
    background: url(../img/thiocell_battle.PNG) no-repeat bottom right;
    padding: 0;
    -webkit-background-size: cover;
    background-size: 270px 481px;
    -moz-background-size: cover;
    background-attachment: fixed;
}
 #services .overlay {
        background-color: rgba(0,0,0,0.7);
        padding-top: 90px;
        min-height: 300px;
        color: #fff;
        padding-top: 100px;
        padding-bottom: 100px;    }


    #services i {
        font-size: 80px;
        padding: 30px;
        color: #c01772;
    }

/*
    #services h4 {
        padding-bottom: 5px;
        padding-top: 20px;
*/
    }
/* =============================================================
  CLIENTS SECTION STYLES
 ============================================================ */

#clients {
    background: url(../img/clients.jpg) no-repeat center center;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
}

    #clients .overlay {
        background-color: rgba(0,0,0,0.7);
        padding-top: 90px;
        min-height: 300px;
        color: #fff;
        padding-top: 100px;
        padding-bottom: 100px;
    }

	.clients-carousel {
		margin-top: 50px; /*SMALL TOP MARGIN FOR SPACE */
		padding: 0 30px 30px 30px;
	}

    .clients-carousel .thumbnail {
        border: 1px solid #c01772;
    }

    .clients-carousel .carousel-control.left {
        height: 30px;
        width: 25px;
        margin-top: 45px;
        background: #c01772;
        left: -15px;
    }

    .clients-carousel .carousel-control.right {
        height: 30px;
        width: 25px;
        margin-top: 45px;
        background: #c01772;
        right: -15px;
    }

    .clients-carousel img {
        width: 100%;
        height: 120px;
    }

#clients .thumbnail {
    background-color: transparent;
}

/* =============================================================
 PORTFOLIO SECTION STYLES
 ============================================================ */

/* FOR CHANGING COLOR OF ACTIVE CATEGORY */
#events .caegories a {
    color: #ffffff;
	padding-top: 30px;
}

/* FOR TRANSITION BEAUTIFULLY */
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

#events .work-wrapper {
    padding: 2px;
    margin: 5px 5px 10px 5px;
}

#events .work-wrapper img {
	-webkit-transition: -webkit-transform 0.25s ease;
	-moz-transition: -webkit-transform 0.25s ease;
	transition: -webkit-transform 0.25s ease;
	border: 2px solid #c01772;
	width: 370px;
	height: 220px;
	display:block;
	
}
#events .work-wrapper img:hover {
	text-decoration:none;
}
    #events a {
		clear:both;	
		transition: -webkit-transform 0.25s ease;
    }  
	#events a h1{
		 display:inline-block; 
		 margin-left: 20px;
		 color: #c01772;
		 background-color: transparent;
	}
	#events a h1:hover{
		 color: #cd4b93;
		 text-decoration:none;
	}
	#events a:hover{
		text-decoration: none;		
		-webkit-transform: scale(1.02);
		text-shadow: 10px 5px 10px white;
	}	
	#events a img:hover{
		text-decoration: none;		
		-webkit-transform: scale(1.06);
		text-shadow: 10px 5px 10px white;
	}	
/* =============================================================
  TESTIMONIAL SECTION STYLES
 ============================================================ */
#testimonial {
    background: url(../img/tiocell.jpg) no-repeat center center;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
}

    #testimonial .overlay {
        background-color: rgba(0,0,0,0.7);
        padding-top: 90px;
        min-height: 300px;
        color: #fff;
        padding-top: 100px;
        padding-bottom: 100px;
    }
/*ABOUT*/
#about {
    background-color: #ffffff;
	color: #8e8e8e;
	font-size: 16px;
}

/*
.media img {
    margin-right: 10px;
    max-height: 150px;
    margin-bottom: 20px;
    border: 2px solid #c01772;
}

    .media img:hover {
        opacity: 0.6;
    }
*/
/* =============================================================
  TEAM SECTION STYLES
 ============================================================ */

#team {
    background-color: rgba(237, 237, 237, 1);
}

.media img {
    margin-right: 40px;
    max-height: 150px;
    margin-bottom: 20px;
    border: 2px solid #c01772;
}

    .media img:hover {
        opacity: 0.6;
    }
/* =============================================================
  CONTACT SECTION STYLES
 ============================================================ */
#contact {
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
}

    #contact .overlay {
        background-color: #ffffff;
        padding-top: 90px;
        min-height: 300px;
        color: #fff;
    }
	
	#contact .overlay .row .col-md-4{
	}
	#contact .overlay .row .col-md-4 img{
		display:inline;
		margin: auto;
		opacity: 0.9;
	}	
	#contact .overlay .row .col-md-4 #right-logo{
		margin: 150px auto 50px auto;
	}
	#contact .overlay .row .col-md-4 a{
		text-decoration:none;
		margin-right: 10px;
		
	}	
	#contact .overlay .row .col-md-4 a:hover{
		color: #cd4b93;

	}	
	#contact .overlay .row .col-md-4 a img:hover{
		opacity:1;
	}
	#contact .overlay .row .col-md-4 p{
		font-size: 19px;
		color: #8e8e8e;
	}	
	
	#contact .overlay .row .col-md-4 span{
		font-size: 19px;
		color: #8e8e8e;
		margin-right: 10px;
	}	
	
	#contact .overlay .row .col-md-4 h1{
		font-size: 2.3em;
		margin-bottom: 40px;
	}

	#contact .overlay .row .col-md-4 .in-inner-content{
		font-size: 1.4em;
		margin-bottom: 40px;
	}	
	#contact .overlay .row .col-md-5 .contactform{
		margin-left: 50px;
		margin-right: 20px;
		color:#8e8e8e;
	}	
	#contact .overlay .row .col-md-5 .contactform span{ 
		font-weight:bolder;
	}	
	#contact .overlay .row .col-md-5 .contactform input{ 
		margin-bottom: 10px;
	}	
	#contact .overlay .row .col-md-5 .contactform .fo-bu-button{ 
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 70%;
		width: 30%;
	}	
	#contact .overlay .row .col-md-5 .contactform .fo-bu-button:hover{ 
		color: #c01772;
		font-weight:bolder;
	}	
/* =============================================================
  FOOTER SECTION STYLES
 =========================================================== */
footer {
    padding: 20px;
    font-size: 15px;
    text-align: center;
    font-weight: 900;
    background-color: rgba(237, 237, 237, 1);
	color:black;
}

    footer a, footer a:hover {
        color:#cc3399;
        text-decoration: none;
    }


/* =============================================================
  REVIEW SECTION STYLES
 ============================================================ */	

	 .se-section-bg{
		 background: url('../img/background-picture.jpg') no-repeat center top fixed;
		background-size: 100%;
		 
	 }
	 section .container{
		   background:transparent;
	 }
	 section .container .ro-ro-con{
		   background-color: transparent;
	 }
	 
 .re-review{
	  margin-top: 10px;
	  margin-bottom: 10px;
	  background-color: transparent;
	  
	 }
	 .re-review a h3{
		 display:inline-block; 
		 margin-left: 50px;
		 color: #c01772;
		 border-radius: 10%;
			 
		-webkit-transition: -webkit-transform 0.25s ease;
		-moz-transition: -webkit-transform 0.25s ease;
		transition: -webkit-transform 0.25s ease;
	}
	.re-review a h3:hover{
		 text-decoration:none;
		-webkit-transform: scale(1.09);
		
	}	
	.re-review a:hover{
		text-decoration: none;
	}
	.re-review a{
		text-decoration: none;
	}
	.re-review a .review-circle{
		background-color: #c01772;
		
	}
 
	.pro-promo{
		border-bottom:4px solid #c01772; 
		border-top: 4px solid #c01772; 
		padding: 10px 0px;
		background: rgba(255, 255, 255, 0.6);
	}
	.pro-promo-he{
		border-bottom:4px solid #c01772; 
		border-top: 4px solid #c01772; 
		padding: 10px 0px;	
		background: rgba(255, 255, 255, 0.9);	
	}
 
.single-item-content:hover .fancybox,
.single-item-content:hover .link-btn{
	 transform: scale(0.9);
} 

/*OTHER */
#camera_wrap_1{
	position:static;
}
.navbar{
	margin-bottom:0;
	position:static;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin-top: 5%;
}
.navbar-toggle{
	margin-right: 0px;
}
/*FAQ*/
#about .co-content-image img{
	display:block;
	margin:auto;
	margin-top: 50%;
}
@media screen and (max-width: 991px) {
	#about .co-content-image img{
		margin-top: 0%;
		width: 50%;
	}	 
}
@media screen and (max-width: 1108px) {
	 .se-section-bg{
		 background: url('../img/background-picture.jpg') no-repeat center center fixed;
		background-size: 100% 100%;
		 
	 }
}
@media screen and (max-width: 842px) {
	 .se-section-bg{
		 background: url('../img/background-picture.jpg') no-repeat center top fixed;
		background-size: 100% 100%;
		 
	 }
}
@media screen and (max-width: 820px) {
	 .se-section-bg{
		 background: url('../img/background-picture.jpg') no-repeat center top fixed;
		background-size: 100% 100%;
		 
	 }
}
@media screen and (max-width: 614px) {
	 .se-section-bg{
		 background: url('../img/background-picture.jpg') no-repeat center top fixed;
		background-size: 700% 100%;		 
	 }
}