/* Typo */

.sep-line{
    border-bottom: 1px solid #eee;
}

/* Boutons */

/* Boutons principaux */

.btn-primary{ 
    color: #FFF; /* Couleur du texte */
    background-color: #fa9008; /* Couleur du background */
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{
    color: #FFF; /* Couleur du texte en hover */
    background-color: #80A000; /* Couleur du Background en hover */
}

/* Bouton 2 (par ex. boutons formulaires) */ 

.btn2{ 
    color: #FFF; /* Couleur du texte */
    background-color: #0587F5; /* Couleur du background */
}
.btn2:hover, .btn2:focus, .btn2:active, .btn2.active{
    color: #FFF; /* Couleur du texte en hover */
    background-color: #046CC4; /* Couleur du Background en hover */
}

/* Labels */

.label-success{
    background: #fa9008;   
}

/* Paragraphes lorem */

.lorem > h4{ 
    color: #fa9008; /* Titre lorem */
}
.lorem > h4 > .alt-color{ 
    color: #000; /* Couleur de titre alternative lorem (ex. dans le compte client -> /client) */
}
.lorem > p{
    color: #989696; /* Paragraphe lorem */
}
.lorem2 > h4{
    color: #2280cc; /* Titre lorem2 */ 
}
.lorem2 > h4 > .alt-color{
    color:#000; /* Couleur de titre alternative lorem2 */ 
}
.lorem2 > p{
    color: #989696; /* Paragraphe lorem2 */   
}
.lorem3 > h4{ 
    color: #8f8d8d;
    font-size: 18px;
    font-weight: 200;
}
.lorem3 > p{
    
}

/* Fil d'ariane actif */ 

.breadcrumb > .active {
    color: #fa9008;
}

/* Titres avec background uni */

.bg-title {
    background: #fa9008; /* Background du titre */
    color: #000; /* Couleur principale */
}
.bg-title .bg-highlight {  
    color: #fff; /* Couleur alternative */
}

/* Header Navigation (Menu) */

.top-links a { /* lien connexion */
    color: #428BCA;
}
/*.top-links a:hover { 
    color: #fa9008;
}*/
.header{
	background: url(http://www.diddl.fr/lib/menu.jpg) repeat-x; /* Background du menu */
} 
.header-navigation .dropdown-megamenu .dropdown-menu {
	left:15px;
	right:10px;
}
.header-navigation .dropdown-menu { /* Bordures du menu ouvert */
	border-left: 2px solid #fa9008;  
	border-right: 2px solid #fa9008;  
	border-bottom: 2px solid #fa9008;  
}
.header-navigation > ul > li.dropdown:hover > a { /* Hover Boutons du menu */
    background-color: #fa9008;
    color: #FFF;
}
.top-links a.logintopuser{
    color: #fa9008; 
} 

/* Boutons alternatifs du menu (par ex. le bouton bleu "espace professionnels") 
Pour créer un nouveau bouton Il te suffit de copier/coller ces lignes et de changer les 3 btn-menu-pro en btn-menu-cequetuveux 
et de mettre le même nom dans le champs classes d'édition des url de l'admin. */

.header-navigation li.btn-menu-pro {
    background-color: #0587F6; /* Background du bouton pro du menu */
    border-bottom: 2px solid #fa9008; /* Bordure bottom du bouton pro (pour être en accord avec l'image de fond du menu) */
    max-height: 44px; 
}
.header-navigation li.btn-menu-pro > a {
	color: #FFFFFF; /* Couleur de texte du bouton pro */    
}
.header-navigation li.btn-menu-pro:hover { /* Bacgrkound Bouton pro en hover */
	background-color: #0688F7; 
}

/* Bouton pour switcher le menu (ouvrir/fermer) */

.header .mobi-toggler {
    background: #fa9008 url(toggler.png) no-repeat center -28px; /* Background du switch */
    border-color: #fa9008;
    color: #fff;
}
.header .mobi-toggler:hover {
    color: #D8D8D8; /* Couleur du switch en hover */
    border: 1px solid #D8D8D8; /* Background du switch en hover */
    background: #fff url(toggler.png) no-repeat center 8px;
}
.pro-menu form h4{
    border-bottom: 1px solid #f0f0f0;
    background-color: #0587F5;
    color:#FFF;
}
.pro-menu .fa{
    color:#FFF;
}
.pro-menu h1 .green{
     color:#fa9008;
}

/* Gros boutons avec icones et effet hover (compte client par ex.) */

.big-btn-icon .details .title, .big-btn-icon .details .desc { /* Couleur des textes */
    color: #FFF;
}
.big-btn-icon:hover .details .title, .big-btn-icon:hover .details .desc { /* Couleur des textes en hover */
    color: #000;
}

/* Gros bouton 1 */

.big-btn-icon.big-btn-icon1 { /* Background bouton1 */
    background-color: #4b77be; 
}
.big-btn-icon.big-btn-icon1:hover{ /* Background bouton1 en hover */
    background-color: #FFF; 
}
.big-btn-icon.big-btn-icon1 .visual > i { /* Couleur de l'icone du bouton1 */
    color: #FFF;
}
.big-btn-icon.big-btn-icon1:hover .visual > i { /* Couleur de l'icone du bouton1 en hover */
    color: #4b77be;
}
.big-btn-icon.big-btn-icon1 .more { /* Barre du bas du bouton1 */
    background-color: #3665af;
    color: #FFF;
}
.big-btn-icon.big-btn-icon1:hover .more { /* Dégradé barre du bas du bouton 1 */
    background: rgba(255,255,255,0.37);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.37) 0%, rgba(255,255,255,0.54) 20%, rgba(75,119,190,0.81) 52%, rgba(75,119,190,0.86) 58%, rgba(75,119,190,0.97) 71%, rgba(75,119,190,1) 75%, rgba(75,119,190,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.37)), color-stop(20%, rgba(255,255,255,0.54)), color-stop(52%, rgba(75,119,190,0.81)), color-stop(58%, rgba(75,119,190,0.86)), color-stop(71%, rgba(75,119,190,0.97)), color-stop(75%, rgba(75,119,190,1)), color-stop(100%, rgba(75,119,190,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.37) 0%, rgba(255,255,255,0.54) 20%, rgba(75,119,190,0.81) 52%, rgba(75,119,190,0.86) 58%, rgba(75,119,190,0.97) 71%, rgba(75,119,190,1) 75%, rgba(75,119,190,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.37) 0%, rgba(255,255,255,0.54) 20%, rgba(75,119,190,0.81) 52%, rgba(75,119,190,0.86) 58%, rgba(75,119,190,0.97) 71%, rgba(75,119,190,1) 75%, rgba(75,119,190,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.37) 0%, rgba(255,255,255,0.54) 20%, rgba(75,119,190,0.81) 52%, rgba(75,119,190,0.86) 58%, rgba(75,119,190,0.97) 71%, rgba(75,119,190,1) 75%, rgba(75,119,190,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.37) 0%, rgba(255,255,255,0.54) 20%, rgba(75,119,190,0.81) 52%, rgba(75,119,190,0.86) 58%, rgba(75,119,190,0.97) 71%, rgba(75,119,190,1) 75%, rgba(75,119,190,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4b77be', GradientType=1 );
}

/* Gros bouton 2 */

.big-btn-icon.big-btn-icon2 { /* Background bouton2 */
    background-color: #9ccc1b; 
}
.big-btn-icon.big-btn-icon2:hover{ /* Background bouton2 en hover */
    background-color: #FFF;
}
.big-btn-icon.big-btn-icon2 .visual > i { /* Couleur de l'icone du bouton2 */
    color: white;
}
.big-btn-icon.big-btn-icon2:hover .visual > i { /* Couleur de l'icone du bouton2 en hover */
    color: #9ccc1b;
}
.big-btn-icon.big-btn-icon2 .more { /* Barre du bas du bouton2 */
    background-color: #89b311;
    color: white;
}
.big-btn-icon.big-btn-icon2:hover .more { /* Dégradé barre du bas du bouton2 */
    background: rgba(255,255,255,0.37);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.37) 0%, rgba(255,255,255,0.54) 20%, rgba(157,204,27,0.75) 45%, rgba(157,204,27,0.86) 58%, rgba(157,204,27,0.97) 71%, rgba(157,204,27,1) 75%, rgba(157,204,27,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.37)), color-stop(20%, rgba(255,255,255,0.54)), color-stop(45%, rgba(157,204,27,0.75)), color-stop(58%, rgba(157,204,27,0.86)), color-stop(71%, rgba(157,204,27,0.97)), color-stop(75%, rgba(157,204,27,1)), color-stop(100%, rgba(157,204,27,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.37) 0%, rgba(255,255,255,0.54) 20%, rgba(157,204,27,0.75) 45%, rgba(157,204,27,0.86) 58%, rgba(157,204,27,0.97) 71%, rgba(157,204,27,1) 75%, rgba(157,204,27,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.37) 0%, rgba(255,255,255,0.54) 20%, rgba(157,204,27,0.75) 45%, rgba(157,204,27,0.86) 58%, rgba(157,204,27,0.97) 71%, rgba(157,204,27,1) 75%, rgba(157,204,27,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.37) 0%, rgba(255,255,255,0.54) 20%, rgba(157,204,27,0.75) 45%, rgba(157,204,27,0.86) 58%, rgba(157,204,27,0.97) 71%, rgba(157,204,27,1) 75%, rgba(157,204,27,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.37) 0%, rgba(255,255,255,0.54) 20%, rgba(157,204,27,0.75) 45%, rgba(157,204,27,0.86) 58%, rgba(157,204,27,0.97) 71%, rgba(157,204,27,1) 75%, rgba(157,204,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9dcc1b', GradientType=1 );
}

/* Color Boxes (par ex. immo, comment ça marche, ...*/

.box1{
    background: #fa9008 url(Label-qualite-PLATEFORME-HABITAT-02-2-160.png) no-repeat; /* Background de la box1 + image */
}
.box2{
    background: #0587F5 url(logo-plateforme-pro.png) no-repeat; /* Background de la box2 + image */
}
.box3{
    background: #EEEEEE url(credit-impot-economie-energie-190.jpg) no-repeat; /* Background de la box3 + image */
}
.box > h4{
    color: #FFF; /* Couleur du titre des box 1 et 2 */
}
.box3 > h4{
    color: #fa9008; /* Couleur du titre de la box3 */
}
.box > p{
    color: #000; /* Couleur du texte des box */
}


/* Formulaire */

#accordion .panel-heading { 
    background-color: #fa9008; /* Couleur du background des titre d'accordéons */
}
#accordion .panel-heading a:link{  /* Couleur des titres d'accordéons */
    color: #FFF;
}
#accordion-small .panel-title, 
#accordion-small2 .panel-title  {
    background: transparent url(http://www.diddl.fr/lib/select-small-acco.png) no-repeat;
}
#accordion-small .po, #accordion-small2 .po  {
    background: transparent url(http://www.diddl.fr/lib/select-small-acco-op.png) no-repeat;
}
#accordion-small .panel-heading a:link, 
#accordion-small2 .panel-heading a:link{
    color: #000;
}
.asterimsk{
    color: #fa9008; /* Couleur de l'astérisque */
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #CCC;
    color: #323232;
}
.form-body h4{
    color: #fa9008; 
} 

/* Slider */

/***** Polices SLIDER *****/

