@import url( http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600 );
@import url( http://fonts.googleapis.com/css?family=Oswald:400,300 );
body {
	background-position: 50% 50%; font-family: "Open Sans", sans-serif; background-attachment: fixed; background-size: cover; background-color: rgb(238, 238, 238);
}
a {
	outline: 0px;
}
a:hover {
	outline: 0px;
}
a:focus {
	outline: 0px;
}
a:active {
	outline: 0px;
}
a.active {
	outline: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
li {
	list-style: none;
}
a {
	color: rgb(255, 67, 46); text-decoration: none;
}
a:hover {
	text-decoration: none;
}
p {
	line-height: 21px; font-family: "Open Sans", sans-serif; font-size: 13px;
}
.btn-primary {
	border-color: rgb(255, 67, 46); border-radius: 3px; transition:0.3s; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 300; background-color: rgb(255, 67, 46); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -moz-transition: all 0.3s;
}
.btn-primary:hover {
	border-color: rgb(234, 50, 30); color: rgb(255, 255, 255);
}
.btn-primary:focus {
	border-color: rgb(234, 50, 30); color: rgb(255, 255, 255);
}
.btn-primary:active {
	border-color: rgb(234, 50, 30); color: rgb(255, 255, 255);
}
.active.btn-primary {
	border-color: rgb(234, 50, 30); color: rgb(255, 255, 255);
}
.open .btn-primary.dropdown-toggle {
	border-color: rgb(234, 50, 30); color: rgb(255, 255, 255);
}
.disabled.btn-primary {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
[disabled].btn-primary {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
fieldset[disabled] .btn-primary {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
.disabled.btn-primary:hover {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
[disabled].btn-primary:hover {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
fieldset[disabled] .btn-primary:hover {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
.disabled.btn-primary:focus {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
[disabled].btn-primary:focus {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
fieldset[disabled] .btn-primary:focus {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
.disabled.btn-primary:active {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
[disabled].btn-primary:active {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
fieldset[disabled] .btn-primary:active {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
.active.disabled.btn-primary {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
[disabled].active.btn-primary {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
fieldset[disabled] .active.btn-primary {
	border-color: rgb(255, 67, 46); background-color: rgb(255, 67, 46);
}
.section-title h3 {
	color: rgb(102, 102, 102) !important; text-transform: none; font-family: "Oswald", sans-serif; font-size: 28px;
}
.section-title p {
	color: rgb(153, 153, 153); padding-bottom: 60px; font-size: 18px; font-weight: 300;
}
#logo-section {
	
}
footer {
	padding: 15px 15% 5px; width: 100%; height: 50px; bottom: 0px; color: rgb(255, 255, 255); position: fixed; z-index: 300; background-color: rgb(34, 34, 34);
}
.logo h1 {
	color: rgb(255, 255, 255); font-family: "Lobster", cursive; font-size: 60px;
}
.navbar-brand {
	color: rgb(255, 255, 255); font-family: "Lobster", cursive; font-size: 28px;
}
.navbar-quote {
	padding-left: 10px; font-family: "Open Sans", cursive; font-size: 14px; font-weight: normal; vertical-align: middle;
}
a.navbar-brand:hover .navbar-quote {
	color: rgb(40, 171, 227);
}
.navbar-nav li a i {
	padding: 0px 5px;
}
.logo span {
	color: rgb(153, 153, 153);
}
.blue {
	background: rgb(40, 171, 227);
}
.green {
	background: rgb(114, 191, 72);
}
.red {
	background: rgb(255, 67, 46);
}
.light-red {
	background: rgb(251, 102, 72);
}
.light-orange {
	background: rgb(250, 105, 0);
}
.light-grey {
	background: rgb(224, 224, 224);
}
.color {
	background: rgb(14, 206, 171);
}
.mainbody-section {
	padding-top: 50px; padding-bottom: 30px;
}
.menu-item {
	transition:0.3s; color: rgb(255, 255, 255); padding-top: 20px; padding-bottom: 20px; margin-bottom: 30px; -webkit-transition: all 0.3s;
}
.menu-item a {
	transition:0.3s; color: rgb(255, 255, 255); display: block; -webkit-transition: all 0.3s;
}
.menu-item a p {
	font-family: "Oswald", sans-serif; font-size: 20px; font-weight: 300;
}
.menu-item a i {
	padding-bottom: 20px; font-size: 50px;
}
.menu-item:hover a i {
	transition:0.3s; padding-bottom: 16px; font-size: 54px; text-decoration: none; -webkit-transition: all 0.3s;
}
.menu-item:hover a p {
	transition:0.3s; font-size: 22px; text-decoration: none; -webkit-transition: all 0.3s;
}
@media only screen and (max-width:991px) and (min-width:600px)
{
.menu-item {
	width: 32.8%; display: inline-block;
}
.responsive.menu-item {
	width: 49.5%; margin-right: 3px; float: left;
}
.responsive-2.menu-item {
	width: 49.5%; float: right;
}
}
@media only screen and (max-width:1199px) and (min-width:992px)
{
.menu-item {
	padding-top: 15px; padding-bottom: 15px;
}
.menu-item a i {
	font-size: 32px;
}
.menu-item a p {
	font-size: 16px;
}
}
.home-slider img {
	width: 100%; height: auto;
}
.home-slider .carousel-indicators {
	bottom: 10%; position: absolute;
}
.home-slider .carousel-indicators .active {
	background-color: rgb(255, 67, 46);
}
.copyright {
	background: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); padding-top: 20px; padding-bottom: 20px;
}
.section-modal .modal-content {
	padding: 100px 0px !important; border-radius: 0px; border: 0px currentColor !important; border-image: none !important; color: rgb(136, 136, 136); font-weight: 300; min-height: 100%; box-shadow: none !important; background-clip: border-box; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.section-modal .close-modal {
	top: 25px; width: 75px; height: 75px; right: 25px; position: absolute; cursor: pointer; background-color: transparent;
}
.section-modal .close-modal:hover {
	opacity: 0.3;
}
.section-modal .close-modal .lr {
	width: 1px; height: 75px; margin-left: 35px; z-index: 1051; transform: rotate(45deg); background-color: rgb(34, 34, 34); -webkit-transform: rotate(45deg);
}
.section-modal .close-modal .lr .rl {
	width: 1px; height: 75px; z-index: 1052; transform: rotate(90deg); background-color: rgb(34, 34, 34); -webkit-transform: rotate(90deg);
}
.feature {
	padding-bottom: 80px;
}
.feature-2 {
	padding-bottom: 80px;
}
.feature {
	text-align: center;
}
.feature h4 {
	color: rgb(102, 102, 102); font-family: "Oswald", sans-serif; font-size: 15px; font-weight: 300;
}
.feature-2 h4 {
	color: rgb(68, 68, 68); padding-bottom: 10px; font-family: "Oswald", sans-serif; font-size: 15px; font-weight: 300;
}
.feature p {
	color: rgb(68, 68, 68); line-height: 20px; font-size: 13px; font-weight: 300;
}
.feature-2 p {
	color: rgb(68, 68, 68); line-height: 20px; font-size: 13px; font-weight: 300;
}
.feature i {
	background: rgb(255, 67, 46); padding: 25px; border-radius: 70%; transition:box-shadow 0.6s ease-in-out; width: 100px; height: 100px; color: rgb(255, 255, 255); font-size: 3.5em; margin-bottom: 10px; position: relative; box-shadow: 0px 0px 0px 30px transparent; -webkit-transition: box-shadow .6s ease-in-out; -o-transition: box-shadow .6s ease-in-out; -webkit-transform: translate3d(2, 2, 2); -o-transform: translate3d(2, 2, 2); -webkit-border-radius: 70%; -moz-border-radius: 70%; -o-border-radius: 70%; -moz-transition: box-shadow .6s ease-in-out; -moz-transform: translate3d(2, 2, 2);
}
.no-touch .feature:hover i {
	transition:box-shadow 0.4s ease-in-out; box-shadow: 0px 0px 0px 0px #ff432e; -webkit-transition: box-shadow .4s ease-in-out; -o-transition: box-shadow .4s ease-in-out; -moz-transition: box-shadow .4s ease-in-out;
}
.no-touch .feature:active i {
	transition:box-shadow 0.4s ease-in-out; box-shadow: 0px 0px 0px 0px #ff432e; -webkit-transition: box-shadow .4s ease-in-out; -o-transition: box-shadow .4s ease-in-out; -moz-transition: box-shadow .4s ease-in-out;
}
.no-touch .feature:focus i {
	transition:box-shadow 0.4s ease-in-out; box-shadow: 0px 0px 0px 0px #ff432e; -webkit-transition: box-shadow .4s ease-in-out; -o-transition: box-shadow .4s ease-in-out; -moz-transition: box-shadow .4s ease-in-out;
}
.feature-2 i {
	padding: 1px 10px 0px 1px; color: rgb(255, 67, 46); font-size: 3em; position: relative;
}
.portfolio-item {
	margin-bottom: 30px; position: relative;
}
.portfolio-item .portfolio-details {
	background: rgba(0, 0, 0, 0.8); top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0;
}
.portfolio-item .portfolio-details h4 {
	color: rgb(255, 255, 255); padding-top: 20%; padding-bottom: 10%; font-family: "Oswald", sans-serif; font-size: 20px; font-weight: 300;
}
.portfolio-item .portfolio-details a i {
	font-size: 30px;
}
.portfolio-item:hover .portfolio-details {
	animation:pulse 300ms; opacity: 1; -webkit-animation: pulse; -webkit-animation-duration: 300ms;
}
.about-text {
	padding-bottom: 50px;
}
.about-text p {
	text-align: justify; color: rgb(119, 119, 119);
}
.about-text ul {
	font-size: 13px; margin-top: 30px;
}
.about-text li {
	color: rgb(153, 153, 153); margin-bottom: 10px;
}
.about-text li i {
	color: rgb(255, 67, 46); padding-right: 10px;
}
.skill {
	padding-bottom: 5px;
}
.skill p {
	margin-bottom: 7px;
}
.progress {
	background: rgb(249, 249, 249); border-radius: 0px; height: 20px; overflow: visible; margin-bottom: 10px; box-shadow: none; -webkit-box-shadow: none;
}
.progress-bar {
	background: rgb(255, 67, 46); transition:width 0.6s; height: 100%; text-align: center; color: rgb(255, 255, 255); font-size: 12px; float: left; position: relative; box-shadow: none; -webkit-box-shadow: none; -webkit-transition: width 0.6s ease;
}
.progress-bar-span {
	background: rgb(172, 178, 184); padding: 3px 10px; border-radius: 0px; transition:0.5s ease-in-out; top: -5px; right: 0px; color: rgb(255, 255, 255); position: absolute; opacity: 1; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;
}
.skill:hover .progress-bar-span {
	transition:0.5s ease-in-out; opacity: 1; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;
}
.custom-tab .nav-justified.nav-tabs > .active > a {
	border-radius: 0px; color: rgb(102, 102, 102); border-bottom-color: rgb(221, 221, 221);
}
.custom-tab .nav-justified.nav-tabs > .active > a:hover {
	border-radius: 0px; color: rgb(102, 102, 102); border-bottom-color: rgb(221, 221, 221);
}
.custom-tab .nav-justified.nav-tabs > .active > a:focus {
	border-radius: 0px; color: rgb(102, 102, 102); border-bottom-color: rgb(221, 221, 221);
}
.custom-tab .nav-justified.nav-tabs {
	background: rgb(255, 67, 46); margin-bottom: 20px;
}
.custom-tab .nav-justified.nav-tabs > li {
	border-right-color: rgb(241, 241, 241); border-right-width: 1px; border-right-style: solid;
}
.custom-tab .nav-justified.nav-tabs > li:last-child {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.custom-tab .nav-justified.nav-tabs > li > a {
	padding: 10px; color: rgb(255, 255, 255); font-family: "Oswald", sans-serif; font-size: 18px; font-weight: 300;
}
.custom-tab .nav-justified.nav-tabs > li > a:hover {
	border-radius: 0px; color: rgb(51, 51, 51);
}
.custom-tab .tab-content .tab-pane p {
	text-align: justify; color: rgb(119, 119, 119);
}
@media only screen and (max-width:991px) and (min-width:320px)
{
.custom-tab {
	margin-top: 30px;
}
}
.pricing-section {
	background: rgb(245, 245, 245); padding: 80px 0px;
}
.pricing-table {
	background: rgb(255, 255, 255); text-align: center;
}
@media only screen and (max-width:991px) and (min-width:320px)
{
.pricing-table {
	margin-bottom: 30px;
}
}
.plan-name {
	background: rgb(255, 67, 46); padding: 15px 0px;
}
.plan-name h3 {
	color: rgb(255, 255, 255); font-weight: 300;
}
.plan-price {
	padding: 25px 0px;
}
.plan-price .price-value {
	color: rgb(68, 68, 68); line-height: 40px; font-size: 38px; font-weight: 600;
}
.plan-price .price-value span {
	line-height: 18px; font-size: 18px; font-weight: 300;
}
.plan-price .interval {
	line-height: 14px;
}
.plan-list li {
	padding: 13px; font-size: 14px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.plan-list li:first-child {
	border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.plan-signup {
	background: rgb(255, 67, 46); padding: 25px 0px;
}
.plan-signup a {
	color: rgb(255, 255, 255); text-transform: uppercase;
}
.team-member {
	width: 100%; margin-bottom: 30px; position: relative;
}
.team-details {
	background: rgba(0, 0, 0, 0.8); top: 0px; width: 100%; height: 100%; padding-left: 10px; font-family: "Open Sans", sans-serif; position: absolute; opacity: 0;
}
.team-member img {
	width: 100%; height: auto;
}
.team-details h4 {
	text-align: center; color: rgb(255, 67, 46); text-transform: none; padding-top: 20%; font-family: "Oswald", sans-serif; font-size: 25px; font-weight: 300;
}
.team-details .designation {
	text-align: center; color: rgb(255, 255, 255); font-size: 16px; font-weight: 300;
}
.team-details ul {
	padding-top: 40%;
}
.team-details li {
	list-style: none; padding-right: 10px; display: inline-block;
}
.team-details li a {
	background: rgb(255, 67, 46); padding: 5px 8px; border-radius: 2px; color: rgb(255, 255, 255); -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px;
}
.team-member:hover .team-details {
	animation:pulse 300ms; opacity: 1; -webkit-animation: pulse; -webkit-animation-duration: 300ms;
}
.latest-post {
	padding-bottom: 20px;
}
.latest-post h4 {
	padding-top: 20px; padding-bottom: 5px;
}
.latest-post h4 a {
	color: rgb(255, 67, 46);
}
.latest-post .post-details li {
	color: rgb(153, 153, 153); padding-right: 10px; font-size: 13px; display: inline;
}
.latest-post .post-details li i {
	color: rgb(255, 67, 46); padding-right: 5px;
}
.latest-post p {
	padding: 15px 0px; text-align: justify; color: rgb(153, 153, 153); font-weight: 300;
}
.footer-contact-info {
	background: rgb(255, 67, 46); padding: 20px 30px; border-radius: 3px; color: rgb(255, 255, 255); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;
}
@media only screen and (max-width:991px) and (min-width:320px)
{
.footer-contact-info {
	margin-top: 30px; margin-bottom: 30px;
}
}
.footer-contact-info ul {
	padding-bottom: 10px;
}
.footer-contact-info h4 {
	padding-bottom: 10px;
}
.footer-contact-info li strong {
	font-weight: 600;
}
.footer-social {
	padding: 78px 0px; border-radius: 3px; border: 1px solid rgb(255, 67, 46); border-image: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;
}
.footer-social li {
	padding: 0px 10px; display: inline-block;
}
@media only screen and (max-width:360px)
{
.footer-social li {
	padding: 0px 5px;
}
}
.footer-social li a {
	background: rgb(255, 67, 46); padding: 8px; border-radius: 2px; border: 1px solid rgb(255, 67, 46); border-image: none; color: rgb(255, 255, 255); -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px;
}
.footer-social li i {
	width: 20px; height: 20px; font-size: 15px;
}
.footer-social li:hover a {
	background: rgb(255, 255, 255); color: rgb(102, 102, 102);
}
.contact .btn-primary {
	padding: 20px; font-size: 16px;
}
.contact .btn-primary:hover {
	background: none;
}
.contact .section-title h3 {
	color: rgb(255, 255, 255);
}
.contact .section-heading {
	color: rgb(255, 255, 255);
}
.contact .form-group {
	margin-bottom: 25px;
}
.contact .form-group input {
	padding: 20px;
}
.contact .form-group textarea {
	padding: 20px;
}
.contact .form-group input.form-control {
	height: auto;
}
.contact .form-group textarea.form-control {
	height: 236px;
}
:-ms-input-placeholder.contact {
	color: rgb(187, 187, 187); text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700;
}
.contact .text-danger {
	color: rgb(231, 76, 60);
}
.contact button {
	font-weight: 400; margin-top: 30px;
}
.contact .btn-primary {
	padding: 20px; font-size: 16px;
}
.contact .btn-primary:hover {
	background: none; color: rgb(255, 67, 46);
}
.testimonial {
	margin-bottom: 80px;
}
.testimonial h4 {
	padding-top: 20px; padding-bottom: 20px; font-family: "Oswald", sans-serif; font-weight: 300;
}
.testimonial .speech {
	background: rgb(255, 67, 46); padding: 20px; color: rgb(255, 255, 255);
}
.pink {
	background: rgb(220, 0, 150);
}
.icone-caisse {
	padding-right: 5px;
}