/*
* @package Debut
* @copyright (C) 2016 by Joomlastars - All rights reserved!
* @license GNU General Public License, version 2 (http://www.gnu.org/licenses/gpl-2.0.html)
* @author Joomlastars <author@joomlastars.co.in>
* @authorurl <http://themeforest.net/user/joomlastars>
*/

/* You can add new css here */

.navbar-header .navbar-brand img {
	width: 180px;
}

section.about-section .about-box .about-post a {
    color: #222222;
}

section.about-section .about-box .about-post h2 {
	color: #222222;
}

section.about-section .about-box .about-post p {
    color: #000;
}

section.services-section {
    padding: 50px 0 0;
}

.title-section h1, .title-section h4, .title-section title-h1 {
    padding-top: 10px;
}

.title-section .title-h1 small {
    display: block;
    font-size: 25px;
    letter-spacing: -1.75px;
    color: #f39002;
}

section.banner-image-section h1 {
	letter-spacing: -1.5px;
}

section.banner-page-section {
    padding: 60px 0 60px;
}

section.banner-page-section:after {
    bottom: 20px;
}

.navbar-default {
    background: #f5f5f5;
}

.item-page {
	background: #fff;
}

header.active .navbar-default {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}

header.active .navbar-nav > li > a {
    padding: 20px 0px 10px;
}

header.active .navbar-brand {
    padding: 10px 40px 10px;
}

header.active .navbar-nav > li > a:after {
    top: 42px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.objectifs-service p {
	text-align: center;
    font-size: 22px;
    text-transform: uppercase;
}

.objectifs-service p span {
	color: #f39102;
	font-weight: bold;
}

.price-section .article-content .title-h1 {
    text-align: center;
    margin-bottom: 30px!important;
}

.price-section .article-content .title-h1:after {
    content: '';
    position: absolute;
    left: calc(50% - 13px);
    bottom: 0;
    width: 36px;
    height: 3px;
    background: #f39102;
}

.price-section .container-table-price {
    margin-top: 30px;
    padding-bottom: 30px;
}

.generic_feature_list {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #f6f6f6;
    border-top: none;
    border-bottom: none;
}

section.price-section .generic_content .generic_feature_list ul li {
    border-bottom: 1px solid #f6f6f6;
    position: relative;
}

section.price-section .generic_content .generic_feature_list ul li.line-through:after {
    border-bottom: 1.5px solid #414141;
    position: absolute;
    content: "";
    width: 40%;
    height: 50%;
    top: 2px;
    left: calc(50% - 20%);
}

p.base-price-inluc {
	text-align: center;
    color: #222;
    font-size: 14px;
    font-style: italic;
    margin-top: -20px;
    padding-bottom: 10px;
}

section.skills-section {
    background-color: white;
}

section.skills-section .skills-box .skills-progress div.meter {
    background: #ffffff;
}

.owl-theme .owl-controls {
    left: -10px;
}

section.contact-info-section,
section.banner-line-section {
	background: #ffffff;	
}

#video-accueil button {
	position: absolute!important;
    top: 20px!important;
    right: 20px!important;
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #222222;
    font-size: 0px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding: 0px 20px;
    text-transform: uppercase;
    background: #ffffff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 10px;
    width: 70px;
    border: none;
}

#video-accueil button.active {
    background: #f39102;
}

#video-accueil button:after {
    content: '\f026';
    font-family: 'FontAwesome';
    font-size: 20px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #f39102;
}

#video-accueil button.active:after {
    content: '\f028';
    font-family: 'FontAwesome';
    font-size: 20px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #ffffff;
}

.copyright a {
	color: #f39002;
}

.copyright a:hover {
	color: #fdab35;
}

section.banner-line-section .banner-line-box a {
    color: #ffffff;
}

#fox-container-c140 {
	background: #fff;
}

@media (max-width: 767px) {
	#fox-container-c140 form {width: 90%;}
}

@media (min-width: 768px) {
	#fox-container-c140 form {width: 750px;}
}

@media (min-width: 992px) {
	#fox-container-c140 form {width: 970px;}
}

@media (min-width: 1200px) {
	#fox-container-c140 form {width: 1170px;}
}

#fox-container-c140 form.fox-form-stacked {
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

div#fox-container-c140 .fox-form select, div#fox-container-c140 .fox-form textarea, div#fox-container-c140 .fox-form input[type="text"] {
    border-radius: 0px;
    padding: 18px 10px;
}

#fox-c140-dropdown1-box a.chzn-single {
    border-radius: 0;
    height: 38px!important;
    line-height: 35px!important;
}

#fox-c140-dropdown1-box a.chzn-single div b {
    background-position-y: 5px!important;
}