@font-face {
    font-family: 'franklin_gothic_mediumregular';
    src: url('fonts/franklin_gothic_mediumregular/franklin-gothic-medium-webfont.eot');
    src: url('fonts/franklin_gothic_mediumregular/franklin-gothic-medium-webfont.eot#iefix') format('embedded-opentype'),
url('fonts/franklin_gothic_mediumregular/franklin-gothic-medium-webfont.woff') format('woff2'),
url('fonts/franklin_gothic_mediumregular/franklin-gothic-medium-webfont.woff') format('woff'),
url('fonts/franklin_gothic_mediumregular/franklin-gothic-medium-webfont.ttf') format('truetype'),
url('fonts/franklin_gothic_mediumregular/franklin-gothic-medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.tp-caption a {
    text-shadow: none;
    transition: all 0.2s ease-out 0s;
}
.tp-caption a:hover {
    text-decoration: none;
}
.slide_black_text{
    font: 17px "franklin_gothic_mediumregular",Arial,sans-serif;
}
.slide_green_title{
    font: 19px "franklin_gothic_mediumregular",Arial,sans-serif;
    text-transform:uppercase;
    font-style:italic;
}
.slide_big_title{
    font: 50px "franklin_gothic_mediumregular",Arial,sans-serif;
    text-transform:uppercase;
    text-align:center;
    line-height: 1em;
}
.slide_blue_small{
    font: 18px "franklin_gothic_mediumregular",Arial,sans-serif;
}

/***** Couleurs SLIDER *****/

.tp-caption a { /* Couleur des liens du slider */
    color: #000;
}
.tp-caption a:hover { /* Couleur des liens du slider en hover */
    color: #fa9008;
}
.slide_black_text{
    color: #000;
}
.slide_green_title{
    color: #fa9008;
}
.slide_blue_title{
    color: #0587F5;
}
.slide_big_title{
    color: #000;
}
.slide_big_title_blue{
    color: #0587F5;
}
.slide_blue_small{
    color: #0587F5;
}

/* Portfolio (par ex. "Travaux les plus demandés") */

.mix-grid .mix .mix-details {
    background: rgba(1,114,190,0.8); /* Background de la vignette en hover */
}
.mix-grid .mix a.mix-link {
    background: #FFF url(http://www.diddl.fr/lib/link-hover.png) no-repeat; /* Couleur du rond + image du lien de la vignette en hover */
}
.mix-grid .mix .mix-details h4 { /* Couleur du texte de la vignette en hover */
    color: #000;
}

/* exemple pour jobbingo, avec des copier coller pour des carés de différentes couleurs, 
suffit juste ensuite d'ajouter mix2 mix3 ou mix4 dans le homepage.tpl de jobbingo, je t'ai fait un exemple */

.mix-grid .mix2 .mix-details {
    background: rgba(239,26,119,0.8); /* Background de la vignette mix2 en hover */
}
.mix-grid .mix3 .mix-details {
    background: rgba(133,196,53,0.8); /* Background de la vignette mix3 en hover */
}
.mix-grid .mix4 .mix-details {
    background: rgba(255,203,1,0.8); /* Background de la vignette mix4 en hover */
}


/* Dernière annonces */

.latest-ads {
	background: #d9dcde; /* Background annonce */
}
.ads-date {
	background: url(last_annonce_icon_calendar.png) no-repeat center center; /* image calendrier */
}
.ads-date .date-mois {
	color: #FFFFFF; /* Date mois */
}
.latest-ads .ads:hover{
	background: #0587f6; /* Background en hover */
}
.latest-ads .ads:hover .ads-cnt > .title{ /* Titre en hover */
	color: #FFF;
}
.latest-ads .ads:hover .ads-cnt > .adress{ /* Adresse en hover */
	color: #fa9008;
}
.latest-ads .ads:hover .ads-date{
	background: url(last_annonce_icon_calendar_hover.png) no-repeat center center; /* image calendrier en hover */
}

/* Customer Company Page */

.skills-tags li a {
    background: none repeat scroll 0 0 #f5f5f5;
    color: #555;
}
.skills-tags li a:hover {
    background: none repeat scroll 0 0 #fa9008;
    color: #fff;
}
.skills-tags li a:hover i {
    color: #FFF;
}
.skills-tags li i {
    color: #fa9008;
}
.skills-tags li a:after {
    border-bottom: 12px solid transparent;
    border-left: 12px solid #f5f5f5;
    border-top: 12px solid transparent;
}
.skills-tags li a:hover:after {
    border-left-color: #fa9008;
}
.hiddenRow tr:hover > th {
    background-color: #FFF;
}
.review-item-submitted em {
    color: #bbb;
}
.review-title-white {
    border-bottom: 1px solid #eee;
}
.review-title-green {
    background: #fa9008;
    color: #FFF;
}
.review-item {
    border-bottom: 1px solid #eee;
}

/* Top Footer */
/* la couleur du bouton est par défaut un btn-primary */

.top-footer{
    background: transparent url(http://www.diddl.fr/lib/bt_inscription_footer_droite_2.jpg) no-repeat right center; /* image de gauche du top footer */
}
.top-footer > .left-foot{
    background: transparent url(http://www.diddl.fr/lib/bt_inscription_footer_gauche.png) no-repeat left center; /* image de droite du top footer */
}
.top-footer h4{
    color: #FFF; /* Couleur du titre du top footer */
}
.top-footer > p{ /* Couleur du texte du top footer */
    color: #000;
}

/* Footer */

.pre-footer {
    background: none repeat scroll 0% 0% #313030; /* Background du footer */
    color: #B0B0B0;
}
.pre-footer ul li:first-child { /* Couleur des titres du footer */
    color: #FFF;
}
.pre-footer li, .pre-footer a  { /* Couleur des liens du footer */
    color: #CCC;
}
.pre-footer a:hover { /* Couleur des liens du footer en hover */
    color: #fa9008; 
}

/* Boostrap validation */

.has-error .form-control-feedback {
    color: #AC4442;
}
.has-success .form-control-feedback {
    color: #fa9008;
}
.has-success .help-block, .has-success .help-inline, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #000;
}






/* General body settings */
body { 
	color: #3e4d5c; 
	direction: ltr;
	font: 400 13px 'Open Sans', Arial, sans-serif;
	background: #fff;
}

/***
General typography 
***/
h1, h2, h3, h4, h5, h6 {
	font: 300 'Open Sans', sans-serif;
	margin: 0 0 10px;
}
h1 {
	margin-bottom: 15px;
}
.main h1 {
	margin-top: -6px;
}

/***
Fix link outlines after click
***/
a {
	color: #fa9008;
}
a, a:focus, a:hover, a:active {
	outline: 0;
 	text-decoration: none;
}
a:hover {
	color: #fa9008;
	text-decoration: underline;
}

/***
Misc tools
***/
.no-padding {
	padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.no-bottom-space {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.no-top-space {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.no-space {
  margin: 0 !important;
  padding: 0 !important;
}
.no-text-shadow {
  text-shadow: none !important;
}

.padding-top-5 {
	padding-top: 5px !important;
}
.padding-top-10 {
	padding-top: 10px !important;
}
.padding-top-15 {
	padding-top: 15px !important;
}
.padding-top-20 {
	padding-top: 20px !important;
}
.padding-top-25 {
	padding-top: 25px !important;
}
.padding-top-30 {
	padding-top: 30px !important;
}
.padding-top-35 {
	padding-top: 35px !important;
}
.padding-top-40 {
	padding-top: 40px !important;
}
.padding-top-45 {
	padding-top: 45px !important;
}
.padding-top-50 {
	padding-top: 50px !important;
}
.padding-top-60 {
	padding-top: 60px !important;
}
.padding-bottom-5 {
	padding-bottom: 5px !important;
}
.padding-bottom-10 {
	padding-bottom: 10px !important;
}
.padding-bottom-15 {
	padding-bottom: 15px !important;
}
.padding-bottom-20 {
	padding-bottom: 20px !important;
}
.padding-bottom-25 {
	padding-bottom: 25px !important;
}
.padding-bottom-30 {
	padding-bottom: 30px !important;
}
.padding-bottom-35 {
	padding-bottom: 35px !important;
}
.padding-bottom-40 {
	padding-bottom: 40px !important;
}
.padding-bottom-45 {
	padding-bottom: 45px !important;
}
.padding-bottom-50 {
	padding-bottom: 50px !important;
}
.padding-bottom-60 {
	padding-bottom: 60px !important;
}

.margin-bottom-0 {
	margin-bottom: 0 !important;
}
.margin-bottom-5 {
	margin-bottom: 5px !important;
}
.margin-bottom-10 {
	margin-bottom: 10px !important;
}
.margin-bottom-15 {
	margin-bottom: 15px !important;
}
.margin-bottom-20 {
	margin-bottom: 20px !important;
}
.margin-bottom-25 {
	margin-bottom: 25px !important;
}
.margin-bottom-30 {
	margin-bottom: 30px !important;
}
.margin-bottom-35 {
	margin-bottom: 35px !important;
}
.margin-bottom-40 {
	margin-bottom: 40px !important;
}
.margin-bottom-50 {
	margin-bottom: 50px !important;
}
.margin-bottom-60 {
	margin-bottom: 60px !important;
}
.margin-bottom-65 {
	margin-bottom: 65px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}
.margin-top-20 {
	margin-top: 20px !important;
}
.margin-top-30 {
	margin-top: 30px !important;
}
.margin-top-40 {
	margin-top: 40px !important;
}
.margin-top-50 {
	margin-top: 50px !important;
}

.margin-left-0 {
  margin-left: 0 !important;
}
.margin-right-0 {
  margin-right: 0 !important;
}

.margin-right-20 {
	margin-right: 20px !important;
}
.margin-left-20 {
	margin-left: 20px !important;
}

.padding-left-0 {
  padding-left: 0 !important;
}
.padding-right-0 {
  padding-right: 0 !important;
}
.padding-right-30 {
	padding-right: 30px !important;
}

.margin-right-10 {
	margin-right: 10px !important;
}

div.checker,
div.radio {
	top: -1px;
}

select.form-control {
	color: #5f6d7b;
	border-radius: 0;
	border-color: #e4e6e8;
	box-shadow: none;
}
select.form-control:focus {
	box-shadow: none;
	border-color: #999;
}

input.form-control,
textarea.form-control {
	border-color: #dbdbdb;
	color: #777;
	font: 14px Arial, sans-serif;
	border-radius: 0;
	box-shadow: none;
}
input.form-control:focus,
textarea.form-control:focus {
	box-shadow: none;
	border: solid 1px #dbdbdb;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
*html .clearfix {
	zoom: 1;
}
*+html .clearfix {
	zoom: 1;
}
.clear {
	clear: both; 
	height: 0; 
	font-size: 0; 
	line-height: 0; 
	overflow: hidden;
}

.lead {
    font-size: 16px;
}

.font-transform-inherit {
	text-transform: inherit !important;
}

.color-red {
	color: #fa9008;
}

/***
Custom Scrollbars
***/

::-webkit-scrollbar {  
    width: 12px;  
}  

::-webkit-scrollbar-track {  
    background-color: #eaeaea;  
    border-left: 1px solid #cecece;  
}  

::-webkit-scrollbar-thumb {  
    background-color: #cecece;  
}  

::-webkit-scrollbar-thumb:hover {  
    background-color: #aaa;  
}  

::-webkit-scrollbar-track {
    border-radius: 0;
    box-shadow: none;
    border: 0; 
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    box-shadow: none;
    border: 0; 
}

/* overides metro scrolbars in IE10 and makes them look like a default scrollbar */
@-ms-viewport{
	width: auto !important;
}

::-moz-selection {
  color: #fff;
  background: #fa9008;
}
::selection {
  color: #fff;
  background: #fa9008;
}

/* Global classes */
.min-hight500 {
	min-height: 500px;
}

/***
Pre-Header and pre-header elements
***/
.pre-header {
	color: #616b76;
	border-bottom: 1px solid #eee;
	padding-top: 10px;
	line-height: 1.2;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	background: #323031;
}
.pre-header a {
	color: #616b76;
}
.pre-header a:hover {
	color: #fa9008;
}
.pre-header a:focus {
	text-decoration: none;
}
.pre-header li {
	padding-left: 11px;
	padding-right: 15px;
	border-right: solid 1px #d8d8d8;
}
.pre-header li:last-child {
	border: none;
}
.additional-shop-info li:first-child {
	padding-left: 0;
}
.additional-nav li:last-child {
	padding-right: 0;
}
.pre-header .fa {
	margin-right: 4px;
}
.shop-currencies a {
	margin-right: 6px;
}
.shop-currencies a:last-child {
	margin-right: 0;
}
.shop-currencies a.current {
	color: #fa9008;
}

.pre-header-logo {
	color: #616b76;
	border-bottom: 1px solid #eee;
	line-height: 1.2;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	background: #FFF;
}

.top-links {
	
	padding-top:20px;
}

/* langs block */
.langs-block {
	position: relative;
}
.langs-block .fa {
	margin-right: 0;
}
.langs-block-others-wrapper {
	position: absolute;
	left: 0;
	top: 100%;
    z-index: 99999;
}
.langs-block-others {
	padding: 10px 10px 2px;
	background: #F9F9F9;
	z-index: 9999;
	width: 100px;
	display: none;
	margin-top: 12px;
	border-top: solid 2px #8fb815;
	box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
	position: relative;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
}
.langs-block-others:after { 
	top: -8px;
	width: 0; 
	height: 0;
	left: 8px;
	z-index: 2; 
	content: " "; 
	display: block; 
	position: absolute;
	border-bottom: 8px solid #8FB813;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.langs-block:hover .langs-block-others {
	display: block;
}
.langs-block-others a {
	display: block;
	margin-bottom: 8px;
}

/***
Header and header elements
***/
.header {
	border-radius: 0;
	min-height: 44px;
	z-index: 999;
	position: relative;
}

/* FIX styles BEGIN */
.page-header-fixed .header {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
}
body.page-header-fixed {
	padding-top: 88px !important; /* height of the header */
}
/* FIX styles END */

.header .container {
  position: relative;
}
.ie8 .header {
	border-bottom: 1px solid #eee;
}

.site-logo {
  float: left;
  font-size: 23px;
  font-weight: 400;

  margin-right: 67px;
  padding-top: 22px;
  padding-bottom: 22px;
}

.header .mobi-toggler {
  float: right;
  color: #D8D8D8;
  border: 1px solid #D8D8D8;
  border-radius: 100% !important;
  width: 32px;
  height: 32px;
  display: none;
  margin: 5px 0 7px 30px;
  position: relative;
  background: #fff url(toggler.png) no-repeat 6px 8px;
}
.header .mobi-toggler i {
  display: none;
}
.header .mobi-toggler:hover {
  background: #fa9008 url(toggler.png) no-repeat 6px -28px;
  border-color: #fa9008;
  color: #fff;
}

/* Navigation */
.header-navigation {
	font: 15px "Open Sans", sans-serif;
	margin: 0 10px 0 0;
	padding: 0;
	/*float: left;*/
	text-transform: uppercase;
}
.header-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.header-navigation > ul > li {
	float: left;
}
.header-navigation > ul > li > a {
	color: #333;
	display: block;	
	padding: 10px;
}
.header-navigation ul > li.active > a,
.header-navigation ul > li > a:hover,
.header-navigation ul > li > a:focus,
.header-navigation ul > li.open > a,
.header-navigation ul > li.open > a:hover,
.header-navigation ul > li.open > a:focus {
	color: #FFFFFF;
	background: #fa9008;
	text-decoration: none;
}

/* dropdown menu */
@media (min-width: 1205px) {
	.header-navigation > ul > li:hover > .dropdown-menu {
	  display: block;
	}
	
	.header-navigation > ul > li > a {
	 	height: 44px;
		width: 120px;
	  padding: 2px 10px 2px 10px;
	  text-align: center;
	  font-size: .9em;
	  
	  
	}
}

.header-navigation,
.header-navigation .dropdown {
  position: static;
}
.header-navigation .dropdown-fix-left,
.header-navigation .dropdown-fix-right {
	position: relative;
}
.header-navigation .dropdown-menu {
	left:auto;
	right:auto;
	top: 100%;  
	padding: 0;
	background-color: #FFF;
	position: absolute;
	border: medium none;
	box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
	text-transform: none;
	font: 13px "Open Sans", sans-serif;
	letter-spacing: 0;
	border-radius: 0;
	z-index: 9999;
}
.dropdown-fix-left .dropdown-menu {
	left: 0;
	width: 700px;
}
.dropdown-fix-right .dropdown-menu {
	right: 0;
	width: 700px;
}
.header-navigation > ul > li > .dropdown-menu {
	margin-top: -2px;
	z-index: 1001;
}
.header-navigation .dropdown100 > .dropdown-menu {
  left: 15px;
  right: 15px;
}
/*.header-navigation > ul > li.dropdown:hover > a:after { 
  bottom: 0;
  width: 0; 
  height: 0;
  z-index: 1002; 
  content: " "; 
  display: block !important; 
  position: absolute;
  border-bottom: 8px solid #fa9008;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}*/

.ie8 .header-navigation > ul > li.dropdown:hover > a:after {
	display: none !important;
}
.header-navigation li.dropdown100 > .dropdown-menu:after {
	display: none !important;
}
.header-navigation .dropdown-menu > li:first-child {
	border-top: solid 2px #8fb815;
}
.header-navigation .dropdown-menu li {
  padding: 0;
  margin: 0;
  border-bottom: solid 1px #efefef;
  position: relative;
  float: none;
}
.header-navigation .dropdown-menu li:last-child {
  border: none;
}
.header-navigation .dropdown-menu li > a {
  padding: 10px 15px;
  color: #767f88;
}
.header-navigation .dropdown-menu > li > a:hover,
.header-navigation .dropdown-menu > li.active > a,
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
  background: #fa9008;
  color: #fff;
}
.dropdown-submenu > a:after {
  display: none;
}

/* navigation content */
.header-navigation-content {
  padding: 20px 30px;
  min-width: 600px;
  min-height:280px;
}
.header-navigation-content .header-navigation-col {
	padding: 0;
}
.header-navigation-content h4,
.ecommerce .header-navigation-content h4 {
  font: bold 14px 'Open Sans', Arial, sans-serif;
  margin: 0 0 6px;
  padding: 10px 10px 5px;
  color: #fa9008;
  border-bottom: solid 1px #f0f0f0;
}
.header-navigation-content ul {
  padding: 0;
  margin: 0 0 10px;
  list-style: none;
}
.header-navigation-content li {
  padding: 0;
  border: none !important;
}
.header-navigation-content li > a {
  display: block;
}

/* header navigation description */
.header-navigation-content-ext {
  padding: 20px 30px 2px;
  background: #fff;
}
.header-navigation-description {
  background: #fcfafb; 
  margin: -20px 0 -2px -30px;
  padding: 20px;
  box-shadow: 0 0 20px rgba(91, 91, 91, 0.2) inset;
}
.header-navigation-content-ext h4,
.ecommerce .header-navigation-content-ext h4 {
  border: none;
  padding: 10px 0 0;
}
.header-navigation .dropdown-menu .header-navigation-content-ext li {
  border: none;
}
.header-navigation .dropdown-menu .header-navigation-content-ext li > a {
  padding: 0 0 10px;
  color: #767f88;
  display: inline-block;
}
.header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover,
.header-navigation .dropdown-menu .header-navigation-content-ext li.active > a {
  background: #fff;
  color: #fa9008;
}

/* n-level submenu */
.header-navigation .dropdown-menu .dropdown-menu {
  left: 100%;
  right: auto;
  top: 6px;
}
.header-navigation .dropdown-menu a {
  position: relative;
}
.header-navigation .dropdown-menu .fa {
  position: absolute;
  right: 20px;
}

/* Top Search */
.header-navigation li.menu-search {
	position: relative;
	top: 26px;
}
.header-navigation li.menu-search span.sep {
	top: 0;
	width: 1px;
	height: 26px;
	background: #eaeaea;
	position: relative;
	margin: 0 18px 0 16px;
	display: inline-block;
}
.header-navigation li.menu-search i {
	color: #333;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	top: -6px;
	/*background: url(http://www.diddl.fr/img/icons/top-search-icon.png) no-repeat;*/
	width: 15px;
	height: 15px;
	opacity: 0.6;
}
.header-navigation li.menu-search i:hover {
	color: #fa9008;
	background-position: 0 -15px;
}
/*.header-navigation .fa-search:before {
	content: none;
}*/
.header-navigation .search-box {
	right: -7px;
	top: 100%;
	padding: 15px;
	display: none;
	background: #fcfafb;
	position: absolute;
	border-top: solid 2px #8fb815;
	box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
	width: 274px;
	margin-top: 0;
	z-index: 22;
}
.header-navigation .search-box:after { 
	top: -8px;
	width: 0; 
	height: 0;
	right: 8px;
	z-index: 2; 
	content: " "; 
	display: block; 
	position: absolute;
	border-bottom: 8px solid #fa9008;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.header-navigation .search-box button {
	margin-left: 0 !important;
}


/* reduce navigation */
/*.page-header-fixed .site-logo,
.page-header-fixed .header-navigation > ul > li > a,
.page-header-fixed .header-navigation li.menu-search,
.page-header-fixed .top-cart-block {
 	transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
}*/
.reduce-header .site-logo {
	padding-top: 9px;
	padding-bottom: 11px;
}
@media (min-width: 1025px) {
	.reduce-header .header-navigation > ul > li > a {
		padding: 16px 12px 17px;
	}
	.ecommerce .reduce-header .header-navigation > ul > li > a {
		padding: 23px 12px 20px;
	}
	.reduce-header .header-navigation li.menu-search {
		top: 14px;
	}
	.ecommerce .reduce-header .header-navigation li.menu-search {
		top: 21px;
	}
}
.reduce-header .mobi-toggler {
	margin-top: 12px;
}
.page-header-fixed .header .mobi-toggler {
 	transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-webkit-transition: margin 0.3s ease;
}

/* page slider */
.page-slider {
	margin-top: -25px;
	clear: both;
}

/* OWL styles */
.owl-buttons {
	position: absolute;
	top: -40px;
	right: 10px;
}
.owl-buttons div {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-left: 5px;
	position: static;
	border-radius: 26px !important;
	text-indent: -100000px;
}
.owl-buttons .owl-prev {
    background: #fff url(fa-angles.png) no-repeat 8px 8px;
}
.owl-buttons .owl-next {
    background: #fff url(fa-angles.png) no-repeat -33px 8px;
}
.owl-buttons .owl-prev:hover {
    background: #e84d1c url(fa-angles.png) no-repeat 8px -31px;
}
.owl-buttons .owl-next:hover {
    background: #e84d1c url(fa-angles.png) no-repeat -33px -31px;
}

/*  */
.carousel-indicators {
	text-align: left;
	margin: 0;
	width: auto;
	left: 33px;
}
.carousel-indicators li,
.carousel-indicators li.active {
	width: 18px;
	height: 18px;
	margin: 0 9px 0 0;
	background: transparent;
	border: solid 2px #c9cdce;
	border-radius: 18px !important;
	z-index: 9999 !important;
}
.carousel-indicators li.active {
	background: #6f7a7c;
	border-color: #9ea7a9;
}
/* END LAYER SLIDER */

/*  */
.product-list .product-item {
	margin-bottom: 30px;
}

/***
Sidebar
***/
.sidebar {
	color: #3E4D5C;
}
.sidebar .list-group-item {
    background: rgba(244,244,244,0.5);
    border: none;
    display: block;
    margin-bottom: 2px;
    padding: 7px 10px;
    position: relative;
    border-radius: 0;
}
.sidebar .list-group-item:last-child {
	margin: 0;
}
.sidebar a {
	color: #3E4D5C;
}
.sidebar a:hover {
	color: #fa9008;
}
 .sidebar-menu a {
	display: block;
}
 .sidebar-menu a:hover {
 	text-decoration: none;
}
.sidebar-menu .fa-angle-right {
	position: relative;
	top: 1px;
	margin-right: 2px;
	float: left;
}
.sidebar .dropdown.open .dropdown-toggle {
    background: #fff;
    color: #3E4D5C;
}
.sidebar .dropdown.open .dropdown-toggle:hover {
	color: #fa9008;
}
.sidebar .dropup.open > .dropdown-toggle, .dropdown.open > .dropdown-toggle {
    border-color: none !important;
}

.sidebar .dropdown-menu {
    background-clip: padding-box;
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: none;
    float: none;
    font-size: 14px;
    list-style: none;
    margin: 0 -10px;
    min-width: auto;
    padding: 5px 10px 1px 19px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
    font: 15px 'PT Sans Narrow', sans-serif;
}
.sidebar .dropdown-menu .dropdown-menu {
	border-top: none;
	margin-bottom: -5px;
	margin-right: -10px;
}
.sidebar .open>.dropdown-menu {
	display: block;
}
.sidebar .dropdown-menu li {
	padding: 4px 0 3px 11px;
	position: relative;
}
.sidebar .dropdown-menu ul {
	padding: 0;
	margin: 0 0 0 4px;
	list-style: none;
	text-transform: none;
	font-size: 15px;
}
.sidebar .dropdown-menu > li > a {
    clear: both;
    line-height: inherit;
    padding: 0;
    white-space: nowrap;
}
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
	background: none !important;
	color: #fa9008;
}
.sidebar .dropdown-menu > li > a .fa-angle-down {
	position: absolute;
	top: 8px;
	right: 0;
}
.sidebar .fa-angle-down:before {
    content: "";
}
.sidebar .fa-angle-down {
	width: 11px;
	height: 11px;
	background: url("http://www.diddl.fr/lib/' + Layout.getLayoutImgPath() + avatar +'.jpg") no-repeat 0 0;
	position: absolute;
	top: 12px;
	right: 10px;
}
.sidebar a:hover > .fa-angle-down {
	background-position: -11px 0;
}
.sidebar .collapsed .fa-angle-down {
	background-position: 0 -37px;
}
.sidebar .collapsed:hover > .fa-angle-down {
	background-position: -11px -37px;
}

/***
Brands
***/
.brands .container {
	padding-right: 25px;
}
.brands .owl-carousel {
    margin-bottom: 41px;
    padding: 0 75px;
    background: #fff;
}
.brands .owl-buttons div {
    position: absolute;
    top: 0;
    width: 70px;
    height: 102px;
    text-indent: -10000px;
    border-radius: 0 !important;
    display: block;
}
.brands .owl-buttons {
	position: static;
}
.brands .owl-buttons .owl-prev {
    left: 0;
    background: #fff url(fa-angle-brands.png) no-repeat 18px 18px;
    margin-left: 0;
}
.brands .owl-buttons .owl-prev:hover {
    background: #fff url(fa-angle-brands.png) no-repeat 18px -217px;
}
.brands .owl-buttons .owl-next {
    left: auto;
    right: 0;
    background: #fff url(fa-angle-brands.png) no-repeat -249px 18px;
    margin-right: 0;
}
.brands .owl-buttons .owl-next:hover {
    background: #fff url(fa-angle-brands.png) no-repeat -249px -217px;
}

/***
steps block and steps block elements
***/
/* shop */
.steps-block {
	color: #fff;
	padding: 30px 0;	
}
.steps-block ::-moz-selection {
  color: #e45000;
  background: #fff;
}
.steps-block ::selection {
  color: #e45000;
  background: #fff;
}
.steps-block-gray {
	background: #a0a3a4;
}
.steps-block-red {
	background: #e84d1c;
}
.steps-block-col {
	overflow: hidden;
	min-height: 71px;
}
.steps-block-col span {
	display: block;
	width: 36px;
	height: 71px;
	background: url(http://www.diddl.fr/lib/icons/sidebar-toggle-icons.png) no-repeat 100% 50%;
	position: absolute;
	top: 0;
	right: 10px;
}
.steps-block h2,
.ecommerce .steps-block h2 {
	color: #fff;
	font-size: 43px;
	margin: 0;
	padding: 0;
	line-height: 1;
}
/* steps-block-simple – step block without image */
.steps-block-simple h2,
.ecommerce .steps-block-simple h2 {
	font-size: 33px;
	margin-bottom: 5px;
}
.steps-block em {
	font: normal 400 13px 'Opan Sans', sans-serif;
	text-transform: uppercase;
}
.steps-block-simple em {
	text-transform: inherit;
	line-height: 1.2;
}
.steps-block .steps-block-col div {
	margin-left: 70px;
	margin-right: 40px;
}
.steps-block-simple .steps-block-col div {
	margin-left: 0;
}
.steps-block .fa-truck,
.steps-block .fa-gift,
.steps-block .fa-phone {
	font-size: 30px;
	border: solid 2px #fff;
	border-radius: 30px !important;
	width: 60px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	padding-top: 22px;
	margin-right: 11px;
	float: left;
}
.steps-block .fa-angle-right {
	font-size: 84px;
}

/* title wrapper */
.title-wrapper {
	margin: -23px 0 23px;
	position: relative;
	overflow: hidden;
	background: #72c2ff url(http://www.diddl.fr/lib/man.jpg) no-repeat 100% 100%;
	min-height: 280px;
	padding-top: 79px;
	width: 100%;
	overflow: hidden;
}
.title-wrapper .container-inner {
	float: left;
}
.ecommerce .title-wrapper h1, .title-wrapper em {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-weight: 400;
}
.ecommerce .title-wrapper h1 {
	font-size: 45px;
	padding: 0 9px 13px;
	border-bottom: solid 1px rgba(255,255,255,0.6);
	margin: 0 -9px 17px;
}
.title-wrapper h1 span {
	color: #fa9008;
}
.title-wrapper em {
	font-size: 20px;
	font-style: normal;
	display: block;
	text-align: center;
}

/* breadcrumb */
.breadcrumb {
	background: none;
	padding: 0;
	font: 14px "Open Sans", sans-serif;
	color: #5f6d7b;
	margin-bottom: 22px;
}
.breadcrumb > li + li:before {
	content: "\f105 ";
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color: #5f6d7b;
}
.breadcrumb a {
	color: #5f6d7b;
}
.breadcrumb > .active {
	color: #fa9008;
}

/* paginations */
.pagination {
	border-radius: 0;
	margin: 0;
}
.pagination > li {
    display: inline-block;
    margin-left: 5px;
}
.pagination > li > a, .pagination > li > span,
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-radius: 25px !important;
	border: none;
	color: #868c93;
}
.pagination > li > span,
.pagination > li > span:hover {
	background: #555;
	color: #fff;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a {
	padding: 4px 12px 8px;
}
.items-info {
	padding-top: 7px;
	color: #868c93;
}

/* content page */
.content-page {
	background: #fff;
	padding: 20px;
	margin-right: 10px;
}
.corporate .content-page {
	padding: 0 0 20px;
}
.content-page a, 
.sidebar2 a {
	color: #767F88;
}
.content-page a:hover, 
.sidebar2 a:hover {
	color: #fa9008;
}
.content-page .link, .content-page .link:hover, .content-page .link:active {
	color: #fa9008;
}
.content-page h2, 
.content-page h3, 
.content-page h4, 
.content-page h5, 
.content-page h6 {
	/*text-transform: inherit;*/
	padding-top: 10px;
}
.content-page h3 {
	font-size: 20px;
	margin-bottom: 7px;
}
.content-page h4 {
	font-size: 17px;
	margin-bottom: 4px;
}
.content-page h5, 
.content-page h6 {
	font: 700 15px 'Open Sans', Arial, sans-serif;
	margin-bottom: 2px;
}
.content-page p,
.content-page .list-unstyled {
	margin-bottom: 20px;
}
.content-page .list-unstyled .list-unstyled {
	margin-left: 20px;
	padding-top: 3px;
	margin-bottom: 0;
}
.content-page .list-unstyled li {
	margin-bottom: 3px;
}

/* 404 page */
.corporate .page-404 {
 	text-align: center;
 	padding-top: 60px;
 	padding-bottom: 125px;
}
.page-404 .number {
	position: relative;
	top: 35px;
	display: inline-block;
	letter-spacing: -10px;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 128px;
	font-size: 128px;
	font-weight: 300;
	color: #fa9008;
	text-align: right;
}
.page-404 .details {
	margin-left: 40px;
	display: inline-block;
	padding-top: 0px;
	text-align: left;
	top: 15px;
	position: relative;
}

/* 500 page */
.corporate .page-500 {
	text-align: center;
 	padding-top: 60px;
 	padding-bottom: 60px;
}
.page-500 .number {  
	display: inline-block;
	letter-spacing: -10px;
	line-height: 128px;
	font-size: 128px;
	font-weight: 300;
	color: #fa9008;
	text-align: right;
}
.page-500 .details {
	margin-left: 40px;
	display: inline-block;
	text-align: left;
}

/* content form page */
div.content-form-page {
	background: #fff;
	padding: 5px 20px 30px;
	margin-right: 10px;
}
.content-form-page a {
	color: #767F88;
}
.content-form-page a:hover {
	color: #fa9008;
}
.form-without-legend {
	padding-top: 25px;
}
.content-form-page legend {
	border: none;
	font-size: 18px;
	padding-top: 20px;
	margin-bottom: 10px;
	color: #3E4D5C;
}
.content-form-page .control-label {
	font-weight: normal;
	padding-right: 5px;
	margin-left: -15px;
}
.default-form label,
.checkout-page label {
	font-weight: normal;
}
.require {
	color: #fa9008;
}
.content-form-page input.form-control {
	border-color: #dbdbdb;
	color: #aaa;
	font: 14px Arial, sans-serif;
	border-radius: 0;
}
.content-form-page .form-control:focus {
	box-shadow: none;
	border: solid 1px #fa9008;
}
.content-form-page .checkbox .col-lg-4 {
	padding-right: 0;
	margin-left: -15px;
}
/*.content-form-page .checker {
	margin-left: -15px;
}*/
.content-form-page .btn {
	margin-right: 10px;
	/*padding: 7px 12px 6px;*/
}
div.content-form-page .checkbox-list {
	margin-left: -3px;
}

/* info at the right of the forms */
.form-info {
	padding: 0 10px 0 30px;
	border-left: solid 1px #e4e6e8;
	margin: 25px 0;
}
.form-info h2,
.ecommerce .form-info h2 {
	font-size: 18px;
	position: relative;
	top: -5px;
	margin-bottom: 5px;
}
.form-info h2 em {
	font-style: normal;
	color: #fa9008;
}
.form-info p {
	margin: 0 0 20px;
}


.nav-tabs {
	border-color: #fa9008;
	padding-bottom: 1px;
	font-size: 14px;
	margin-bottom: 0;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	background: #F4F4F4;
	color: #647484;
	border-radius: 0;
	padding: 5px 15px 4px;
	border: none !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background: #fa9008;
	color: #fff;
	padding: 5px 15px 4px;
}
.tab-content {
	background: #FAFAFA;
	padding: 20px 15px;
}

/* content search */
.content-search {
	background: #fff;
	padding: 10px 15px;
}
.ecommerce .content-search h1 {
	padding-top: 3px;
	margin: 0;
}
.content-search h1 em {
	font-style: normal;
	color: #fa9008;
}
.content-search form {
	margin: 0;
}
.content-search input {
	border-radius: 0;
	border-color: #dbdbdb;
	color: #b0b4b7;
	font: 14px Arial, sans-serif;
	height: 35px;
}
.content-search input:focus {
	box-shadow: none;
	border: solid 1px #e94d1c;
}
.content-search button {
	margin-left: 0 !important;
	font-size: 14px;
	/*padding: 7px 12px 5px;*/
	height: 35px;
}

/***
Pre-Footer and pre-footer elements
***/
.pre-footer {
	background: #313030;
	color: #b0b0b0;
}
.pre-footer .container {
	padding-top: 45px;
}
.pre-footer a {
	color: #fa9008;
}
.pre-footer h2,
.ecommerce .pre-footer h2 {
	font-size: 21px;
	color: #c2c1c1;
}
.pre-footer p {
	margin-bottom: 20px;
}
.pre-footer li {
	margin-bottom: 6px;
}

/* pre-footer twitter block */
.pre-footer dl.f-twitter {
	overflow: hidden;
	margin-bottom: 7px;
}
.pre-footer dl.f-twitter dt {
	width: 30px;
	float: left;
	text-align: left;
	padding-top: 2px;
}
.pre-footer dl.f-twitter dt i {
	color: #fa9008;
	font-size: 20px;
}
.pre-footer dl.f-twitter dd {
	color: #b0b0b0;
	margin-left: 30px;
}
.pre-footer dl.f-twitter dd span {
	color: #6b9cab;
	font-size: 12px;
	margin: 0 5px;
}
.pre-footer address {
	line-height: 1.7;
}
.pre-footer-col {
	padding-bottom: 22px;
}
.pre-footer .top-line {
	border-top: solid 1px #535353;
	padding-top: 24px;
	padding-bottom: 17px;
}
.pre-footer .social-icons {
	padding-top: 5px;
}
.pre-footer .social-icons li a, 
.pre-footer a.social-icon {
  transition: all 0.1s ease-in-out !important;
  -o-transition: all 0.1s ease-in-out !important;
  -ms-transition: all 0.1s ease-in-out !important;
  -moz-transition: all 0.1s ease-in-out !important;
  -webkit-transition: all 0.1s ease-in-out !important;
}
.pre-footer .social-icons li a:hover {
  opacity: 1;
}

.pre-footer hr {
	margin-top: 0;
	border-color: #404040;
}
.pre-footer .form-control,
.pre-footer .form-control:focus {
	border: none;
}

/* subscribe */
.pre-footer .pre-footer-subscribe-box {
	padding-bottom: 14px;
}
.ecommerce .pre-footer-subscribe-box form {
    float: left;
    width: 330px;
}
.pre-footer .pre-footer-subscribe-box p {
	clear: both;
}
.pre-footer-subscribe-box .input-group {
	border: solid 1px #545454;
	padding: 1px 1px 0 0;
}
.pre-footer-light .pre-footer-subscribe-box .input-group {
	border: solid 1px #DBDBDB;
}
.ecommerce .pre-footer-subscribe-box h2,
.corporate .pre-footer-subscribe-box h2 {
	float: left;
	margin-right: 20px;
	padding-top: 7px;
}
.pre-footer-subscribe-box input {
	border-radius: 0;
	background: #313030;
	border: solid 1px #313030;
	color: #909090;
	font: 13px Arial, sans-serif;
}
.pre-footer-subscribe-box input:focus {
	box-shadow: none;
	border: solid 1px #313030;
}
.pre-footer-subscribe-box .btn-primary {
	margin-left: 0 !important;
	border-bottom: none;
	margin-bottom: 1px;
}

/* pre-footer photostream */
.pre-footer .photo-stream li {
	margin: 4px 5px 4px 0;
	display: inline-block;
}
.pre-footer .photo-stream img {
	width: 54px;
	height: 54px;
	border: solid 2px #9ca5ae;
}
.pre-footer .photo-stream img:hover {
	border-color: #fa9008;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;  
}

/* light pre-footer */
.pre-footer-light {
	background: #F9F9F9;
	color: #3E4D5C;
	margin-top: 20px;
}
.pre-footer-light .container {
	background: #fff;
	padding-top: 25px;
}
.pre-footer-light h2,
.ecommerce .pre-footer-light h2 {
	color: #3E4D5C;
}
.pre-footer-light a {
	color: #3E4D5C;
}
.pre-footer-light dl.f-twitter dd {
	color: #3E4D5C;
}
.pre-footer-light dl.f-twitter dd span {
	color: #99a5b1;
}
.pre-footer-light dl.f-twitter dd a {
	color: #e84d1c;
}

.pre-footer-light address a {
	color: #e84d1c;
}

.pre-footer-light hr {
	border-color: #e6e6e6;
}

.pre-footer-light .social-icons li a {
  opacity: 1;
}
.pre-footer-light .social-icons li a:hover {
  opacity: 0.7;
}

.pre-footer-light .input-group {
	border: none;
	padding: 1px 1px 0 0;
}
.pre-footer-light .pre-footer-subscribe-box input {
	background: #fff;
	border: none;
	color: #909090;
}
.pre-footer-light .pre-footer-subscribe-box button:hover {
	color: #fff;
}

/* light pre-footer */
.pre-footer-gray {
	background: #62707F;
	color: #fff;
}
.pre-footer-gray h2,
.ecommerce .pre-footer-gray h2 {
	color: #fff;
}
.pre-footer-gray dl.f-twitter dd {
	color: #fff;
}
.pre-footer-gray dl.f-twitter dd span {
	color: #fff;
	opacity: 0.5;
}

.pre-footer-gray hr {
	border-color: #94a5b6;
}

.pre-footer-gray .social-icons li a {
  opacity: 1;
}
.pre-footer-gray .social-icons li a:hover {
  opacity: 0.7;
}

.pre-footer-gray .pre-footer-subscribe-box fomr {
	color: #fff;
}
.pre-footer-gray .pre-footer-subscribe-box .input-group {
    border: 1px solid #94a5b6;
}
.pre-footer-gray .pre-footer-subscribe-box input {
	background: #62707F;
	border: solid 1px #62707F;
	color: #fff;
}
.pre-footer-gray .pre-footer-subscribe-box input:focus {
	border: solid 1px #62707F;
}
.pre-footer-gray ::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
.pre-footer-gray :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}
.pre-footer-gray ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}
.pre-footer-gray :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}

/* footer */
.footer {
	background: #272626;
	color: #fff;
	font-size: 12px;
	padding: 15px 0;
}
.footer-light {
	background: #F9F9F9;
	color: #3e4d5c;
}
.footer-gray {
	background: #4A5866;
}
.footer a {
	color: #fff;
	text-decoration: underline;
}
.footer a:hover {
	text-decoration: none;
}
.footer-light a {
	color: inherit;
}
.footer .padding-top-10 {
	opacity: 0.5;
}
.footer .list-inline > li:last-child {
	padding-right: 0;
}
.footer ul {
	margin: 0;
	padding: 0;
}
.footer ul.social-footer {
	font-size: 18px;
	padding-top: 5px;
}
.footer ul.social-footer a {
	opacity: 0.5;
}
.footer ul.social-footer a:hover {
	opacity: 1;
}


/***
Custom icon buttons
***/
.icon-btn {
  height: 60px;
  min-width: 80px;
  margin: 0 5px 5px 0;
  border: 1px solid #ddd;
  padding: 12px 0px 0px 0px;
  background-color: #fafafa !important;
  background-image: none !important;
  filter:none !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  display:inline-block !important;
  color: #646464 !important;
  text-shadow: none !important;
  text-align: center;
  cursor: pointer;
  position: relative;  
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.icon-btn i {
  font-size: 18px;
}

.ie8 .icon-btn:hover {
  filter: none !important;
} 

.icon-btn:hover {
  text-decoration: none !important;
  border-color: #999 !important;
  color: #444 !important;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.icon-btn:hover .badge {
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
}

.icon-btn div {
  font-family: 'Open Sans', sans-serif;
  margin-top: 5px;
  margin-bottom: 10px;  
  color: #000;
  font-size: 12px;
  font-weight: 300;
}

.icon-btn .badge {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px !important;
  font-weight: 300;
  top: -5px;
  right: -5px;
  padding: 3px 6px 3px 6px;
  color: white !important;
  text-shadow: none;
  border-width: 0;
  border-style: solid;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/***
Notes
***/

/* Common styles for all types */
.note {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}

.note h1,
.note h2,
.note h3,
.note h4 {
  margin-top: 0;
}

.note p:last-child {
  margin-bottom: 0;
}
.note code,
.note .highlight {
  background-color: #fff;
}

/* Variations */
.note-danger {
  background-color: #FAEAE6;
  border-color: #ed4e2a;
}

.note-warning {
  background-color: #FCF3E1;
  border-color: #fcb322;
}

.note-info {
  background-color: #E8F6FC;
  border-color: #57b5e3;
}

.note-success {
  background-color: #EBFCEE;
  border-color: #3cc051;
}

/*  panel styles */
.panel-default > .panel-heading {
    color: inherit;
}
.panel .panel-title {
	padding-top: 0;
	margin-bottom: 0;
}

/***
Font awesome icons styles
***/
.fontawesome-icon-list [class^="fa-"],
.fontawesome-icon-list [class*=" fa-"],
li [class^="fa-"],
li [class*=" fa-"] {
	display: inline-block;
	width: 1.25em;
	text-align: center;
}
.fontawesome-icon-list [class^="fa-"].icon-large,
.fontawesome-icon-list [class*=" fa-"].icon-large,
li [class^="fa-"].icon-large,
li [class*=" fa-"].icon-large {
  	width: 1.5625em;
}
.fontawesome-icon-list .col-md-3 {
    height: 32px;
    line-height: 32px;
}


/***
Demo Utils
***/
.scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: 10px;
  overflow: auto;
}

.util-btn-margin-bottom-5 .btn {
  margin-bottom: 5px !important;
}

.util-btn-group-margin-bottom-5 .btn-group {
  margin-bottom: 5px !important;
}

.fontawesome-demo i {
  font-size: 18px;
}

.fontawesome-demo li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.glyphicons-demo ul {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}

.bs-glyphicons {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}
.glyphicons-demo ul li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  margin: 0 -1px -1px 0;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid #ddd;
}

.glyphicons-demo .glyphicon {
  display: block;
  margin: 5px auto 10px;
  font-size: 24px;
}
.glyphicons-demo ul li {
	width: 12.5%;
}
.glyphicons-demo ul li [class^="glyphicon-"], .glyphicons-demo ul li [class*=" glyphicon-"] {
	display: block;
	text-align: center !important;
	width: auto;
	line-height: 1.2;
}
.glyphicons-demo ul li:hover {
  background-color: rgba(86,61,124,.1);
}

.buttons-page .btn {
    margin-bottom: 5px !important;
}
.buttons-page .clearfix {
	margin-bottom: 20px;
}
#topcontrol {
	z-index: 99999;
}

