/******************************************/

@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700';
@import 'https://fonts.googleapis.com/css?family=Raleway:300,400,500i,700&subset=latin-ext';
@import 'https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900';

.topbar {
    padding: 10px 0;
}

.topbar p {
    padding: 0;
    margin: 0;
}

.topbar ul {
    margin-bottom: 0;
}

.topbar a,
.topbar p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
}

.topbar .fa-envelope-o,
.topbar .fa-phone {
    padding-right: 4px;
}

.customform,
.pricing-box h3 {
    background-color: #454443;
}

.customform {
    border-color: #313131;
}

.topbar .social-small li .fa {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
}

.reviewwrapper blockquote {
    background-color: #f3f6f9 !important;
}

.featured::before,
.freelancer-wrap .btn::before {
    border-color: #0a619a transparent transparent #0a619a;
}

.sidebar .submit-form .form-control {
    background-color: #313131;
}

.customwidget hr {
    background-color: #1a1a1a;
}

.customwidget,
.testimonials blockquote,
.pricing-price p,
.db,
.topbar,
.footer {
    background-color: #454443;
}


.topbar{ background:transparent linear-gradient(#bf122f 50%, #a12126) repeat scroll 0 0; color:#fff}
.topbar a, .topbar p { color:#fff}
.topbar .fa{ color:#ccc !important }

.homehero {
    padding: 12em 0 5em;
}

.home-message h1 {
    font-size: 32px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.svg-wrapper {
    overflow: hidden;
    position: relative;
    transform: translateY(-50%);
    margin: 0 auto;
}

.shape {
    stroke-dashoffset: -474;
    stroke-width: 3px;
    fill: transparent;
    stroke: #2980b9;
    border-bottom: 5px solid black;
    transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s
}

.ttext {
    position: relative;
    top: 64px
}

.svg-wrapper:hover .shape {
    stroke-width: 3px;
    stroke-dashoffset: 0;
    stroke-dasharray: 760
}

.homehero .btn-custom:hover,
.homehero .btn-custom:focus,
.homehero .btn-custom {
    -moz-osx-font-smoothing: auto;
    background-color: #2980b9 !important;
    border: 0 none;
    box-sizing: border-box;
    color: #ffffff !important;
    cursor: pointer;
    border-radius: 0 !important;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    margin: 12px 5px;
    padding: 15px 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.home-message p {
    color: #5d5d5d;
    font-size: 18px;
    font-style: italic;
    line-height: 1.8;
    margin: 0;
    padding: 20px 0;
}

.stickyfooter {
    position: relative;
    background: #454443 !important;
}



.section-title hr {
    margin: 0 auto 20px;
    width: 80px;
    border-width: 3px;
}

.lead {
    font-size: 16px;
}



#wrapper {
    padding-bottom: 0;
}

#sitefooter-wrap {
    padding: 30px 0 20px !important;
}

.job-meta p,
.cart-body .panel-info > .panel-heading,
.submit-form label,
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.nav-pills > li:hover a,
.nav-pills > li:focus a,
.service-list i,
.dropdown-header,
.header .nav-tabs > li > a,
a,
h1,
h2,
h3,
h4,
h5,
h6,
.navbar-default .navbar-nav > li > a {
    color: #2c3e50;
}

.lb .page-title h1,
.wb .page-title h1,
.pagination > li > a,
.pagination > li > span,
li.dropdown.membermenu a.dropdown-toggle:focus,
li.dropdown.membermenu a.dropdown-toggle:hover,
li.dropdown.membermenu a.dropdown-toggle,
.navbar-brand.with-text {
    color: #fff !important;
}


/******************************************
    FONTS
******************************************/

body,
li,
p {
  /*  font-family: "Roboto", sans-serif;
    font-weight: normal !important;*/
}

.cart-body .panel-info > .panel-heading,
.portfolio-filter li,
.readmore,
.dropdown-header,
.loadmorebutton .btn,
.with-text,
h1,
h2,
h3,
h4,
h5,
h6,
.page-title h1,
.section-title h4 {
  font-family: 'SagemcomTitleLight';
    font-weight: bold !important;
}

.topbar p,
.btn,
.pager a,
.contact-details li,
.item-price small a,
.customwidget li,
.pricing-price p,
.testimonials blockquote p,
.tooltip-inner,
.stickyfooter p,
.stickyfooter li,
.btn-primary,
.navbar-default .navbar-nav > li > a,
.freelancer-list .badge,
.customform .btn-group-vertical > .btn,
.customform .btn-group > .btn,
.customform .form-control,
.submit-form .form-control,
.clients-name,
.blog-meta li a,
.lead,
small,
.home-title p,
.job-meta p,
.company-links li a,
.job-tab small {
    font-family: 'Montserrat';
    font-weight: 400 !important;
}


/* Webfont: SagemcomTitle-Black */
@font-face {
	font-family: 'SagemcomTitleBlack';
	src: url('../fonts/SagemcomTitle-Black.eot'); /* IE9 Compat Modes */
	src: url('../fonts/SagemcomTitle-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/SagemcomTitle-Black.woff') format('woff'), /* Modern Browsers */ url('../fonts/SagemcomTitle-Black.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/SagemcomTitle-Black.svg#SagemcomTitle-Black') format('svg'); /* Legacy iOS */
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}
/* Webfont: SagemcomTitle-Light */
@font-face {
	font-family: 'SagemcomTitleLight';
	src: url('../fonts/SagemcomTitle-Light.eot'); /* IE9 Compat Modes */
	src: url('../fonts/SagemcomTitle-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/SagemcomTitle-Light.woff') format('woff'), /* Modern Browsers */ url('../fonts/SagemcomTitle-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/SagemcomTitle-Light.svg#SagemcomTitle-Light') format('svg'); /* Legacy iOS */
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}
/*--------------------------------------------------*/

.post-padding > form > .row { margin-bottom:15px}
.post-padding h3 { 
    margin-top: 0;
    font-size: 18px;
	font-family:Verdana, Geneva, sans-serif;
	 margin-bottom: 10px;
    margin-top: 10px;
    color: #1f94ca;
}
.sidebar .nav-pills li a { font-size:16px !important;
font-family: Verdana,Geneva,sans-serif;
color: #fff;

}
.sidebar .nav-pills li a > .fa { color:#bf122f; font-size:13px}


/*.sidebar .nav-pills .active > a, .sidebar .nav-pills li:hover > a  {color:#bf122f !important; font-size: 17px; padding-left:30px}*/

#BB-nav.affix {
  position: fixed;
  top: 0px;
  -webkit-transition: top 1s ease-in;
  transition: top 1s ease-out;
  width:360px;
  /*z-index: 80 !important*/
}
@media screen and (max-width: 991px) {
  #BB-nav.affix {
  position: relative;

  width:100%;
  /*z-index: 80 !important*/
    }
}
/*Input Type=Number*/
/*For mozila*/
 input[type=number] { 
      -moz-appearance: textfield;
      appearance: textfield;
      margin: 0; 
    }
	/*For Chrome*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
}

.alert {
   border-radius: 0;
    margin-bottom: 0;
    padding: 15px 20px;	
}


.details-offre .fa.fa-circle {
    color: #18293b;
    font-size: 10px;
    margin-right: 6px;
    position: relative;
    top: -1px;
}