div#fox-container-c140 .chzn-container-single .chzn-single {
    color: #555555;
    background: #ffffff;
    width: 100%;
    padding: 0 5px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #f39102;
    background-image : none!important;
}

div#fox-container-c140 select, div#fox-container-c140 textarea, div#fox-container-c140 input[type="text"] {
    border: 1px solid #f39102;
}

div#fox-container-c140 .fox-form-stacked .fox-item-submit .controls {
	width: 100%;
	text-align: left;
	margin-top: 20px;
}

div#fox-container-c140 .fox-form-stacked .fox-item-submit .controls button {
	display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #222222;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding: 13px 20px 10px;
    text-transform: uppercase;
    background: #ffffff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    border-color: #000000
}

div#fox-container-c140 .fox-form-stacked .fox-item-submit .controls button:hover {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #ffffff!important;
    background: #f39102;
    text-shadow: none!important;
    border-color: #f39102;
}

div#fox-container-c140 .fox-form-stacked .fox-item-submit .controls button:hover span {
    color: #ffffff!important;
}

div#fox-container-c140 .fox-form input[type="text"]:hover, div#fox-container-c140 .fox-form textarea:hover, div#fox-container-c140 .fox-form input[type="text"]:focus, div#fox-container-c140 .fox-form textarea:focus {
    background-color: #ffffff;
}

section.contact-info-section .info-box .info-post {
    margin-bottom: 0px;
    text-align: center;
}

section.contact-info-section .info-box .info-post h2,
section.contact-info-section .info-box .info-post p {
    margin-left: 0px;
}

section.contact-info-section .info-box .info-post p {
    font-size: 14px;
}

body#page104 .sp-simpleportfolio {
    padding: 40px;
    background: #ffffff;
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
    background: #f39102;
    border-color: #f39102;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #999999;
    font-size: 14px;
    font-family: 'Merriweather', serif;
    font-style: italic;
    padding: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: none;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a {
    background: none;
    color: #000;
    border-bottom: 2px solid #000;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li:after {
    content: '|';
    color: #999999;
    font-size: 8px;
    font-family: 'Merriweather', serif;
    margin-left: 15px;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li:last-child:after {
    display: none;
	margin-left: 0;
}

footer .up-footer .footer-widget {
    margin-bottom: 0px;
}

footer .up-footer ul.social-icons li a {
    border: 2px solid #f39102;
    color: #ffffff;
}

footer .up-footer ul.social-icons li a:hover {
    border: 2px solid #ff9700;
    background: #f39102;
    color: #ffffff;
}

footer p.copyright {
    padding: 15px 0;
}

footer .up-footer .text-widget p i,
footer ul.links-list li a i {
    color: #f39102;
}

section.testimonials-section {
	padding: 60px 0 0;
    background: white;
}

body#page103 section.contact-info-section, body#page103 section.banner-line-section {
    border-top: 2px solid #f39002;
    padding: 56px 0 50px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background-color: #F5F5F5;
}

@media (max-width: 1050px) {
	.navbar-nav > li > a {
	    margin: 0 13px!important;
	}
}

@media (max-width: 890px) {
	.navbar-brand {
	    padding: 30px 10px;
	}
	.navbar-nav {
    	padding-right: 15px;
    }
	.navbar-nav > li > a {
	    margin: 0 8px!important;
	}
}

.navbar-default .navbar-toggle {
    border-color: #000!important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #f39102!important;
}

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

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #fff!important;
}

@media (max-width: 768px) {
	section.about-section {
	    padding: 50px 0 70px;
	}
	section.about-section .about-box div div {
		text-align: center;
	}
	section.box-offer-section .box-offer-box .box-post .inner-box-post h3 {
	    font-size: 45px;
	    padding-left: 10px;
	}
	section.team-section {
	    padding: 30px 0 30px;
	}
	section.portfolio-section {
	    padding: 30px 0;
	}
	footer .up-footer .links-widget {
	    display: none;
	}
	section.about-alt-section .about-alt-box h3 {
	    padding-left: 20px;
	}
	section.article-section.bg-section .article-box .article-content h2 {
	    font-size: 34px;
	}
	section.article-section.bg-section .title-section {
	    margin-bottom: 20px;
	}
	section.team-section .team-box .team-post {
	    margin-bottom: 0px;
	}
	section.testimonials-section .testimonial-box .testimonial-post {
	    padding: 20px 0;
	}
	section.testimonials-section .testimonial-box .testimonial-post .inner-testimonial h1, section.testimonials-section .testimonial-box .testimonial-post .inner-testimonial .title-h1 {
	    letter-spacing: -1.0px;
	    padding-top: 0px;
	    padding-left: 70px;
	    font-size: 30px!important;
	}
}