/* faq page */
.faq-page .panel-heading {
	padding: 0;
}
.faq-page .panel-heading h4 {
	font-size: 17px;
}
.faq-page .panel-heading a {
	display: block;
	padding: 10px 15px 9px;
}
.faq-page .panel-heading a:hover {
	color: #333;
	text-decoration: underline;
}

/* Services Box */
.service-box p {
  color: #656565;
  font-size: 13px;
}
.service-box .service-box-heading {
  padding: 12px 0;
}
.service-box .service-box-heading i {
  padding: 0;
  -webkit-border-radius: 34px;
     -moz-border-radius: 34px;
          border-radius: 34px;
    font-size:18px;
    height:32px;
    width:32px;
    line-height: 32px;
    text-align:center;
    vertical-align: baseline;
}
.service-box .service-box-heading i.blue {
  color: #0da3e2;
  border:1px solid #0da3e2;
}
.service-box .service-box-heading i.red {
  color: #db3a1b;
  border:1px solid #db3a1b;
}
.service-box .service-box-heading i.green {
  color: #fa9008;
  border:1px solid #fa9008;
}
.service-box .service-box-heading span {
  color: #444;
  font-size: 21px;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 10px; 
  margin-left: 10px;
  display: inline-block;
}
.service-box .service-box-heading [class^="icon-"],
.service-box [class*=" icon-"] {
  display: inline-block;
  text-align: center;
}
.service-box .service-box-heading [class^="icon-"].icon-large,
.service-box .service-box-heading [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}

