
html{
    font-size: 62.5%;
}
a,a:hover{
    cursor: pointer;
    text-decoration: none;
	
}
img{
    max-width: 100%;
}
.noJs .no-js{
    display: none;
}
label{
    position: relative;
}

/*header*/
header{

}

.navbar-inverse .navbar-nav > li > a {
    color: #404B52;
	color:#2D3E50;
}

.business-header {
    min-height: 400px;
    background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),url('../images/Designe2.jpeg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.business-header-welcome {
    min-height: 400px;
    background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0)),url('../images/Designe1.jpeg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.business-header-recherche {
    min-height: 200px;
    background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),url('../images/Designe2.jpeg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.business-header-recherche-small {
    min-height: 80px;
    background: url('../images/confiance3.jpg') center center no-repeat scroll;
	background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),url('../images/confiance2.jpg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.business-header_small {
    min-height: 220px;
    background: url('../images/confiance.jpg') center center no-repeat scroll;
	background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),url('../images/confiance2.jpg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}



.business-header-inscription {
    min-height: 170px;
    background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),url('../images/confiance.jpg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.business-header-inscription-small {
    min-height: 200px;
    background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),url('../images/slide-one.png') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.business-header-fiche {
    min-height: 250px;
    background: url('../images/confiance.png') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.business-header-compte {
    min-height: 220px;
    background: url('../images/confiance.png') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}




.nav-carte::before{position:absolute;top:-35px;right:-15px;filter:drop-shadow(5px 5px 5px #000)}#Martinique .nav-carte::before{background:url(../images/Martinique.png) center no-repeat;background-size:cover}#Guadeloupe .nav-carte::before{background:url(../images/Guadeloupe.png) center no-repeat;background-size:cover}#Guyane .nav-carte::before{background:url(../images/Guyane.png) center no-repeat;background-size:cover}#Reunion .nav-carte::before{background:url(../images/Reunion.png) center no-repeat;background-size:cover}#Guadeloupe .isFixed .nav-carte::before,#Martinique .isFixed .nav-carte::before{top:-2px;right:-33px}



span.info{
    cursor: pointer;
}
span.info:after{
    font-family: "fontawesome";
    content: "\f05a";
}
.infoConnect{
    display: none;
    position: absolute;
    border: solid 1px red;
    z-index: 5;
    width: 100%;
    left: 0;
    bottom: -67px;
    background: #fff;
}
.seeInfo:hover .infoConnect{
    display: block;
}
#recoverPassword{
    display: none;
}
.headerConnexion > div{
    text-align: center;
}

.topHead ul{
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
}
.topHead ul li{
    display: inline-block;
}
.shoppingcart{
    width: 200px;
    position: absolute;
    right: 10px;
    padding: 20px;
    z-index: 4;
    background: #fff;
    display: none;
    top: 45px;
    webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
   /* width: 200px;*/
}
.cart > span{
    border-left: solid 1px #999;
    margin-left: 20px;
    border-radius: 0;
}
.cart:hover .shoppingcart{
    display: block;
}
.stick-menu-logo h1 span,header h2{
    position: absolute;
    left:-999px;
}
.menu-top_menu-container{
    overflow: hidden;
    background: #f6f6f6;
    text-align: right;
}
.nav-menu{
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav-menu > li{
    display: inline-block;
}
.nav-menu > li > a{
    display: block;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 5px 10px;
}
.menu-top_menu-container .nav-menu > li > a:hover,
.menu-top_menu-container .nav-menu > li > a.active{
    background: #333;
    color: #fff;
}
.siteContact{
    overflow: hidden;
}
.siteContact ul{
    list-style: none;
}
.siteContact ul li{
    display: inline-block;
}
.siteContact ul li a{
    display: block;
}
/*content*/
.content{
    padding-bottom: 30px;
}

/*resultat de recherche*/
.results article{
    border: solid 1px transparent;
    margin-bottom: 20px;

}
.results article div{
    position: relative;
}
.results article div.proDesc p:first-of-type{
   
}
.results .buttonStyle{

}
.proReview > p{

}
/*home à déplacer dans home css*/ 

/* Recherche*/
.topSearch{

}
.topSearch{

}
.topSearch .textSearch{
    text-align: center;
    padding: 0;
    padding: 10px;
}
.topSearch .buttonSearch{

    padding: 10px;
    text-align: center;
}
.topSearch .textSearch > div,
.topSearch .buttonSearch > div{
    background: #f6f6f6;
    padding: 10px;
}
.topSearch .textSearch input[type="text"],
.topSearch .textSearch select{
    display: block;
    width: 100%;

}
.review{
    background: #f6f6f6;
    margin: 0;
}
.results .illus{
    height: 130px;
}
.results .illus img{
    max-height: 100%;
}
/***/
.lastSubscribers .subscribers{
    padding: 10px;
}
.lastSubscribers .subscribers > div{
    padding: 10px;
    border: solid 1px #333;
}
.featureThumb > div{
    border: solid 1px #333;
    padding: 10px;
}
/*footer*/
footer{
    background: #f6f6f6;
    bottom:0;
    width: 100%;

}

html, body {
    height: 100%;

}
body {

    width: 100%;
}



/*diver*/
/*carousel*/
.controlSlide{
    position: absolute;
    top: 45%;
    width: 100%;
}
.controlSlide a{
    position: absolute;
    font-size: 3rem;
}
.controlSlide a.left{
    left: -15px;
}
.controlSlide a.right{
    right: -15px;
}
.controlSlide a span::before{
    font-family: "fontawesome";
}
.glyphicon-chevron-left:before{
    content: "\f053";
}
.glyphicon-chevron-right:before{
    content: "\f054";
}
/*notes*/
p.rate{
    margin: 0;
}
p.rate > span{

    /*#text-shadow: 2px 2px 2px black;*/

}
p.rate > span::after{
    font-family: "fontawesome";
    color: #f5b027;
    color:#E94E1B;


}




p.rate > span.rate_0::after{
    content: "\f006 \f006 \f006 \f006 \f006";
}
p.rate > span.rate_10::after{
    content: "\f005 \f006 \f006 \f006 \f006";
}
p.rate > span.rate_15::after{
    content: "\f005 \f123 \f006 \f006 \f006"
}
p.rate > span.rate_20::after{
    content: "\f005 \f005 \f006 \f006 \f006"
}
p.rate > span.rate_25::after{
    content: "\f005 \f005 \f123 \f006 \f006"
}
p.rate > span.rate_30::after{
    content: "\f005 \f005 \f005 \f006 \f006"
}
p.rate > span.rate_35::after{
    content: "\f005 \f005 \f005 \f123 \f006"
}
p.rate > span.rate_40::after{
    content: "\f005 \f005 \f005 \f005 \f006"
}
p.rate > span.rate_45::after{
    content: "\f005 \f005 \f005 \f005 \f123"
}
p.rate > span.rate_50::after{
    content: "\f005 \f005 \f005 \f005 \f005"
}




p.rateG{
    margin: 0;
}
p.rateG > span{

    /*#text-shadow: 2px 2px 2px black;*/

}
p.rateG > span::after{
    font-family: "fontawesome";
    color: #f5b027;
    color:white;


}

p.rateG > span.rate_0::after{
    content: "\f006 \f006 \f006 \f006 \f006";
}
p.rateG > span.rate_10::after{
    content: "\f005 \f006 \f006 \f006 \f006";
}
p.rateG > span.rate_15::after{
    content: "\f005 \f123 \f006 \f006 \f006"
}
p.rateG > span.rate_20::after{
    content: "\f005 \f005 \f006 \f006 \f006"
}
p.rateG > span.rate_25::after{
    content: "\f005 \f005 \f123 \f006 \f006"
}
p.rateG > span.rate_30::after{
    content: "\f005 \f005 \f005 \f006 \f006"
}
p.rateG > span.rate_35::after{
    content: "\f005 \f005 \f005 \f123 \f006"
}
p.rateG > span.rate_40::after{
    content: "\f005 \f005 \f005 \f005 \f006"
}
p.rateG > span.rate_45::after{
    content: "\f005 \f005 \f005 \f005 \f123"
}
p.rateG > span.rate_50::after{
    content: "\f005 \f005 \f005 \f005 \f005"
}

/*pagination*/

.pagination{
    width: 100%;
}
.pagination ul{
    list-style: none;
    text-align: center;
    padding: 0;

}
.pagination ul li{
    display: inline-block;
}
.pagination ul li.first, .pagination ul li.prev{
    float: left;
}
.pagination ul li.next,
.pagination ul li.last{
    float: right;
}
.pagination ul li a{
    display: block;
    padding: 10px;
    /*border: solid 1px #f6f6f6;*/
    margin: 0 5px;
}
.pagination ul li.active a,
.pagination ul li:hover a{
    background: white;
    color: #333;
	#box-shadow:3px 3px 3px ;
	border-radius:2px;
}
.pagination ul li.direction a::before{
    font-family: "fontawesome";
}
.pagination ul li.direction.first a::before{
    content: "\f053 \f053";
}
.pagination ul li.direction.prev a::before{
    content: "\f053";
}
.pagination ul li.direction.next a::before{
    content: "\f054";
}
.pagination ul li.direction.last a::before{
    content: "\f054 \f054";
}

/*cta*/
.buttonStyle{
    text-align: center;
}
.cta{
    display: inline-block;
    padding: 5px 15px;
    border: solid 1px #f6f6f6;
}
.cta:hover{
    background: #f6f6f6;
}
fieldset{
    padding: 10px;
}
legend{
    display: inline-block;
    width: auto;
    margin: 0 auto;
}

/*Carte accueil*/

.martinique{
background:  url(../images/Martinique.png) 50% 20% no-repeat;
	
}

.martinique:hover{
	
background: white url(../images/martinique_over.png) 50% 20% no-repeat;
	
}


.guadeloupe{
background: url(../images/Guadeloupe.png) 50% 20% no-repeat;
	
}

.guadeloupe:hover{
background: white url(../images/guadeloupe_over.png) 50% 20% no-repeat;

	
}


.guyane{
background:  url(../images/Guyane.png) 50% 20% no-repeat;
	
}

.guyane:hover{
background: white url(../images/guyane_over.png) 50% 20% no-repeat;

	
}


.reunion{
background:  url(../images/Reunion.png) 50% 20% no-repeat;
	
}

.reunion:hover{
background: white url(../images/Reunion_over.png) 50% 20% no-repeat;

	
}


.helvetica{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	
	
}

/* Backgroud */


.background_white_opacity{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+0,0.9+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff',GradientType=0 );

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.8+0,0.8+100;White+to+Transparent */
background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+0,0.9+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
	
}


.background_white_gradian_reverse{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#404b52+0,000000+100&0.5+0,0+10 */
background: -moz-linear-gradient(top, rgba(64,75,82,0.5) 0%, rgba(58,68,74,0) 10%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(64,75,82,0.5) 0%,rgba(58,68,74,0) 10%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(64,75,82,0.5) 0%,rgba(58,68,74,0) 10%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80404b52', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	
	
}
.fieldset_orange_transparent{
background:#FF8F78;border-radius:20px;


background: #fe8c00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #f83600, #fe8c00);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

opacity:0.9;
background: #000000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #e74c3c, #000000);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #E94E1B, #4C281D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */



}
.fieldset_blue_transparent{
background:#42B5E5;border-radius:20px;

background: #2980b9;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2c3e50, #2980b9);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #2c3e50, #2980b9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */




opacity:0.9;

background: #16222A;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3A6073, #16222A);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3A6073, #16222A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}

.legend_blue{
border-radius:5px;border:1px Solid #1978C0; 
background:#0F6DB3;

}

.legend_orange{
background:#FF5725; 
border-radius:5px;
background:#E94E1B;

border:1px solid #DE643A;




}

.background_white_transparent{
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+0,0.9+100;White+to+Transparent */
background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
}

 .div_effect{

-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;
transform:scale(0.95);
 }
 
.div_effect:hover{
	
	


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+55,e94e1b+100&0.9+0,0.9+55,0.65+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 55%, rgba(233,78,27,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 55%,rgba(233,78,27,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 55%,rgba(233,78,27,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#a6e94e1b',GradientType=0 ); /* IE6-9 */


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,1e5799+100&0+55,1+100 */
background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(73,131,189,0) 55%, rgba(30,87,153,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(73,131,189,0) 55%,rgba(30,87,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(73,131,189,0) 55%,rgba(30,87,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e94e1b+0,e94e1b+100&0+0,0.8+100 */
background: -moz-linear-gradient(top, rgba(233,78,27,0) 0%, rgba(233,78,27,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(233,78,27,0) 0%,rgba(233,78,27,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(233,78,27,0) 0%,rgba(233,78,27,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e94e1b', endColorstr='#cce94e1b',GradientType=0 ); /* IE6-9 */

animation:stickAnim .5s;transition:all 0.5;-moz-transition:all .3s;transform:scale(1);
 cursor:pointer;
-moz-transition:all .5s;
 
animation:stickAnim .5s;

} 

.div_effect_shadow{

-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;
}
.div_effect_shadow:hover{
	

box-shadow:3px 3px 10px rgba(0,0,0,0.5);
-moz-transition:all .5s;
 
animation:stickAnim .5s;

} 

.div_effect_scale{

-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;transform: scale(0.95);
}
.div_effect_scale:hover{
	

animation:stickAnim .5s;transition:all 0.5;-moz-transition:all .3s;transform:scale(1);
 cursor:pointer;
-moz-transition:all .5s;
 
animation:stickAnim .5s;

} 




.text_effect{

-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;
}
.text_effect:hover{
	
	color:#E94E1B;
	padding-left:10px;
	text-shadow:3px 3px 3px dark;
	animation:stickAnim .5s;transition:all 0.5;-moz-transition:all .3s;transform:scale(1.05);

-moz-transition:all .5s;
 
animation:stickAnim .5s;

	
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: red;
	font-weight: normal;
	color: #ffffff;
}





.forsmall{
	display:none;
	
}
/* Button */

.btn-warning{
	background:#E94E1B;
	border:1px Solid transparent;
	background-image: linear-gradient(135deg,#ff690f 0%,#e8381b 100%);
	

}


.btn-warning:hover{
	background:#AB3F1C;
	border:1px Solid transparent;
	

}

.btn-primary{
	background:#0F70B7;
	border-radius:5px;
	

}

.btn-success{
	
	border-radius:5px;

}
.btn-danger{
	
	border-radius:5px;

}
 .btn{

-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;
}
.btn:hover{
	animation:stickAnim .5s;transition:all 0.5;-moz-transition:all .3s;transform:scale(1.05);opacity:1;
	
}




@media screen and (max-width: 640px){
	
.forlarge{
	display:none;
	
}

.forsmall{
	display:block;
	
}

.navbar{
	background:black;
	
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li {
	
	background:grey;
	
}


	
	
}