@media (max-width: 767px) {
	.info-post-border {
		padding-top: 20px;
    	padding-bottom: 20px;
    	border-top: 1px solid #f39102;
    	border-bottom: 1px solid #f39102;
    	margin-top: 20px;
    	margin-bottom: 20px;
	}
	section.contact-info-section .info-box .info-post span, section.contact-info-section .info-box .info-post i {
	    display: none;
	}
	section.article-section.with-border .article-box {
	    padding: 40px;
	}
	
	.about-alt-section .about-alt-box .col-sm-5 {
	    display: none;
	}
	.testimonials-section .inner-testimonial .col-sm-5 {
		display: none;
	}
	section.testimonials-section .owl-theme .owl-controls {
	    margin-top: 0px;
	    top: 40px;
	}
	.navbar-nav li.drop ul.dropdown {
	    margin-left: 10px;
	    padding: 0;
	    box-shadow: none;
	    -webkit-box-shadow: none;
	    background: none;
	}
	header.active nav {
	    display: none;
	}
	section.box-offer-section .box-offer-box .box-post .inner-box-post {
    	padding: 45px 0 45px!important;
	}
}
 
/* ======================== */
/*   Syed Sahar Ali Raza   	*/
/* ========================	*/
body{background-color:#eee;}

/*PRICE COLOR CODE START*/
section.price-section .generic_content{
	background-color: #fff;
}

section.price-section .generic_content .generic_head_price{
	background-color: #f6f6f6;
}

section.price-section .generic_content .generic_head_price .generic_head_content .head_bg{
	background-color: #e4e4e4;
}

section.price-section .generic_content .generic_head_price .generic_head_content .head span{
	color: #525252;
}

section.price-section .generic_content .generic_head_price .generic_price_tag .price .sign{
    color: #414141;
}

section.price-section .generic_content .generic_head_price .generic_price_tag .price .currency{
    color: #414141;
}

section.price-section .generic_content .generic_head_price .generic_price_tag .price .cent{
    color: #414141;
}

section.price-section .generic_content .generic_head_price .generic_price_tag .month{
    color: #414141;
}

section.price-section .generic_content .generic_feature_list ul li{	
	color: #a7a7a7;
}

section.price-section .generic_content .generic_feature_list ul li span{
	color: #414141;
}
section.price-section .generic_content .generic_feature_list ul li:hover{
	background-color: #E4E4E4;
	border-left: 5px solid #f39102;
}

section.price-section .generic_content .generic_price_btn a{
	border: 1px solid #f39102; 
    color: #f39102;
} 

section.price-section .generic_content.active .generic_head_price .generic_head_content .head_bg,
section.price-section .generic_content:hover .generic_head_price .generic_head_content .head_bg{
	background-color: #f39102;
	color: #fff;
}

section.price-section .generic_content:hover .generic_head_price .generic_head_content .head span,
section.price-section .generic_content.active .generic_head_price .generic_head_content .head span{
	color: #fff;
}

section.price-section .generic_content:hover .generic_price_btn a,
section.price-section .generic_content.active .generic_price_btn a{
	background-color: #f39102;
	color: #fff;
} 
section.price-section{
	margin: 20px 0 50px 0;
    font-family: 'Poppins', sans-serif;
}
.row .table{
    padding: 28px 0;
}

section.banner-image-section div.banner-image-box h4 {
	margin-bottom: 40px!important;	
}

/*PRICE BODY CODE START*/

section.price-section .generic_content{
	overflow: hidden;
	position: relative;
	text-align: center;
}

section.price-section .generic_content .generic_head_price {
	margin: 0;
}

section.price-section .generic_content .generic_head_price .generic_head_content{
	margin: 0 0 50px 0;
}

section.price-section .generic_content .generic_head_price .generic_head_content .head_bg{
    height: 110px;
    width: 100%;
	position: absolute;
}

section.price-section .generic_content .generic_head_price .generic_head_content .head{
	padding-top: 40px;
	position: relative;
	z-index: 1;
}

section.price-section .generic_content .generic_head_price .generic_head_content .head span{
    font-family: "Poppins",sans-serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

section.price-section .generic_content .generic_head_price .generic_price_tag{
	padding: 0 0 20px;
}

section.price-section .generic_content .generic_head_price .generic_price_tag .price{
	display: block;
}

section.price-section .generic_content .generic_head_price .generic_price_tag .price .sign{
    display: inline-block;
    font-family: "Merriweather",sans-serif;
    font-size: 28px;
    font-weight: 400;
    vertical-align: middle;
}

section.price-section .generic_content .generic_head_price .generic_price_tag .price .currency{
    font-family: "Merriweather",sans-serif;
    font-size: 60px;
    font-weight: 300;
    letter-spacing: -2px;
    line-height: 60px;
    padding: 0;
    vertical-align: middle;
}

section.price-section .generic_content .generic_head_price .generic_price_tag .price .cent{
    display: inline-block;
    font-family: "Merriweather",sans-serif;
    font-size: 24px;
    font-weight: 400;
    vertical-align: bottom;
}

section.price-section .generic_content .generic_head_price .generic_price_tag .month{
    font-family: "Merriweather",sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
    vertical-align: bottom;
}

section.price-section .generic_content .generic_feature_list ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

section.price-section .generic_content .generic_feature_list ul li{
	font-family: "Merriweather",sans-serif;
	font-size: 18px;
	padding: 15px 0;
	transition: all 0.3s ease-in-out 0s;
}
section.price-section .generic_content .generic_feature_list ul li:hover{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;

}
section.price-section .generic_content .generic_feature_list ul li .fa{
	padding: 0 10px;
}
section.price-section .generic_content .generic_price_btn{
	margin: 20px 0 32px;
}

section.price-section .generic_content .generic_price_btn a{
    border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	-webkit-border-radius: 50px;
    display: inline-block;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    outline: medium none;
    padding: 12px 30px;
    text-decoration: none;
    text-transform: uppercase;
}

section.price-section .generic_content,
section.price-section .generic_content:hover,
section.price-section .generic_content .generic_head_price .generic_head_content .head_bg,
section.price-section .generic_content:hover .generic_head_price .generic_head_content .head_bg,
section.price-section .generic_content .generic_head_price .generic_head_content .head h2,
section.price-section .generic_content:hover .generic_head_price .generic_head_content .head h2,
section.price-section .generic_content .price,
section.price-section .generic_content:hover .price,
section.price-section .generic_content .generic_price_btn a,
section.price-section .generic_content:hover .generic_price_btn a{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
} 
@media (max-width: 320px) {	
}

@media (max-width: 767px) {
	section.price-section .generic_content{
		margin-bottom:75px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	section.price-section .col-md-3{
		float:left;
		width:50%;
	}
	
	section.price-section .col-md-4{
		float:left;
		width:50%;
	}
	
	section.price-section .generic_content{
		margin-bottom:75px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
section.price-section_home{
	 font-family: 'Poppins', sans-serif;
}

.text-center h1,
.text-center h1 a{
	color: #7885CB;
	font-size: 30px;
	font-weight: 300;
	text-decoration: none;
}
.demo-pic{
	margin: 0 auto;
}
.demo-pic:hover{
	opacity: 0.7;
}

section.price-section_home ul{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: table;
}
section.price-section_home li{
	float: left;
}
section.price-section_home li + li{
	margin-left: 10px;
	padding-bottom: 10px;
}
section.price-section_home li a{
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0px;
}
section.price-section_home .blue{
	background: #3498DB;
	transition: all 0.3s ease-in-out 0s;
}
section.price-section_home .emerald{
	background: #f39102;
	transition: all 0.3s ease-in-out 0s;
}
section.price-section_home .grey{
	background: #7F8C8D;
	transition: all 0.3s ease-in-out 0s;
}
section.price-section_home .midnight{
	background: #34495E;
	transition: all 0.3s ease-in-out 0s;
}
section.price-section_home .orange{
	background: #E67E22;
	transition: all 0.3s ease-in-out 0s;
}
section.price-section_home .purple{
	background: #9B59B6;
	transition: all 0.3s ease-in-out 0s;
}
section.price-section_home .red{
	background: #E74C3C;
	transition:all 0.3s ease-in-out 0s;
}
section.price-section_home .turquoise{
	background: #1ABC9C;
	transition: all 0.3s ease-in-out 0s;
}

section.price-section_home .blue:hover,
section.price-section_home .emerald:hover,
section.price-section_home .grey:hover,
section.price-section_home .midnight:hover,
section.price-section_home .orange:hover,
section.price-section_home .purple:hover,
section.price-section_home .red:hover,
section.price-section_home .turquoise:hover{
	border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	transition: all 0.3s ease-in-out 0s;
}
section.price-section_home .divider{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 20px;
}
section.price-section_home .divider span{
	width: 100%;
	display: table;
	height: 2px;
	background: #ddd;
	margin: 50px auto;
	line-height: 2px;
}
section.price-section_home .itemname{
	text-align: center;
	font-size: 50px ;
	padding: 50px 0 20px ;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
	text-decoration: none;
    font-weight: 300;
}
section.price-section_home .itemnametext{
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
    text-transform: uppercase;
    display: inline-block;
}
section.price-section_home .footer{
	padding:40px 0;
}

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

a.btn-zoom {
    display: none!important;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#gototop:hover {
    background-color: #df850d;
    color: #fff;
}

.banner-line-section-price {
	border-top: 1px solid #f6f6f6!important;
	padding: 20px 0!important;
}