/* Blockquote Box */
.quote-v1 {
  background: #fa9008;
  padding: 5px 0;
  margin-left: 0;
  margin-right: 0;
}
.quote-v1 a {
  margin: 5px;
  display: inline-block;
}
.quote-v1 span {
  color: #000;
  font-size: 22px;
  font-weight: 300;
  margin: 5px;
  line-height: 26px;
  display: inline-block;
}
.quote-v1 .white {
  color: #fff;
}
.quote-v1 a.btn-transparent {
  color: #fff;
  font-size: 16px;
  padding: 8px 18px;
  white-space: nowrap;   
  text-decoration: none;
  border: solid 1px #fff;
  background: none;
}
.quote-v1 a.btn-transparent:hover {
  background: #fa9008;
  color: #fff;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;      
}
.quote-v1 a.btn-transparent i {
	margin-right: 10px;
}

/* Recent Works */
.recent-work {
  position: relative;
}
.recent-work a:hover {
  text-decoration: none;
}
.recent-work h2,
.ecommerce .recent-work h2 {
  margin: 3px 0 5px;
}
.recent-work h2 a {
	color: #3e4d5c;
}
.recent-work h2 a:hover {
	color: #fa9008;
}
.recent-work-item {
	padding-left: 10px;
}
.recent-work .owl-buttons {
	left: -74px;
	right: auto;
    top: 0;
}
.recent-work .recent-work-item a.recent-work-description {
	padding: 10px;
	display: block;
	background: #fff;
}
.recent-work .recent-work-item:hover a.recent-work-description {
	background: #fa9008;
    transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;		
}
.recent-work .recent-work-item strong {
	color: #000;
	display: block;
	font-size: 16px;
	font-weight: 300;
}
.recent-work .recent-work-item b {
	color: #656565;
	font-weight: 300;
}
.recent-work .recent-work-item:hover b,
.recent-work .recent-work-item:hover strong {
	color: #fff;
}
.recent-work .recent-work-item em {
	display: block;
	overflow: hidden;
	position: relative;
}
.recent-work .recent-work-item .fa {
	color: #fff;
	padding: 16px 30px 16px 18px;
	font-size: 16px;
	position: absolute;
	top: 50%;
	width: 47px;
	height: 47px;
	margin-top: -23.5px;
	border-radius: 47px;
	background: rgba(0,0,0,0.5);
    transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;	
}
.recent-work .recent-work-item .fa:hover {
	color: #fa9008;
}
.recent-work .recent-work-item .fa-link {
	left: -100px;
}
.recent-work .recent-work-item .fa-search {
	right: -100px;
}
.recent-work .recent-work-item:hover .fa-link {
	left: 30%;
}
.recent-work .recent-work-item:hover .fa-search {
	right: 30%;
}

/* Mixed Block */
/* Testimonials */
.testimonials-v1 blockquote {
	padding: 15px; 
	border: none;
	color: #666;
	display: block;
	font-size: 14px;
	line-height: 20px;
	background: #F8F8F8;
	position: relative;
}
.testimonials-v1 blockquote:before {
  content: " ";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 70px;
  width: 0;
  height: 0;
  border-left: 0 inset rgba(0, 0, 0, 0);
  border-right: 22px inset rgba(0, 0, 0, 0);
  border-top: 22px solid #F8F8F8;
}
.testimonials-v1 blockquote:after { 
  width: 13px; 
  height: 13px;
  z-index: 23; 
  content: " "; 
  display: block !important; 
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fa9008 url(step3-angle-right.png) no-repeat;
}

.testimonials-v1 .carousel-info img {
	width: 75px;
	height: 75px;
	padding: 3px; 
	border-radius: 150px !important;
	border: solid 1px #f5f5f5;
}
.testimonials-v1 .carousel-info {
	overflow: hidden;
}
.testimonials-v1 .carousel-info img {
	margin-right: 15px;
}
.testimonials-v1 .carousel-info span {
	display: block;
}
.testimonials-v1 span.testimonials-name {
	color: #fa9008;
	font-size: 16px;
	font-weight: 300;
	margin: 23px 0 7px;
}
.testimonials-v1 span.testimonials-post {
	color: #656565;
	font-size: 12px;
}
.testimonials-v1 .left-btn,
.testimonials-v1 .right-btn {
	right: 0;
	width: 26px;
	height: 26px;
	bottom: 30px;
	border-radius: 26px !important;
	position: absolute;
	display: inline-block;
}
.testimonials-v1 .left-btn {
	right: 30px;
    background: url(fa-angles.png) no-repeat 8px 8px;
}
.testimonials-v1 .right-btn {
    background: url(fa-angles.png) no-repeat -33px 8px;
}
.testimonials-v1 .left-btn:hover {
    background: #e84d1c url(fa-angles.png) no-repeat 8px -31px;
}
.testimonials-v1 .right-btn:hover {
    background: #e84d1c url(fa-angles.png) no-repeat -33px -31px;
}

/* our clients */
.our-clients {
	position: relative;
}
.our-clients h2,
.ecommerce .our-clients h2 {
	margin: 3px 0 5px;
}
.our-clients h2 a {
	color: #3e4d5c;
}
.our-clients h2 a:hover {
	color: #fa9008;
}
.our-clients .client-item {
	background: #f8f8f8;
	margin-left: 2px;
	position: relative;
}
.our-clients .owl-buttons {
	left: -74px;
	right: auto;
    top: 0;
}
.our-clients .client-item img {
	margin-left: auto;
	margin-right: auto;
}
.our-clients .client-item .color-img {
	display: none;
}
.our-clients .client-item:hover img {
	display: none;
}
.our-clients .client-item:hover .color-img {
	display: block;
}

/* Front Carousel */
.front-carousel .carousel-control {
  margin: 0;
  border: none;
  height: 35px;
  font-size: 24px;
  font-weight: normal;
  top: 40%;
  width: 35px;
  background: #222;
  opacity: 0.5;
}
.front-carousel .carousel-control:hover {
  opacity: 0.6;
}
.front-carousel .carousel-control i {
  font-size: 27px;
}
.front-carousel .carousel-control.right i {
  position: relative;
  left: 1px;
}
.front-carousel .carousel-caption {
  padding: 10px 15px 0;
  background: rgba(0,0,0,0.5);
  left: 0;
  right: 0;
  bottom: 0;
  text-align: left;
}
.front-carousel .carousel-control.left {
  left: 0;
}
.front-carousel .carousel-control.right {
  right: 0;
}

/* Skils */
.front-skills span {
  color: #555;
  display: block;
  font-size: 15px;
  margin-bottom: 7px;
}
.front-skills .progress {
  background: #f2f2f2;
}
.front-skills .progress-bar {
  background: #EF4D2E;
}
.front-skills .progress,
.front-skills .progress-bar {
  box-shadow: none;
}

/* Team Blocks */
.front-team .thumbnail {
  border: none;
}
.front-team h3,
.ecommerce .front-team h3 {
  margin:10px 0 12px;
  line-height:40px;
}
.front-team h3 strong {
  color: #fa9008;
  font-size: 20px;
  font-weight: 400; 
}
.front-team h3 small {
  display: block;
  font-size: 13px; 
}
.front-team ul {
  padding: 4px 0 0;
}
.front-team .social-icons {
  overflow: hidden;
}

/* Service Box v1 */
.service-box-v1 {
  text-align: center;
  padding: 15px;
}
.service-box-v1 i {
  padding: 15px;
  font-size: 35px;
}
.service-box-v1:hover {
  background: #d73d04;
  transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.service-box-v1:hover i,
.service-box-v1:hover p,
.service-box-v1:hover h2 {
  color: #fff;
}

/* corp. search result */
.content-search-view2 {
	background: #EDEFF1;
	padding: 20px;
	margin: 0 0 20px;
}
.search-result-item {
    margin: 0 -10px 20px;
    padding: 0 10px 15px;
    border-bottom: 1px solid #ECEBEB;
}
.search-result-item h4,
.ecommerce .search-result-item h4 {
    margin-bottom: 5px;
    padding: 0;
}
.search-result-item h4 a {
	color: #fa9008;
}
.search-result-item p {
	margin-bottom: 10px;
}
.search-link {
    color: #999;
    font-size: 12px;
}

/* FAQ */
.faq-tabbable {
  padding: 0;
  margin: 0;
  list-style: none;
  border-left: solid 2px #fa9008;
}
.faq-tabbable li {
  position: relative;
  margin-bottom: 1px;
}
.faq-tabbable li a {
  font-size: 14px;
  color: #7C858E;
  display: block;
  background: #F4F4F4;
  padding: 12px 10px 11px 8px;
}
.faq-tabbable li:hover a,
.faq-tabbable li.active a{
  background: #fa9008;
  text-decoration: none;
  color: #fff;
}
.faq-tabbable li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #fa9008;
  position: absolute;
  top: 16px;
  right: -5px;
}

/* Lists */
.front-lists-v1 li {
  font-size: 14px;
  margin-bottom: 5px;
}
.content-page .front-lists-v2 li {
  color: #555;
  font-size: 16px;
  margin-bottom: 14px;
  text-transform: uppercase;
}
.front-lists-v2 li i {
  margin-right: 5px;
  font-size: 17px;
}

/* Blog Page */
.blog-posts h2,
.ecommerce .blog-posts h2 {
  padding-top: 0;
}
.blog-posts p {
  text-align: justify;
}
.blog-posts .carousel {
  margin-bottom: 0;
}
.blog-posts hr.blog-post-sep {
  margin: 40px 0;
}
.blog-info {
  list-style: none;
  margin: 15px 0 12px 0;
  padding-left:0;
}
.blog-info li {
  padding: 0;
  color: #555;
  font-size: 13px;
  margin-right: 10px; 
  display: inline-block;
}
.blog-info li i {
  color: #fa9008;
}

.blog-posts .pagination li {
	margin-left: -12px;
	margin-right: 17px;
}

.blog-posts .more,
.blog-sidebar .more {
	color: #fa9008;
}

/* Blog Sidebar */
.recent-news {
  overflow: hidden;
}
.recent-news h3,
.ecommerce .recent-news h3 {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.recent-news h3 a {
	color: #fa9008;
}
.recent-news-inner{
	padding: 0;
}
.blog-talks .tab-style-1 ul.nav-tabs li > a {
  min-width: 50px;
}
.blog-photo-stream li {
  overflow: hidden;
  margin: 0 5px 8px 0;
  display: inline-block;
}
.blog-photo-stream li img {
  width: 54px;
  height: 54px;
  padding: 2px; 
  border: solid 1px #eee;
}
.blog-photo-stream li img:hover {
  border-color: #fa9008;
  box-shadow: 0 0 1px #fff;
  transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.blog-tags ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-tags li {
  position: relative;
  margin: 0 16px 7px 0;
  display: inline-block;
}
.blog-tags li a {
  color: #555;
  background: #f5f5f5;
  display: inline-block; 
  padding: 3px 5px 3px 3px;
}
.blog-tags li a:hover {
  color: #fff;
  background: #fa9008;
  text-decoration: none;
}
.blog-tags li a:hover i {
  color: #fff;
}
.blog-tags li i {
  color: #fa9008;
  margin-right: 5px;
  display: inline-block;
}
.blog-tags li a:after { 
  top: 50%;
  width: 0; 
  left: 100%;
  height: 0;
  z-index: 2; 
  content: " "; 
  display: block; 
  margin-top: -12px; 
  position: absolute;
  border-left: 12px solid #f5f5f5;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;  
}
.blog-tags li a:hover:after { 
  border-left-color: #fa9008;
}

.blog-talks .tab-content {
	background: #FAFAFA;
	padding: 20px 15px;
}
.blog-talks .nav-tabs {
	margin-bottom: 0;
}
.blog-talks .nav-tabs > li {
	margin-top: 1px;
}

/* Blog Sidebar categories BEGIN */ 
.sidebar-categories li a {
  padding: 10px 0;
  border-bottom: 1px solid #ECEBEB;
  color: #333;
}
.sidebar-categories li a:hover {
  background: none;
}
.sidebar-categories li > a:hover,
.sidebar-categories li.active > a,
.sidebar-categories li.active:hover > a {
  color: #fa9008;
}
.sidebar-categories li a:before {
    content: "";
    font-family: FontAwesome !important;
    font-size: 8px;
    padding-right: 10px;
    position: relative;
    top: -1px;
}
/* Blog Sidebar categories END */

/* Blog Item */
.blog-item .blog-item-img {
  margin: 6px 0 25px;
}
.blog-item .blog-item-img .carousel {
  margin-bottom: 0;
}
.blog-item blockquote {
  margin: 20px 40px 18px;
  border-color: #fa9008;
}
.blog-item .blog-info {
  margin: 20px 0;
  padding: 8px 0;
  border-top: solid 1px #ECEBEB;
  border-bottom: solid 1px #ECEBEB;
}
.blog-item .blog-info li {
  padding-left: 13px; 
  border-left: solid 1px #ECEBEB;
}
.blog-item .blog-info li:first-child {
  padding-left: 0; 
  border-left: none; 
}
.blog-item .blog-item-img .carousel-control {
  top: 45%;
}

.blog-item .media {
	border-bottom: solid 1px #ECEBEB;
	margin-bottom: -1px;
}
.blog-item .comments {
	border-top: solid 1px #ECEBEB;
	padding-top: 15px;
}
.blog-item img.media-object {
    top: 2px;
	width: 60px;
	height: 60px;
    position: relative;
}
.blog-item h4.media-heading {
    position: relative;
    padding-top: 0;
}
.blog-item h4.media-heading span {
    right: 0;
    top: 3px;
    color: #777;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
}
.blog-item h4.media-heading span a {
    color: #fa9008;
}

.mix-block .tab-content .col-md-3 {
	padding-right: 0;
}
.mix-block .nav-tabs > li {
    margin-top: 1px;
}

/* front steps */
.front-steps-wrapper h2,
.ecommerce .front-steps-wrapper h2 {
	color: #f0f0f0;
	font-size: 22px;
	line-height: 1.2;
	padding-top: 10px;
	margin-bottom: 5px;
}
.front-steps-wrapper .front-step1 h2,
.ecommerce .front-steps-wrapper .front-step1 h2 {
	color: #fefefe;
}
.front-steps-wrapper p {
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0;
}

.front-steps-wrapper .front-step-col {
	padding-left: 0;
	padding-right: 0;
}
.front-steps-wrapper .front-step-col:first-child {
	padding-left: 15px;
}
.front-steps-wrapper .front-step-col:last-child {
	padding-right: 15px;
}

.front-steps-wrapper .front-step {
	position: relative;
	padding: 15px 20px 33px;
}
.front-steps-wrapper .front-step1 {
	background: #fa9008;
}
.front-steps-wrapper .front-step2 {
	background: #7c858e;
}
.front-steps-wrapper .front-step3 {
	background: #68727c;
}
.front-steps-wrapper .front-step4 {
	background: #636a72;
}
.front-steps-wrapper .front-step5 {
	background: #5e6369;
}
.front-steps-wrapper .front-step6 {
	background: #55585d;
}

.front-steps-wrapper .front-step:before {	
	color: #fff;
	font: 300 125px 'Open Sans', sans-serif;
	font-weight: bold;
	display: block;
	position: absolute;
	right: -20px;
	bottom: -40px;
	opacity: 0.1;
}
.ie8 .front-steps-wrapper .front-step:before {
	display: none !important;
}
.front-steps-wrapper .front-step1:before {
	content: "1";
	opacity: 0.2;
}
.front-steps-wrapper .front-step2:before {
	content: "2";
	right: -15px;
}
.front-steps-wrapper .front-step3:before {
	content: "3";
}
.front-steps-wrapper .front-step4:before {
	content: "4";
}
.front-steps-wrapper .front-step5:before {
	content: "5";
}
.front-steps-wrapper .front-step6:before {
	content: "6";
}

.front-steps-wrapper .front-step:after { 
	top: 50%;
	width: 0; 
	height: 0;
	left: 100%;
	z-index: 2; 
	content: " "; 
	display: block; 
	margin-top: -1em; 
	position: absolute;
	border-left: 15px solid #EC7049;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.ie8 .front-steps-wrapper .front-step:after {
	display: none !important;
}
.front-steps-wrapper .front-step-col:last-child .front-step:after {
	display: none;
}
.front-steps-wrapper .front-step2:after {
	border-left-color: #899199;	
}
.front-steps-wrapper .front-step3:after {
	border-left-color: #778089;	
}
.front-steps-wrapper .front-step4:after {
	border-left-color: #727980;	
}
.front-steps-wrapper .front-step5:after {
	border-left-color: #6E7278;	
	top: auto;
	bottom: 10%;
}

/* pricing */
.pricing {
  position: relative;
  margin-bottom: 15px;
  border: 3px solid #eee;
}
.pricing-active {
  border: 3px solid #fa9008;
  margin-top: -10px;
  box-shadow: 7px 7px rgba(232, 77, 22, 0.2);
}
.pricing:hover {
  border: 3px solid #fa9008;
}
.pricing:hover h4 {
  color: #fa9008;
}
.pricing-head {
  text-align: center;
}
.pricing-head h3,
.pricing-head h4 {
  margin: 0;
  line-height: normal;
}
.pricing-head h3 span, 
.pricing-head h4 span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-style: italic;
}
.pricing-head h3 {
  font-weight: 300;
  color: #fafafa;
  padding: 12px 0;
  font-size: 27px;
  background: #fa9008;
  border-bottom: none;
}
.pricing-head h4 {
  color: #bac39f;
  padding: 5px 0;
  font-size: 54px;
  font-weight: 300;
  background: #fbfef2;
  border-bottom: solid 1px #f5f9e7;
}
.pricing-head-active h4 {
  color: #fa9008;
}
.pricing-head h4 i {
  top: -8px;
  font-size: 28px;
  font-style: normal;
  position: relative;
}
.pricing-head h4 span {
  top: -10px;
  font-size: 14px;
  font-style: normal;
  position: relative;
}
  
/* Pricing Content */
.pricing-content li {
  color: #888;
  font-size: 12px;
  padding: 7px 15px;
  border-bottom: solid 1px #f5f9e7;
}
.pricing-content li i {
  top: 2px;
  color: #fa9008;
  font-size: 16px;
  margin-right: 5px;
  position: relative;
}

/* Pricing Footer */
.pricing-footer {
  color: #777;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  padding: 0 20px 19px;
}

.pricing-footer .btn {
  color: #fff;
}

.pricing-footer .btn:hover {
  color: #fafafa;
}

/* Priceing Active */
.price-active,
.pricing:hover {
  z-index: 9;
}
.price-active h4 {
  color: #36d7ac;
}

.no-space-pricing .pricing:hover {
  transition:box-shadow 0.2s ease-in-out;
}
.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
  color: #36d7ac;
  padding: 15px 0;
  font-size: 80px;
  transition:color 0.5s ease-in-out;
}


/***
Styler Panel
***/
.color-panel {
  z-index: 9999;
  position: fixed;
  top: 120px;
  right: 0;
}
.color-panel .color-mode-icons {
  top: 0;
  right: 0;
  padding: 20px;
  cursor: pointer;
  position: absolute;
  margin: 0;
}
.color-panel .icon-color {
  background: #c9c9c9 url(step3-angle-right.png) center no-repeat;
}
.color-panel .icon-color:hover {
  background-color: #3d3d3d;
}
.color-panel .icon-color-close {
  display: none;
  background: #3d3d3d url(step3-angle-right.png) center no-repeat;
}
.color-panel .icon-color-close:hover {
  background-color: #222;
}
.color-mode {
  top: 0;
  right: 40px;
  width: 200px;
  display: none;
  padding: 20px 10px 10px;
  position: absolute;
  background: #3d3d3d;
}
.color-mode p {
  color: #cfcfcf;
  padding: 0 15px;
  font-size: 15px;
}
.color-mode ul {
  list-style: none;
  padding: 4px 11px 5px;
  display: block;
  margin-bottom: 1px !important;
}
.color-mode li {
  width: 28px;
  height: 28px;
  margin: 4px;
  cursor: pointer;
  list-style: none;
  border: solid 1px #707070;
  display: inline-block;
  padding: 0 5px;
}
.color-mode li:hover,
.color-mode li.current {
  border: solid 1px #ebebeb;
}
.color-mode li.current {
  border: solid 2px #ebebeb;
}

.color-mode li.color-blue {
  background: #64aed9;
}
.color-mode li.color-red {
  background: #e84d1c;
}
.color-mode li.color-green {
  background: #67bd3c;
}
.color-mode li.color-orange {
  background: #e18604;
}
.color-gray {
	background: #798b97;
}
.color-turquoise {
	background: #44b1c1;
}
.color-mode label {
  color: #cfcfcf;
  border-top: 1px solid #585858;
  padding: 10px 10px 0;
  margin: 0 5px;
  display: block;
}
.color-mode label span {  
  text-transform: uppercase;
}
.color-mode label > span {
  display: inline-block;
  width: 85px;
}
.color-mode label > select {
  margin-top: 5px;
  text-transform: lowercase;
}
.color-mode label  span.color-mode-label {
  top: 2px;
  position: relative;
}

.fancybox-overlay {
  z-index: 99999;
}










/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTQ7aC6SjiAOpAWOKfJDfVRY.woff) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRdwxCXfZpKo5kWAx_74bHs.woff) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZ6vnaPZw6nYDxM4SVEMFKg.woff) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfy1_HTwRwgtl1cPga3Fy3Y.woff) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfgrLsWo7Jk1KvZser0olKY.woff) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYjoYw3YTyktCCer_ilOlhE.woff) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../s/opensans/v13/K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../s/opensans/v13/xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../s/opensans/v13/59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../s/opensans/v13/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../s/opensans/v13/MTP_ySUJH_bn48VBG8sNSg7aC6SjiAOpAWOKfJDfVRY.woff) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../s/opensans/v13/MTP_ySUJH_bn48VBG8sNShdwxCXfZpKo5kWAx_74bHs.woff) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../s/opensans/v13/MTP_ySUJH_bn48VBG8sNSp6vnaPZw6nYDxM4SVEMFKg.woff) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvy1_HTwRwgtl1cPga3Fy3Y.woff) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvgrLsWo7Jk1KvZser0olKY.woff) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../s/opensans/v13/MTP_ySUJH_bn48VBG8sNSojoYw3YTyktCCer_ilOlhE.woff) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../s/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../s/opensans/v13/k3k702ZOKiLJc3WVjuplzA7aC6SjiAOpAWOKfJDfVRY.woff) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../s/opensans/v13/k3k702ZOKiLJc3WVjuplzBdwxCXfZpKo5kWAx_74bHs.woff) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../s/opensans/v13/k3k702ZOKiLJc3WVjuplzJ6vnaPZw6nYDxM4SVEMFKg.woff) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../s/opensans/v13/k3k702ZOKiLJc3WVjuplzPy1_HTwRwgtl1cPga3Fy3Y.woff) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../s/opensans/v13/k3k702ZOKiLJc3WVjuplzPgrLsWo7Jk1KvZser0olKY.woff) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../s/opensans/v13/k3k702ZOKiLJc3WVjuplzIjoYw3YTyktCCer_ilOlhE.woff) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(../s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4ZEk0SAHyDN38O8i9vCnTn4.woff) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(../s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4TBlyDWpEJYVQuuPQMv_c-4.woff) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(../s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4awvjhBeOB25B0pWmvErI1g.woff) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(../s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4SXGGgjhbil4nYG1ct5o924.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGBtvTbjs3T7OK9b50AXe70D3rGVtsTkPsbDajuO5ueQw.woff) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGDvlGRZ3uCFbvUJSJFyaVCX3rGVtsTkPsbDajuO5ueQw.woff) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGIAPdqzPmKFFIYQ-46z3JxY.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCD5K6T8I4oZ1X3Xvlj_UeP3rGVtsTkPsbDajuO5ueQw.woff) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGDOFnJNygIkrHciC8BWzbCz3rGVtsTkPsbDajuO5ueQw.woff) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCP2LEk6lMzYsRqr3dHFImA.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlCxe5Tewm2_XWfbGchcXw4g.woff) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlIa1YDtoarzwSXxTHggEXMw.woff) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlJbPFduIYtoLzwST68uhz_Y.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMZXFz2iDKd7GJNSaxRYiSj3rGVtsTkPsbDajuO5ueQw.woff) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGKyGJhAh-RE0BxGcd_izyev3rGVtsTkPsbDajuO5ueQw.woff) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMzFoXZ-Kj537nB_-9jJhlA.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMms7UHsIbjUxEJqIwog-i_3rGVtsTkPsbDajuO5ueQw.woff) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGO4s1Ux4PuImWPk5fSr6HPL3rGVtsTkPsbDajuO5ueQw.woff) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGJkF8H8ye47wsfpWywda8og.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGDCgBLtsnrdK1Wb_YMpk1Ez3rGVtsTkPsbDajuO5ueQw.woff) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGKfQKEmnUd3GHgKOgaFw3O33rGVtsTkPsbDajuO5ueQw.woff) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(../s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGIq-Fb0zf838trI74uojZQY.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}





/***** General *****/

.sep-line{
    margin-bottom: 1.618em;
}

/***** Typo *****/

.lorem > h4{
    font-weight: bold;
}
.lorem > p{
    text-align: justify;
}
.lorem2 > h4{
    font-size: 1.5em;
    font-weight: 600;
}
.lorem2 > p{
    text-align: justify;
}
h4 > .blue{
    font-size: 1.5em;
    font-weight: 600;
}
.bg-title{
    padding: 15px 13px; 
    display: block;
    font-weight: 300;
}
.bg-title a {
    margin: 5px;
    display: inline-block;
}
.bg-small{
    font-size: 15px;
    line-height: 26px;
}
.bg-medium{
    font-size: 20px;
    line-height: 26px;
}
.bg-large{
    font-size: 22px;
    line-height: 26px;
}
p a, p a:focus, p a:hover, p a:active {
    outline: 0 none;
    text-decoration: none;
    cursor:pointer;
}
p a {
    color: #989696;
}
.select-type{
    display: none;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.has-error .form-control {
    border-color: #B90101;
    box-shadow: none;
}
.has-error .form-control:focus {
    border-color: #B90101;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 6px #CE8483;
}

/***** Menu *****/

.header-navigation-content  h4{
    text-transform:capitalize;
    border: none;
}
.header-navigation-content > img{
    position:absolute;
    right: 0;
    bottom: 0;
}
.header .mobi-toggler{
    float: right;
    width: 96px;
    height: 32px;
    margin: 5px 0px 7px 30px;
    border-radius: 10% !important;
    position: relative;
}
.header-navigation .dropdown-menu > li:first-child {
    border-top: none !important;
}
.header-navigation .dropdown-menu {    
    border-top-width: 0;
}
.pro-menu form h4{
    margin-bottom: 1.618em;
    text-transform:none;
    padding: 5px 10px;
}
.pro-menu .fa{
    font-size: 20px;
    top:0;
    line-height:30px;
}
.pro-menu h1{
    font-size: 4em;
    font-weight: bold;
}

/* BEGIN max width 1024px */
@media (max-width: 1024px) {
.header .header-navigation li > a:hover, .header .header-navigation li.active > a, .header .header-navigation li.open > a:hover {
    color: #fa9008 !important;
}
}

/***** Account Boxes *****/

.big-btn-icon {
    transition: all 0.3s ease-out 0s;
    margin-bottom: 10px;
    overflow: hidden;
    cursor:pointer;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.50);
    -moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.50);
    box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.50);
}
.big-btn-icon .visual {
    display: block;
    float: left;
    font-size: 35px;
    height: 80px;
    line-height: 35px;
    margin-bottom: 0;
    padding-left: 15px;
    padding-top: 10px;
    width: 80px;
    position:relative;
}
.big-btn-icon:hover .visual {
    z-index: 2;
}
.big-btn-icon .visual > i {
    opacity: 0.5;
    transition: all 0.3s ease-out 0s;
    overflow:hidden;
}
.big-btn-icon .visual > i {
    font-size: 110px;
    line-height: 110px;
    margin-left: -27px;
}
.big-btn-icon:hover .visual > i {
    opacity: 1;
}
.big-btn-icon .details {
    padding-right: 15px;
    position: absolute;
    right: 15px;
}
.big-btn-icon .details .title {
    font-size: 1.618em;
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 0;
    padding-top: 15px;
    text-align: right;
    transition: all 0.3s ease-out 0s;
}
.big-btn-icon .details .desc {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: right;
    transition: all 0.3s ease-out 0s;
}
.big-btn-icon .more {
    clear: both;
    display: block;
    font-size: 11px;
    font-weight: 300;
    opacity: 0.7;
    padding: 6px 10px;
    position: relative;
    text-transform: uppercase;
    height: 26px;
}
.big-btn-icon:hover .more{
    z-index: 1;
}


/***** Color Boxes *****/

.box{
    height: 101px;
    margin-bottom: 1px;
    padding-right: 10px;
	background-position: left;
}
.box > h4{
    padding-top:10px;
    margin: 0 0 10px 110px;
    font-size: 1em;
    font-weight: bold;
}
.box a:link{
    position:absolute;
    display:block;
    width: 100%;
    height:100px;
}
.box > p{
    margin-left: 110px;
    font-size: .9em;
    
    line-height: 1.2em;
}

/***** Forms *****/


.form-horizontal .has-feedback .form-control-feedback {
    right: 20px;
    top: 0;
    line-height:34px;
}
#qtformconfirm .form-group {
    margin-bottom: 0;
}

#accordion .panel-default > .panel-heading + .panel-collapse .panel-body {
    border:none;
}
#accordion .panel-heading {
    background-color: #fa9008;
    border-color: #e0e0e0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 0;
}
#accordion .panel-heading {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 0;
}
#accordion .panel-heading a:link{
    color: #FFF;
}
#accordion .panel-default {

}
#accordion .panel-title{
    padding: 10px;
}
#accordion-small .panel-title, #accordion-small2 .panel-title  {
    font-size: 13px;
    font-weight:500;
    background-position: 97% 50%;
}
#accordion-small .po, #accordion-small2 .po  {
    font-size: 13px;
    font-weight:500;
    background-position: 97% 50%;
}
#accordion-small .panel-heading a:link, #accordion-small2 .panel-heading a:link{
    display: block;
    width:100%;
    padding: 4px 0 0 0;
    /*height: 100%;*/
}
#accordion-small .smallsubcheck, #accordion-small2 .smallsubcheck{
    padding: 5px 0 0 0;
}
#accordion-small .panel, #accordion-small2 .panel {
    margin-top: 1px;
}
.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: left;
}
.input-icon > i.icon-ctn {
    margin: 8px 2px 4px 10px;
    height: 19px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: default;
}


/***** Portfolio *****/

.mix-grid .mix .mix-details.edit-portfolio{
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.mix-grid .mix .mix-details {
    width: 100%;
    height: 100%;
    bottom: -100%;
    text-align: center;
    position: absolute;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;  
    /*-khtml-opacity:.50; 
    -moz-opacity:.50; 
    -ms-filter:"alpha(opacity=50)";
    filter:alpha(opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
    opacity:.50; */
}
.mix-grid .mix a.mix-link {
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    z-index: 5;
    display: block;
    cursor: pointer;
    margin-top: 10px; 
    width: 51px;
    height: 51px;
    border-radius: 100px !important;
}
.mix-grid .mix a.mix-link:hover, .mix-grid .mix a.mix-preview:hover {
    border: none;
}
.mix-grid .mix .mix-details h4 {
    font-weight: 800;
}
.mix-grid .mix.col-md-6.col-sm-6 .mix-details {
    height: 100%;
}

@media (min-width: 768px) { 
.mix-grid .mix.col-md-3 .mix-details h4 {
    display:none;
}
.mix-grid .mix.col-md-3 .mix-details a.mix-link {
    margin-top: 30px; 
}
}
@media (min-width: 1024px) { 
.mix-grid .mix.col-md-3 .mix-details h4 {
    display:none;
}
.mix-grid .mix.col-md-3 .mix-details a.mix-link {
    margin-top: 25px; 
}
}
@media (min-width: 1200px) { 
.mix-grid .mix.col-md-3 .mix-details h4 {
    display:none;
}
.mix-grid .mix.col-md-3 .mix-details a.mix-link {
    margin-top: 40px; 
}
}


/***** Latest ads *****/

.latest-ads {
	
}
.latest-ads .latest {
	font-size: 16px;
	width: 100%;
	height: 40px;
	padding: 10px 0 0 10px;
	display: inline-block;
}
.latest-ads .latest img {
	float: left;
	display: inline-block;
}
.latest-ads .latest > .title {
    padding: 0 0 0 10px;
	float: left;
	display: inline-block;

}
.latest-ads .ads {
	height: 46px;
	width: 100%;
	display: inline-block;
	padding-left: 10px;
	transition: all 0.3s ease-out 0s;
	cursor:pointer;
}
.ads-date {
	height: 46px;
	width: 45px;
	float: left;
	display: inline-block;
	background-position: center center;
	text-align: center;
	transition: all 0.3s ease-out 0s;
}
.ads-date .date-mois {
	padding-top:5px;
}
.ads-date .date-jour{
	font-weight: bold;
}
.latest-ads .ads:hover .ads-date{
	height: 46px;

}
.ads-cnt {
	float: left;
	display: inline-block;
	margin-left: 15px;
	padding-top: 5px;
}
.ads-cnt > .title{
	font-weight: bold;
	transition: all 0.3s ease-out 0s;
}
@media (min-width: 1024px) { 
.ads-cnt > .title{
	font-weight: bold;
	transition: all 0.3s ease-out 0s;
    white-space:nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis; 
    max-width: 180px;
}
}
.ads-cnt > .adress{
	transition: all 0.3s ease-out 0s;
}

/***** Top footer *****/

.top-footer{
    margin: 100px 0 3px;
    height: 63px;
    background-position: right;
}
.top-footer > .left-foot{
    height: 174px;
    width: 301px;
    top: -111px;
    left: 1px;
    background-position: left;
    position: absolute;
}
.top-footer h4{
    padding-top:5px;
    font-family:arial;
    font-size: 1.618em;
    font-style:italic;
    margin: 0 0 8px 313px;
}
.top-footer > p{
    font-family:arial;
    font-size: 14px;
    margin-left:360px;
    font-weight: bold;
}
.top-footer .btn{
   position: absolute;
   right: 45px;
   top:15px;
   font-weight: bold;
}
.pre-footer{
   min-height: 250px;
}
.pre-footer .container {
    padding-top: 15px;
}
.footer-logo {
   margin-top: 100px;
   margin-bottom: 45px;
}
.pre-footer ul li:first-child {
    font-family:arial;
    font-weight: bold;
    list-style-type: none;
    margin-bottom: 5px;
    margin-left: -15px;
}

.pre-footer li {
    font-family:arial;
    margin-bottom: 0;
    list-style-type: none;
    margin-left: -15px;
}
.pre-footer a {
    cursor:pointer;
    text-decoration: none;
}
.pre-footer a:hover {
    text-decoration: none;
}

/***** Latest ads *****/

.skills-tags ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.skills-tags li {
    display: inline-block;
    margin: 0 16px 7px 0;
    position: relative;
}
.skills-tags li a {
    display: inline-block;
    padding: 3px 5px 3px 3px;
}
.skills-tags li a:hover {
    text-decoration: none;
}
.skills-tags li a:hover i {

}
.skills-tags li i {
    display: inline-block;
    margin-right: 5px;
}
.skills-tags li a:after {
    content: " ";
    display: block;
    height: 0;
    left: 100%;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 2;
}
.skills-tags li a:hover:after {

}
.colla{
    cursor:pointer;
}
.hiddenRow {
    padding: 0 !important;
}
.hiddenRow tr:hover > th {

}
.borderless td {
    border: none !important;
}
.img-foot-responsive{
    margin-top:-15px;
    margin-left: 1.618em;
}
.review-item-submitted em {
    color: #bbb;
    font-size: 12px;
    font-style: normal;
}
.review-item-submitted strong, .review-item-submitted em {
    display: block;
}
.review-item-content p{
    text-align:justify;
}
.review-title-white {
    padding:10px 0;
    margin-bottom: 25px;
}
.review-title-green {
    padding: 10px 13px;
    margin: 0 -5px 20px;
    overflow: hidden;
    width: 100%;
    font-weight: bold;
}
.review-title-green h3{
    margin:0;
}
.review-title-white .dl-horizontal{
    margin-bottom: 0;
}
.review-title-white dt{
    text-align: left;
}
.review-title-white dt h4{
    line-height: 1.5em;
    margin:0;
}
.review-title-white dd{
    line-height: 2.3em;
    text-align: right;
}
.review-item {
    border-bottom: 1px solid #eee;
    margin: 0 -5px 20px;
    overflow: hidden;
    padding: 0 5px 5px;
    width: 100%;
}
.review-item-submitted {
    margin-bottom: 5px;
    position: relative;
}
.review-item-submitted .rateit {
    position: absolute;
    right: 0;
    top: 3px;
}
.product-page .rateit {
    margin-right: 27px;
}
.rateit {
    -moz-user-select: none;
    display: inline-block;
}

/* Blog */

.collapse-tags-container hr {
    margin: 15px 0px 10px 0px;
    border-right: 0px none;
    border-left: 0px none;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: #CCC -moz-use-text-color -moz-use-text-color;
}
.blog-tags .viewmoretags i{
    font-size: 2.2em; 
    color: #0587F5;
    font-weight: bold;
}



/* Customer Quotes Page */


table.customer-quotes tr td{
    vertical-align: middle;
}
.customer-quotes .label{
    display: inline-block;
    padding: 8px 5px;
    width: 100%;
}

.editable > [class^="fa-"], [class^="glyphicon-"], [class^="icon-"], [class*=" fa-"], [class*=" glyphicon-"], [class*=" icon-"] {
    display: inline-block;
    line-height: 1em;
    margin-top: 1px;
}


.grayscale {
   filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
}

.color {
   filter: grayscale(0%);
   -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   -ms-filter: grayscale(0%);
   -o-filter: grayscale(0%);
}

/* Customer home page */

.customer-home{
  min-height: 210px;  
}
.customer-home .gravatar{
    margin: 1.618em;
}
.customer-home h1{
    font-size: 1.618em;
    /*color: #0587F5;*/
    font-weight: 600;
    margin-bottom: 10px;
}
.customer-home h4{
    font-size: 1em;
    margin-bottom: 5px;
}
.verif-img img{
    cursor: pointer;    
}
.customer-account-info{
    border: 1px solid #DBDCE0;
    border-radius: 2px !important;
    padding: 1.618em;
}
.customer-home hr{
    margin: 10px 0px;
}
.customer-info form{
    margin-top: 1.618em;
    margin-bottom: 10px;
}
.customer-info a{
    color: #0587F5;
}
.account-verified, .sms-verified, .email-verified{
    padding: 1.618em;   
    background: #DBDCE0; 
    border-radius: 2px !important;
    margin-bottom: 10px;
    display: none;
}





/* Portfolio */
/* Portfolio Filter */
.mix-filter {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}
.mix-filter li {
  color: #555;
  cursor: pointer;
  padding: 6px 15px;
  margin-right: 2px;
  margin-bottom: 5px;
  background: #eee;
  display: inline-block;
}
.mix-filter li:hover,
.mix-filter li.active {
  color: #fff;
  background: #e44f00;
}
.mix-grid .mix {
  opacity: 0;
  display: none;
}

/* Portfolio Hover */
.mix-grid .mix {
  position: relative;
  overflow: hidden; 
  margin-bottom: 15px;
}
.mix-grid .mix .mix-inner {
  position: relative;
  width: 100%;
}
.mix-grid .mix .mix-details {
  color: #fff;
  width: 100%;
  height: 100%;
  bottom: -100%;
  text-align: center;
  position: absolute;
  background: rgba(228,79,0,1);
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;  
}
.mix-grid .mix:hover .mix-details {
  bottom: 0;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;  
}
.mix-grid .mix .mix-details h4 {
  color: #fff;  
  margin-top: 30px;
  padding: 0 10px;
}
.mix-grid .mix .mix-details p {
  padding: 0 30px;
}
.mix-grid .mix .mix-details i {
  color: #fff;
  font-size: 14px;
}
.mix-grid .mix a.mix-link, 
.mix-grid .mix a.mix-preview {
  color: #555;
  display: block;
  cursor: pointer;
  margin-top: 10px; 
  position: absolute;
  padding: 10px 15px;
  background: #DB3A1B;
}
.mix-grid .mix a.mix-preview {
  left: 50%;
  margin-left: 5px;
}
.mix-grid .mix a.mix-link {
  right: 50%;
  margin-right: 5px;
}
.mix-grid .mix a.mix-link:hover,
.mix-grid .mix a.mix-preview:hover {
  color: #fff;
  padding: 9px 14px;
  text-decoration: none;
  border: solid 1px #eee;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) { 
  .mix-grid .mix.col-md-6.col-sm-6 .mix-details {
    height: 50%;
  }

}
@media (min-width: 768px) and (max-width: 991px) { 
  .mix-grid .mix a.mix-link,
  .mix-grid .mix a.mix-preview {
    margin-top: 5px;
  }
}


/* BEGIN max width 1200px */
@media (max-width: 1200px) {
	.content-form-page .control-label {
		padding-left: 30px;
		padding-bottom: 5px;
	}
	.content-form-page .col-md-offset-4 {
		margin-left: 15px;
	}
	.content-form-page .pull-right {
		float: left !important;
	}

	.quote-v1 span {
		font-size: 20px;
	}
}
/* END max width 1200px */

/* BEGIN min width 1025px */
@media (min-width: 1025px) {
	.header .header-navigation {
		display: block !important;
	}
}
/* END min width 1025px */

/* BEGIN min width 1025px max width 1205 */
@media (min-width: 1025px) and (max-width: 1205px) {
	body.page-header-fixed {
		padding-top: 121px !important; /* height of the header */
	}

	.header .header-navigation {
		display: block !important;
		clear: both;
		margin-top: -10px;
		float: left !important;
	}
	.reduce-header .header-navigation {
		margin-top: -6px;
	}
	.header .header-navigation > ul > li {
		margin-right: 27px;
	}
	.header .header-navigation > ul > li > a {
		padding: 5px 0 18px;
	}
	.reduce-header .header-navigation > ul > li > a {
		padding-bottom: 13px;	
	}
	.header .header-navigation > ul > li.active > a, .header .header-navigation > ul > li > a:hover, .header .header-navigation > ul > li > a:focus, .header .header-navigation > ul > li.open > a, .header .header-navigation > ul > li.open > a:hover, .header .header-navigation > ul > li.open > a:focus {
		background: none;
	}
	.header-navigation > ul > li.dropdown:hover > a:after {
		margin-left: 10px;
	}

	.dropdown-fix-right .dropdown-menu {
		left: 0;
		right: auto;
	}

	.header .header-navigation li.menu-search {
		top: 1px;
		margin-left: -20px;
	}
	.ecommerce .header .header-navigation li.menu-search {
		top: 2px;
	}
	.header .header-navigation li.menu-search span.sep {
		top: 2px;
		margin-right: 26px;
	}
	.header .header-navigation li.menu-search i {
		top: -4px;
	}
}
/* END min width 1025px max width 1205 */

/* BEGIN max width 1024px */
@media (max-width: 1024px) {
	body.page-header-fixed {
		padding-top: 107px !important; /* height of the header */
	}

	.header .mobi-toggler {
		display: block;
	}
	.header .header-navigation {
		float: none !important;		
		display: none;
		clear: both;
		background: #F9F9F9;
		padding: 0 20px;
		margin: 0 -20px 25px;
		font-size: 16px;
	}
	.header .header-navigation li {
		float: none;
		padding: 0;
		clear: both;
	}
	.header .header-navigation li > a,
	.header .dropdown.open .dropdown-toggle,
	.header .header-navigation li.open > a {
		border-bottom: 1px solid #efefef !important;
		padding: 8px 10px 9px;
		margin: 0 -10px;
		position: relative;
		color: #666 !important;
		background: none !important;
	}
	.ecommerce .header .header-navigation li > a,
	.ecommerce .header .dropdown.open .dropdown-toggle,
	.ecommerce .header .header-navigation li.open > a {
		padding: 12px 10px 9px;
	}
	.header .header-navigation li > a:hover,
	.header .header-navigation li.active > a,
	.header .header-navigation li.open > a:hover {
		border-bottom: 1px solid #efefef !important;
		background: none !important;
		color: #dd4632 !important;
		text-decoration: none;
	}

	.header-navigation > ul > li.dropdown:hover > a:after {
	    border: none;
	}

	.header-navigation > ul > li > a > i.fa-angle-down {
		display: block;
		float: right;
		margin: 3px 0 0;
	}

	/* dropdown menu */
	.header-navigation .dropdown-menu,
	.header-navigation > ul > li > .dropdown-menu {
		position: static;
		width: 100%;
		margin: 0;
		border: none;
		box-shadow: none;
		background: none;		
		margin-top: 0;
		border-top: none;
		z-index: 22;
	}
	.header-navigation .dropdown-menu li {
		border: none !important;
		margin-left: 20px;
	}
	.header-navigation .dropdown-menu li > a {
		padding: 10px 10px 9px;
		z-index: 999;
		position: relative;
	}
	.header-navigation .dropdown-menu li > a > i {
		display: none;
	}

	.header-navigation .dropdown-menu .dropdown-menu {
		display: block;
	}
	.header-navigation .header-navigation-content {
		border: none;
	}
	.dropdown-megamenu .header-navigation-content {
		padding: 5px 0 0;
		margin-left: -20px;
	}
	.dropdown-megamenu .header-navigation-content .row {
		margin: 0;
	}
	.dropdown-megamenu .header-navigation-content .header-navigation-col {
		padding: 0;
		float: none;
		width: 100%;
	}
	.dropdown-megamenu .header-navigation-content h4 {
		font-size: 13px;
		padding: 10px 10px 9px;
		margin: 0 -10px 0 10px;
	}
	.header-navigation .dropdown-megamenu .header-navigation-content li > a {
		padding: 10px 10px 9px;
	}

	.header-navigation-content-ext {
		background: none;
	}
	.header-navigation-description {
		height: auto !important;
		background: none;
		box-shadow: none;
		padding: 0;
		margin: 0 10px;
	}
	.header-navigation-content-ext .col-md-6,
	.header-navigation-content-ext .col-md-3 {
		float: none;
		width: 100%;
	}
	.dropdown-megamenu .header-navigation-content-ext .col-md-3 h4 {
		border-bottom: 1px solid #EFEFEF;
	}
	.header-navigation .dropdown-menu .header-navigation-content-ext li > a {
		display: block;
	}
	.header-navigation-content-ext .col-md-3, .header-navigation-content-ext .col-md-6 {
		padding: 0;
	}
	.header-navigation-content-ext .col-md-6 {
		margin-left: 10px;
	}
	.header-navigation-content-ext .col-md-6 h4 {
		margin-left: 0;
		padding-left: 0;
	}

	.header .nav-brands {
		margin: 15px 10px;
		padding: 0;
		width: 100%;
		background: #fff;
	}
	.header .nav-brands ul {
		border: 1px solid #F0F0F0;
		padding: 10px;
	}
	.header .nav-brands li {
		max-width: 50%;
		display: inline-block;
		border: none;
		margin-left: 0
	}
	.header .nav-brands li a,
	.header .nav-brands li a:hover {
		border: none !important;
		margin: 0 !important;
	}

	.nav-catalogue .dropdown-menu > li {
		margin-left: 0;
	}
	.nav-catalogue .header-navigation-content {
		padding: 20px 0 0;
	}
	.nav-catalogue .product-item {
		margin-bottom: 20px;
	}

	.header-navigation li.menu-search,
	.ecommerce .header-navigation li.menu-search {
		top: 0;
		padding: 20px 0 10px;
		position: relative;
	}
	.header-navigation li.menu-search span.sep {
		display: none;
	}
	.header-navigation .search-box {
		position: relative;
		right: auto;
		left: 0;
	}
	.header-navigation .search-box:after {
		right: auto;
		left: 0;
	}

	.top-cart-block {
		margin-top: 3px;
	}

	.page-header-fixed .header-navigation {
		height: 300px;
		overflow: auto;
	}
}
/* END max width 1024px */

/* BEGIN max width 992px */	
@media (max-width: 992px) {
	.shop-index-carousel {
		margin-left: 0;
		margin-right: 10px;
	}

	.brands .container {
		padding-right: 25px;
	}

	.sidebar-menu a:focus {
		color: #333 !important;
		text-decoration: none;
	}

	.sale-product___removed {
		margin-bottom: 40px;
	}
	.new-arrivals___removed {
		margin-left: 15px;
		padding-left: 0;
	}
	.two-items-bottom-items {
		margin-bottom: 40px;
	}
	.carousel img {
		width: 100%;
	}

	/*.steps-block {
		padding-bottom: 10px;
	}
	.steps-block-col {
		border: 2px solid #FFF;
		margin: 0 20px 20px 15px;
		padding: 20px 20px 15px;
		min-height: auto;
		float: left;
	}
	.steps-block-col:last-child {
		margin-right: 0;
	}
	.steps-block .steps-block-col div {
		margin-left: 0;
		margin-right: 0;
	}
	.steps-block h2 {
		font-size: 25px;
	}
	.steps-block em {
		text-transform: inherit;
	}
	.steps-block-col span,
	.steps-block-col .fa {
		display: none;
	}
	.steps-block-col:first-child em {
		margin-left: 0;
	}*/

	.steps-block-col {
		border: 2px solid #FFF;
		margin: 0 25px 20px 15px;
		padding: 20px 20px 15px;
		min-height: auto;
		float: none;
	}
	.steps-block-col:last-child {
		margin-right: 25px;
		margin-bottom: 0;
	}
	.steps-block .steps-block-col div {
		margin-left: 0;
		margin-right: 0;
	}
	.steps-block h2 {
		font-size: 43px;
	}
	.steps-block em {
		text-transform: uppercase;
	}
	.steps-block-col span {
		display: none;
	}
	.steps-block-col .fa {
		display: block;
	}

	.pre-footer-subscribe-box form {
		width: 100%;
	}

	.sidebar-products img {
		float: none;
		margin-bottom: 5px;
		width: 100%;
		height: auto;
	}
	.sidebar-products h3,
	.sidebar-products .price {
		margin-left: 0;
	}
	.product-page-options .pull-left {
		margin-bottom: 10px;

	}
	.product-quantity {
		margin-bottom: 10px;
	}

	/*
	if you want to hide buttons on mobile view, uncomment this block
	.pi-img-wrapper div {
		display: none !important;
	}*/
	.review .rateit {
		width: 100%;
		margin-bottom: 10px;
	}
	.list-view-sorting .pull-right {
		margin-bottom: 10px;
	}

	.service-box p, .service-box .service-box-heading em, .service-box .service-box-heading span {
		display: block;
		text-align: center;
	}
	.service-box .service-box-heading em {
		margin-bottom: 10px;
	}

	.quote-v1 {
		text-align: center;
	}
	.quote-v1 .text-right {
		text-align: center;
	}

	.recent-work .owl-carousel {
		margin-left: -10px;
	}
	.our-clients .owl-carousel {
		margin-left: -2px;
	}
	.recent-work .owl-carousel,
	.our-clients .owl-carousel {
		padding-top: 30px;
	}
	.recent-work .owl-buttons,
	.our-clients .owl-buttons {
		top: 0;
		left: -3px;
	}
	.our-clients .owl-buttons {
		left: -10px;
	}

	.testimonials-v1 {
		padding-top: 40px;
	}

	.recent-work .recent-work-item .fa {
		width: 36px;
		height: 36px;
		margin-top: -18px;
		font-size: 14px;
		padding: 12px;
	}

	.recent-news-inner {
		padding: 10px 15px 0;
	}

	.ecommerce .pre-footer-subscribe-box h2, .corporate .pre-footer-subscribe-box h2 {
		padding-top: 0;
	}
	.pre-footer .pre-footer-subscribe-box {
    	padding-bottom: 25px;
	}
	.ecommerce .pre-footer-subscribe-box form {
		width: 100%;
	}

	.ecommerce .content-search h1 {
		padding-top: 0;
		margin-bottom: 3px;
	}
	.content-search form {
		margin: 0 0 6px;
	}
}
/* END max width 992px */

/* BEGIN max width 767px */
@media (max-width: 767px) {
	.pre-header .pull-right {
		float: left !important;
	}
	.pre-header .pull-right li:first-child {
		padding-left: 0;
	}
	.ecommerce .pre-footer-subscribe-box form {
		float: none;
		width: auto;
	}

	.header .header-navigation {
		margin: 0 -10px 0;
		padding: 0 10px;
	}
	.header-navigation-content {
		min-width: 100px;

	}

	.sidebar {
		margin-bottom: 40px;
	}
	.sidebar___removed {
		margin-bottom: 40px;
	}
	.sidebar-menu .fa-angle-right {
		display: inline-block;
	}
	.pre-footer .pull-right,
	.footer .pull-right {
		float: none !important;
	}
	.pre-footer .pull-right,
	.footer .pull-right {
		padding-top: 15px;
	}
	.footer .list-inline > li {
		padding-left: 0;
		margin-right: 5px;
	}


	.form-info {
		border-left: none;
		padding-left: 0;
		padding-top: 30px;
		border-top: 1px solid #E4E6E8;
		margin-bottom: 0;
	}

	.sidebar-products .item {
		float: left;
		width: 48%;
		margin-bottom: 20px;
		padding: 0 10px 10px;
	}
	.sidebar-products img {
		width: 100%;
		height: auto;
	}
	.list-view-sorting {
		/*background: #fff;*/
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.list-view-sorting .col-md-10 {
		padding-right: 0;
	}
	.product-other-images {
		margin-bottom: 40px;
	}
	.product-page-options .pull-left {
		margin-bottom: 0;
	}
	.product-item .img-responsive {
		width: 100%;
	}
	.pagination {
		float: left !important;
		padding-top: 10px;
	}
	.pagination > li {
		margin-left: 0;
		margin-right: 5px;
	}

	.pre-footer .margin-bottom-40 {
		margin-bottom: 0;
	}
	.ls-layer3 .ls-price strong {
		top: -15px;
	}

	.glyphicons-demo ul li {
	    width: 12.5%;
	}

	.tab-style-1 .tab-content img {
    	margin: 5px 0 10px;
	}
	.testimonials-v1 {
		padding-top: 20px;
	}

	.front-steps-wrapper {
		margin-left: -10px;
		margin-right: -10px;
	}
	.front-steps-wrapper .front-step-col {
		padding-left: 15px;
		padding-right: 15px;
	}
	.front-steps-wrapper .front-step:after {
		display: none;
	}

	.blog-posts h2, .ecommerce .blog-posts h2 {
	    padding-top: 15px;
	}

	.ecommerce .footer {
		padding: 10px 0 10px;
	}
	.ecommerce .footer .pull-right {
		padding-top: 10px;
	}
	.ecommerce .pre-footer address {
	    margin-bottom: 15px !important;
	}
	.footer img {
		margin-bottom: 10px;
	}
	.ecommerce .pre-footer-subscribe-box h2, .corporate .pre-footer-subscribe-box h2 {
		padding-top: 7px;
	}
}
/* END max width 767px */

/* BEGIN max width 600px */
@media (max-width: 600px) {
	.ls-layer3 .ls-price strong {
		top: -5px;
	}
}
/* END max width 600px */

/* BEGIN max width 480px */
@media (max-width: 480px) {
	.pre-header .list-inline li {
		display: block;
		border: none;
		margin-bottom: 10px;
		padding: 0;
	}
	.pre-header .col-md-6 {
		float: left;
	}
	.pre-header .additional-nav {
		float: right;
		text-align: right;
	}

	.nav-catalogue .pi-price {
		margin-bottom: 10px;
	}
	.nav-catalogue .pi-price,
	.nav-catalogue .product-item .add2cart {
		float: none;
	}

	.top-cart-block {
		clear: both;
		float: left;
		padding-top: 0;
		margin: 0 0 29px;
		width: 100%;
	}
	.top-cart-info {
		float: none;
	}
	.top-cart-block .fa-shopping-cart {
		top: 0;
	}
	.top-cart-content-wrapper {
		left: 0;
		right: auto;
	}
	.top-cart-content:after {
		left: 15px;
	}

	.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next {
		display: none;
	}

	.checkout-content {
	    padding: 0 0 40px;
	}
	.checkout-page h2 a {
		padding: 9px 10px 8px;
	}
	.table-wrapper-responsive {
		overflow-x: scroll;
	}

	.shopping-cart-page .btn-default {
		float: right;
	}
	.shopping-cart-page .btn-primary {
		clear: both;
		margin-top: 10px;
	}
	.checkout-page .btn-default {
		clear: both;
		margin-top: 10px;
		margin-right: 0 !important;
	}

	.product-item:hover > .pi-img-wrapper>div {
		display: none;
	}

	.steps-block-simple h2 {
		font-size: 21px;
	}
	.steps-block-simple em {
		font-size: 14px;
		text-transform: inherit;
	}

	.ecommerce .pre-footer-subscribe-box h2,
	.corporate .pre-footer-subscribe-box h2 {
		float: none;
	}

	.list-view-sorting .pull-right {
		float: left !important;
		margin: 0 30px 10px 0;
	}

	.header .top-cart-block {
		margin-top: 0;
	}
	.reduce-header .top-cart-block {
		margin-top: 0;
		margin-bottom: 19px;
	}
}
/* END max width 480px */

/* BEGIN max width 450px */
@media (max-width: 450px) {
	.ecommerce .steps-block h2 {
		font-size: 33px;
	}
}
/* END max width 450px */

/* BEGIN max width 405px */
@media (max-width: 405px) {
	.top-cart-content {
		width: 100%;
	}
	.top-cart-block img,
	.top-cart-block .cart-content-count {
		display: none;	
	}
}
/* END max width 405px */

/* BEGIN max width 390px */
@media (max-width: 390px) {
	.steps-block .fa-truck, .steps-block .fa-gift, .steps-block .fa-phone {
	    border: 2px solid #FFFFFF;
	    border-radius: 30px !important;
	    float: left;
	    font-size: 20px;
	    width: 40px;
	    height: 40px;
	    margin-right: 11px;
	    padding-top: 12px;
	    text-align: center;
	    vertical-align: middle;	    
	}
	.ecommerce .steps-block h2 {
		font-size: 25px;
		padding-top: 2px;
	}
	.ecommerce .steps-block em {
		text-transform: inherit;
	}

	.mix-block .tab-content .col-md-3 {
		padding-right: 15px;
	}
}
/* END max width 390px */

/* BEGIN max width 330px */
@media (max-width: 330px) {
	.top-cart-content {
		width: 280px;
	}
}
/* END max width 330px */

/* BEGIN max width 320px */
@media (max-width: 320px) {
	.site-logo {
		margin-right: 0;
	}
	.content-form-page .btn-default {
		margin-top: 10px;
	}
	.price-availability-block .availability {
	    clear: left;
	    float: left;
	}
	.product-page-options .pull-left {
		margin-bottom: 10px;
	}
}
/* END max width 320px */
.header {
  background-color: rgb(219, 220, 224);
  border-bottom: 2px solid #fa9008;
}
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
.col-xs-15 {
    float: left;
    width: 20%;
}
@media (min-width: 768px) {
.col-sm-15 {
    float: left;
    width: 20%;
}
}
@media (min-width: 992px) {
.col-md-15 {
    float: left;
    width: 20%;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
    float: left;
    width: 20%;
}
}

.row-height {
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%;
}
.login-btn {
    background-color: #e2452b;
    background-image: none;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin: 0 0 10px;
    padding: 7px 16px;
}
.btn1 {
    background-color: #617bb3;
}
.btn2 {
    background-color: #e2452b;
}
.btn3 {
    background-color: #a549a8;
}
.btn4 {
    background-color: #008ccb;
}
.btn5 {
    background-color: #0f5eb5;
}
.login-btn i {
    font-size: 18px;
    margin: 0 10px 0 0;
}
.form-box {
    background-color: #fbfbfb;
    border-radius: 5px;
    border-top: 5px solid;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    float: left;
    margin: 0 0 30px;
    min-height: 560px;
    width: 100%;
}
.form-box h2 {
    color: #222222;
    font-family: "Crete Round",serif;
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
}
.form-box textarea {
    resize: none;
}
.form-box .form-body {
    background-color: #fff;
    box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 30px;
    position: relative;
    z-index: 10;
}
.form-box form input, .form-box form select {
    min-height: 40px;
}
.form-box .footer {
    background-color: #fbfbfb;
    float: left;
    padding: 30px;
    position: relative;
    width: 100%;
}
.form-box .footer ul {
    float: left;
    list-style: outside none none;
    margin: 0 0 30px;
    width: 100%;
}
.form-box .footer ul li {
    float: left;
    margin: 3px 0;
    width: 100%;
}
.form-box .footer ul li::before {
    content: "::";
    float: left;
    font-size: 18px;
    margin: 0 10px 0 0;
}
.form-box .footer ul li a {
    color: #322c29;
    display: block;
}
.price-footer a, .newsletter-contant button, .btn-style {
    border: medium none;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px;
}
.btn-style:hover {
    color: #fff;
}