/*@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,300,200,700,900");   */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap');
@import url(flat-ui.css);
@import url(font-awesome.css);
/*@import url(flexslider.css);*/
/*@import url(linecon.css);*/ 
@import url(list.css);
/*@import url(magnified.css); */ 
#goBack,#printRow {
   display:none;}

/* ==================================================
   TOP HEAD
================================================== */

.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center; }



.topHead {background:#ecf0f1;
border-bottom: 1px solid /*#e6ebec*/ #e4e4e4}
.subHead {
    position: relative;
    width: 100%;
    height:90px;
    background:#fff;
}
.sticky-wrapper.is-sticky .subHead{
    position: relative;
    width: 100%;
    height:80px;
    background:#fdfdfd;
    z-index:999;
    border-top:none;                                                                                                                           
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sticky-wrapper.is-sticky .subHead .brand{margin-top:0}
.sticky-wrapper.is-sticky .subHead .menu > li > a {
	line-height:80px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sticky-wrapper {
    max-height: 100px;
}


/* ==================================================
 SLIDER
================================================== */
/*     
 @keyframes layer2Anim {
    0%{opacity:0;}
    17%{opacity:0;}
    33%{opacity:1;}
    50%{opacity:1;}
    67%{opacity:0;}
    100%{opacity:0;}
}
@keyframes layer3Anim {
    0%{opacity:0;}
    50%{opacity:0;}
    67%{opacity:1;}
    83%{opacity:1;}
    100%{opacity:0;}
}
*/

@keyframes layer2Anim{
    0%{left:-100%;}
    17%{left:-100%;}
    33%{left:0;}
    50%{left:0;}
    67%{left:-100%;}
    100%{left:-100%;}
}
@keyframes layer3Anim{
    0%{left:100%;}
    50%{left:100%;}
    67%{left:0;}
    83%{left:0;}
    100%{left:100%}
}



.slideShow {
    position: relative; 
}
.placeHolder {
    width: 100%; 
    visibility: hidden;
}
.layer1, .layer2, .layer3 {
    position: absolute; 
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px; 																					
    background-size: cover;
    background-repeat: no-repeat;
}
.layer1 {
    background-image: url(https://studio-2000.net/imgslider/imgS1.jpg);
}
.layer2 {
    background-image: url(https://studio-2000.net/imgslider/imgS2.jpg);
    animation: layer2Anim 10s infinite;
}
.layer3 {
    background-image: url(https://studio-2000.net/imgslider/imgS3.jpg);
    animation: layer3Anim 10s infinite;
}
.slideOverlay {
    background-image: url(https://studio-2000.net/imgslider/imgS3.jpg);
    background-attachment: fixed;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.slideOverlay p {
    position: relative;
    font-size: 6vw;
    color: #fff;
    text-shadow: 3px 3px 6px #000;
    text-align: center;
    top: 30%;
}


   

/* ======================================================================== */
/* ! REVOLUTION SLIDER
/* ======================================================================== */
.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0px;
	height:480px;
	max-height:600px !important;
	overflow:hidden;
	border-top:/*1px*/ 0px solid #dfdfdf; 																				/*REPERE - espace entre slider et menus*/
	border-bottom: 0px solid #dfdfdf;
	background: /*#22a4f5*/ #f47321;
	z-index:9;
}
.fullwidthbanner > ul {margin: 0;}
.tp-caption.sprta_white{color:#7AF9EA;}
.tp-rightarrow:hover,
.tp-caption.sprta_inverse, .btn.btn-primary{background-color: #863b1a /*#f47321;*/;z-index:150}                                  /*REPERE*/







/* ==================================================
   BRAND
================================================== */
.brand {border:0px solid blue;
    display: inline-block;
    float: left;
    margin-top:10px;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; 
}
.brand img {
    margin: 25px auto auto auto;border:0px solid red;
    width: auto; height:auto;
}


/* ==================================================
   MAIN MENUS
================================================== */
.main_menus {
	max-height: 90px;
	float: right;
	text-align: left;
}
.main_menus.has_center .get_center {
	text-align: center;
}
.main_menus.has_center .get_left {
	position: absolute;
	bottom: 0; left: 40px;
}
.main_menus.has_center .get_left .slogan {
	margin-left: 0;
}

.main_menus.has_center .get_right {
	position: absolute;
	bottom: 0; right: 40px;
}
.menu_button {
	display: none;
}
.menu, .sub_menu {
	position: relative;
	z-index: 50;
	margin: 56px 0 0;
	padding: 0;
	list-style: none;
}
.menu {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0;
	text-align: right;
	white-space: nowrap;
}
.menu li {
	position: relative;
	text-align: left;
}
.menu li.have_sub:hover:before {
	content: '';
	display: block;
	width: 180px;
	height: /*10px*/ 4px ;   																		/*REPERE - epaisseur Hover*/
	position: absolute;
	left: 15px;
	bottom: 0;
	z-index: 1;
	background: #f47321;																			/*REPERE - couleur Hover*/

}
.menu a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #2c3e50;
    font: 13px 'Roboto';
	-webkit-transition: none;
	transition: none;
text-transform: uppercase;

}
.menu a.active {
	color: #f47321;
}
.menu > li {
    display: inline-block;
    vertical-align: top;
}
.menu > li a:hover {
    color: #f47321;
}
.menu > li:before, .menu a.active:before { 
	content: '';
	display: block;
	height: 0;
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	z-index: 53;
	background: /* #22a4f5; */ #f47321;													/*REPERE - couleur Hover sur lien Accueil*/
	-webkit-transition: height 0.2s ease;
	transition: height 0.2s ease;
}
.menu > li:hover:before, .menu a.active:before { height: /*10px*/ 4px; }							/*REPERE - Epaisseur Hover sur lien Accueil*/
.menu > li > a {
    padding: 0 15px;
    line-height: 90px;
    color: #2c3e50;
}


/* ==================================================
   SUB MENUS
================================================== */
.sub_menu {
    min-width: 178px;
    position: absolute;
	top: 0px;  
	left: 100%;
	margin: 0;
	padding: 0;
	visibility: hidden;
	background: /*#e4f1fc*/ #fff;																	/*REPERE - couleur de fond sous menus*/
	border-radius: 0;
	list-style: none;
	border:1px solid /*#e4e4e4*/  /* #ecf0f1*/  /*#f47321*/ #f8ab7a;
	/*border-top:0;	*/																				/* REPERE couleur bordure sous menus*/
}
.menu > li > .sub_menu {
	top: 100%;
	left: 15px;
	border:1px solid #f47321 /*#f8ab7a*/;																		/* REPERE couleur bordure des sous menus Li*/
	border-top:0;
}
.menu li:hover > .sub_menu {
	visibility: visible;
}
.sub_menu li {
    position: relative;	
	-webkit-transition: background-color 0.2s ease, border 0.2s ease, height 0.3s ease, color 0.2s ease, opacity 0.5s ease;
	transition: background-color 0.2s ease, border 0.2s ease, height 0.3s ease, color 0.2s ease, opacity 0.5s ease;
}
.sub_menu li:hover {
	background: #ecf0f1;
	-webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;
}
.sub_menu li:hover > a {color: #4c4d4e;}         /*REPERE couleur sous menu*/
.sub_menu a {
    padding: 0 20px;
	line-height: 35px;
	font-size: 12px;
	color: #4c4d4e;
	text-transform: none;
	font-family: 'Roboto';
	letter-spacing: 0;
}
.sub_menu li {
	height: 10px;
	border-bottom: 1px solid #ecf0f1;																/*REPERE bottom des sous menus*/
}

.sub_menu li i {
	margin-right: 7px;
}


.menu li:hover > .sub_menu > li {
	height: 35px;
}

/* ==================================================
   NAVIGATION
================================================== */
.navbar {
	background: #eff1f2;
}
.navbar .menu {
	display: block;
	width: 960px;
	min-width: 200px;
	margin: auto;
	text-align: left;
	font-size: 0;
}
.navbar .menu > li > a {
	line-height: 42px;
	font-size: 13px;
}
.navbar .menu > li:before, .navbar .menu a.active:before { 
	left: 14px;
	right: 14px;
}
.navbar .menu > li > .sub_menu {
	left: 14px;
}
.navbar .menu li.have_sub:hover:before {
	left: 14px;
}
.navbar.mobile_dark {
	background: #2c3e50;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.navbar.mobile_dark .menu > li {
	border-right: none;
}
.navbar.mobile_dark .menu > li:first-child {
	border-left: none;
}
.navbar.mobile_dark .menu a {
	border: none;
	color: #c4c4c4;
}
.navbar.mobile_dark .menu li i {
	color: #575b61;
	text-shadow: none;
}


/* ==================================================
   RESPONSIVE MENUS
================================================== */
.menu_button {
	width: 26px;
	height: 22px;
	position: absolute;
	top: 30px;
	right: 0;
	cursor: pointer;
	font: 28px/23px 'FontAwesome';
	color:  #4c4d4e;

	
}

.menu_button.active {color: #2c3e50;}

.sub_menu_button {
	width: 90px /*70*/;
	height: 44px;
	position: absolute;
	top: 0;		left: 250px /*right: 40*/;     
    /*margin-right: 20px;*/													/*REPERE-chgt emplacement triangle*/
	z-index: 12;
	text-align: left;                                           	/*REPERE-chgt emplacement triangle*/
    border:0px solid red;															

	/*font: 23px/42px 'FontAwesome';*/
background: url("../img/icon-caret-down.png") no-repeat left 20px;
	/*font: 16px/42px 'FontAwesome';*/													/*REPERE-taille triangle*/
	cursor: pointer;  
 
}
.sub_menu_button.active {
	line-height: 39px;
  background: url("../img/icon-caret-up.png") no-repeat left 15px;
}
.sub_menu_button:before {
	/*content: "\f0d7"*/;
	color: #9a9a9a;
}
.sub_menu_button.active:before {
	/*content: "\f0d8"; */
}
.desk .mobile_menu {
	display: none !important;
}
.mobile_menu, .mobile_sub_menu {
	position: relative;
	z-index: 50;
	margin: 56px 0 0;
	padding: 0;
	list-style: none;

	
}
.mobile_menu {
	display: none;
	vertical-align: top;
	position: relative;
	margin: 0;
	background: #fff;
	white-space: nowrap;
}
.mobile_menu li {
	position: relative;
	text-align: left;
	margin-top:1px;
	background: #ecf0f1;
}
.mobile_menu a {
    display: block;
    position: relative;
    padding-left: 30px;
    text-decoration: none;
    color: #8a9094;
    font: 14px 'Roboto';
	-webkit-transition: none;
	transition: none;
}
.mobile_menu a.active {
	color: #f47321;
	font-weight: 600;
}
.mobile_menu > li > div > a {
    padding: 0 40px;											
    line-height: 42px; 
}
.mobile_menu div {
	width: 768px;
	position: relative;
	margin: 0 auto;
}
.mobile_menu > li > .mobile_sub_menu {background: #ecf0f1;}
.mobile_sub_menu {
	display: none;
	min-width: 170px;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mobile_sub_menu:before {
	content: '';
	display: block;
	width: 100%;
}
.mobile_sub_menu a {
	padding: 0 20px;
	font: 14px/42px 'Roboto';
	color: #8a9094;
	text-transform: none;
	letter-spacing: 0;
}
.mobile_sub_menu li {
	background: #fff;
}
.mobile_sub_menu li:last-child {
	border-bottom: 0px solid #262829;
}
.mobile_sub_menu li i {
	margin-right: 7px;
}
.mobile_sub_menu a {
	padding-left: 60px !important;
}
.mobile_sub_menu .mobile_sub_menu a {
	padding-left: 80px !important;
}


/* ======================================================================== */
/* !SLIDER
/* ======================================================================== */


/* ==================================================
   Social icon
================================================== */
.social-icons {text-align:right;float:right;margin: 0 auto;}
.social-icons li {
    cursor: pointer;
    display: inline-block;
    margin-left: -2px;
}
.social-icons li a {
    color: #666666;
    display: block;
    font-size: 18px;
    height: 35px;
    line-height: 1.9;
    text-align: center;
    width: 35px;
}
.social-icons li a:hover {
    background:#fff;
    color:#323232;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration:none;
}
.social-icons li a i, .social-icons li a i:before,.social-icons li a i:hover{ cursor:pointer !important; }
.topContact {
	text-align: center;
	margin:0 auto;
}
.form-search .input-append{
	float: right;
}
.form-search {
	float: right;
	margin: 0;
}
.topContact li {
	display: inline-block;
	font-size: 13px;
	line-height: 35px;
	float:left;
	padding:0 10px;
	cursor:pointer;
	font-family: 'Roboto',sans-serif;
}
.topContact span {
	padding: 2px 10px 2px 0;
	position: relative;
}
.addresTop:hover,.mailTop:hover,.phoneTop:hover {
	background:#fff;
	color:#232323;
	-webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;
}


/* ==================================================
   Intro Boxs
================================================== */
.intro{
	padding: 60px 0 30px;
}
.introText {
    border-bottom: 1px solid #ecf0f1;
    padding-bottom: 60px;
    text-align: center;
}
.introText h4 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 500;
    line-height: 2;
}


/* ==================================================
   Feature Boxs
================================================== */
.featureContentBox {
    display: inline-block;
    padding-top: 60px;
    position: relative;
}
.feature-box {
    margin-bottom: 30px;
}
.feature-box .box-content h4 {
    margin-bottom: 10px;
    color: #2c3e50;
}
.features .feature-box .box-content p {
    color: #2c3e50;
}
.feature-box .feature-icon {
    float: left;
}
.feature-box .feature-icon i {
    color: #f47321;
    font-size: 35px;
}
.feature-box .feature-text {
    padding-left: 50px;
}
.feature-text h4 {
    color: #4c4d4e;
    font-weight:600;
    margin-bottom: 10px;
    font-family:Roboto;
    font-size: 18px;
}
.feature-text > p {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}


/* ==================================================
   ALL SIZE PADDING
================================================== */
.latestWork, .ourClient, .features, .faq, .pricing,.alerts, .elements, .blogPost, .blog, .single_portfolio, .full_width{
    padding: 20px 0 30px; /*position des articles*/
    position: relative;
}
.latestBlog{
	padding:30px 0;
    position: relative;
} 


/* ==================================================
   SEPARATOR
================================================== */
.separator {
    padding-bottom: 30px;
}
.sepTitle > h3 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 700;
}
.intButton {
    background: #ecf0f1;
    padding: 30px 0;
}
.sepTitle button {
    margin-top: 13px;
}


/* ==================================================
   BLOGGING
================================================== */
.blogTitle {
    margin: auto auto 10px;
    position: relative;                                                                                
}
.blogTitle > a h2 {
    font-family: Roboto;
    font-size: 16px;
    margin-bottom: 5px;
    color: #4c4d4e;
    font-weight: 700;
	text-decoration: none;
	-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;
}
.blogContent > p {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}
.blogTitle > a:hover h2{color: #924514;}
.blogTitle span {
    color: #95A5A6;
    cursor: pointer;
    font-family: Roboto;
    font-size: 12px;
    line-height: 24px;
}
.blogTitle span i {
    padding-right: 5px;
    font-size: 14px;
}
.blogTitle span:hover i {
    color: #95a5a6;
}
.blogMeta {
    display: inline-block;
    padding: 5px 0 0;
    position: relative;
}
.blogMeta a {
    color: #95A5A6;
    font-family: Roboto;
    font-size: 12px;
    line-height: 20px;
    margin-right: 15px;
    text-decoration: none;
}
.blogMeta a:hover, .blogTitle span:hover{color: #924514}
.blogMeta a i{
	padding-right: 5px;
	font-size: 14px;
}
.blogMeta a:hover i{color: #95a5a6;}
.blogDetail {
    border: 1px solid #ecf0f1;
    display: inline-block;
    padding: 15px;
    position: relative;
}
.blogPic {position: relative;}
.blogPic .blog-hover {
    background: none repeat scroll 0 0 rgba(255,255,255, 0.5);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 120ms ease-in-out;-moz-transition: all 120ms ease-in-out;-o-transition: all 120ms ease-in-out;-ms-transition: all 120ms ease-in-out;transition: all 120ms ease-in-out;
    width: 100%;
}
.blogPic:hover .blog-hover{opacity: 1;}
.blogPic .blog-hover .icon {
    background: #2C3E50;
    border-radius: 50% 50% 50% 50%;
    display: block;
    height: 40px;
    margin: 25% auto 0;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;
    color: #ecf0f1;
    width: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    top: 40px;
}
.blogPic .blog-hover:hover .icon{
	top: 0;
}
.blogPic .blog-hover p {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}


/* ==================================================
   Recent Works Carousel
================================================== */
.jcarousel {
	position: relative;
	overflow: hidden;
}
.jcarousel ul {
	position: absolute;
	list-style: none;
	margin: 0;
}
.carousel-navi {
    background: #FFF;
    bottom: 52px;
    float: right;
    left: 10px;
    margin-right: 10px;
    padding: 5px;
    position: relative;
}
.carousel-intro {
    display: inline-block;
    height: 50px;
    position: relative;
}
.jcarousel-list li {
    margin-bottom: 30px;
}
.touching.medium a.hover-zoom, .touching.medium a.hover-link, .blog-navi ul li a:hover, .blog-navi ul li a.current, .touching a.hover-zoom, .touching a.hover-link, #swipebox-caption, .swipe-navi .swipe-left, .swipe-navi .swipe-right{
    background: #4c4d4e;
}
.arrow-left, .arrow-right{
	width: 23px;
	height: 23px;
	display: inline-block;
	float: left;
	background-color: #ecf0f1;
	margin-left: 3px;
	color: #2c3e50;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;-ms-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;
}
.arrow-left i, .arrow-right i{
	font-size: 14px;
	display: block;
	line-height:16px;
	padding-top: 4px;
	text-align: center; 
}
.arrow-left.active, .arrow-right.active{
	background-color: #bdc3c7;
	color: #ecf0f1;
	cursor: pointer;
}
.arrow-left.active:hover, .arrow-right.active:hover {background-color: #95a5a6;}
.recent-item {
	display: block;
	background: rgba(255,255,255, 0.5);
	overflow: hidden;
	position: relative;
}
.item-description {
	padding: 0px 0 10px 0;
	background: #fff;
	border: 1px solid #ecf0f1;
	border-top:none;
	text-align: center;
	-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;
}
.item-description h5 {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}
.item-description span { 
	color: #7f8c8d;
	font-size: 13px;
	display: block;
	font-family: Roboto;
	font-weight:500;
}
.touching.medium {
	position: relative;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
.touching.medium img {
	width: 100%;
	position: relative;
	-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;
	-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;
}
.touching.medium:hover img {
	zoom: 1;
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.touching.medium a.hover-zoom {
	position: absolute;
	font-size: 17px;
	color: #FFF;
	width:40px;
	height: 40px;
	text-align: center;
	zoom: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 320ms ease-in-out;-moz-transition: all 320ms ease-in-out;-o-transition: all 320ms ease-in-out;-ms-transition: all 320ms ease-in-out;transition: all 320ms ease-in-out;
	border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;
}
.touching.medium a.hover-link {
	position: absolute;
	font-size: 17px;
	color: #FFF;
	width:40px;
	height: 40px;
	text-align: center;
	zoom: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;
	border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;
}
.touching.medium a.hover-zoom i {font-size: 15px;}
.touching.medium a.hover-zoom i, 
.touching.medium a.hover-link i {line-height: 40px;}
.touching.medium a.hover-link.alone {right: 40%;}
.touching.medium a.hover-zoom {
	left: 51.5%;
	top: 50%;
}
.touching.medium a.hover-link {
	right: 51.5%;
	top: 50%;
}
.touching.medium:hover a.hover-zoom, 
.touching.medium:hover a.hover-link {
	zoom: 1;
	opacity: 0.9;
	filter: alpha(opacity=90);
	top: 40%;
}
.touching.two img {
	width: 100%;
	position: relative;
	-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;
	-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;
}
.touching.two:hover img {
	zoom: 1;
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.touching.two a.hover-zoom {
	position: absolute;
	font-size: 17px;
	color: #FFF;
	width:40px;
	height: 40px;
	text-align: center;
	zoom: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 320ms ease-in-out;-moz-transition: all 320ms ease-in-out;-o-transition: all 320ms ease-in-out;-ms-transition: all 320ms ease-in-out;transition: all 320ms ease-in-out;
	border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;
}
.touching.two a.hover-link {
	position: absolute;
	font-size: 17px;
	color: #FFF;
	width:40px;
	height: 40px;
	text-align: center;
	zoom: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;
	border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;
}
.touching.two a.hover-zoom i {font-size: 15px;}
.touching.two a.hover-zoom i, 
.touching.two a.hover-link i {line-height: 40px;}
.touching.two a.hover-link.alone {right: 50%;}
.touching.two a.hover-zoom {
	left: 50.5%;
	top: 50%;
}
.touching.two a.hover-link {
	right: 50.5%;
	top: 50%;
}
.touching.two:hover a.hover-zoom, 
.touching.two:hover a.hover-link {
	zoom: 1;
	opacity: 0.9;
	filter: alpha(opacity=90);
	top: 35%;
}
.project_details {
    background-color:#fff;
    overflow:hidden;
}
 .project_detail_slider {margin-bottom: 30px;}
.project_desc p{margin-bottom:20px;}
.project_desc h6, .project_details h6 {
    font-size: 20px;
    margin-top: 5px;
}
.project_details .details li {
    border-bottom: 1px solid #F2F2F2;
    color: #A3A3A3;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    padding: 8px 0;
}
.project_details .details{margin: 0}
.project_details .details li span {
	color: #686868;
	font-family: Roboto,sans-serif;
	font-weight: bold;
}
.project_details .details li a {
    color: #A3A3A3;
    font-family: Roboto,sans-serif;
    font-size: 12px;
}

.project_details .details li a:hover {color: #924514;}
.project_detail_box {margin-bottom: 30px;}

/* ==================================================
   TITLE
================================================== */
h3.garis:before, h3.garis:after{
	content: "";
	width: 200%;
	height: 1px;
	display: inline-block;
	margin: 0 -200% 0 0;
	position: relative;
	left: 20px;
	bottom: 0.5em;
	background: #ecf0f1;
	vertical-align: bottom;
}
h3.garis:before{
	left: -20px;
	margin: 0 0 0 -200%;
}
h3.garis{
	overflow: hidden;
	font-size: 16px;
	color: #f47321;
	font-family: Roboto;
	position: relative;
}
.titleHead {
    display: block;
    /*margin-bottom: 20px;*/
    margin: 0px auto 0px auto;
    overflow: hidden;
    position: relative;border: 0px solid red;      /*REPERE*/
}


/* ==================================================
   WIDGET
================================================== */
.widgetTitle h3.garis:before, h3.garis:after{
	content: "";
	width: 200%;
	height: 1px;
	display: inline-block;
	margin: 0 -200% 0 0;
	position: relative;
	left: 20px;
	bottom: 0.5em;
	background: #ecf0f1;
	vertical-align: bottom;
}
.widgetTitle h3.garis:before{
	left: -20px;
	margin: 0 0 0 -200%;
}

.widgetTitle h3.garis{
	overflow: hidden;
	font-size: 16px;
	line-height: 24px;
	color: #4c4d4e;
	font-family: Roboto;
	position: relative;
}
.widgetTitle {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}


/* ==================================================
   RECENT BLOGS
================================================== */
#recent-news {
	display:block;
	margin-top: 15px;
}
#recent-news h3 {margin-bottom: 15px;}
.news-item {
	display: block;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}
.news-thumb .swipe{margin-top: 0;}
.swipe {
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    visibility: hidden;
}
.news-thumb a {
	display: block;
	opacity: 1;
	zoom: 1;
	filter: alpha(opacity=100);
	transition: all 200ms;-moz-transition: all 200ms;-webkit-transition: all 200ms;-o-transition: all 200ms;-ms-transition: all 200ms;-webkit-backface-visibility: hidden; /* little fix */
}
.news-thumb a:hover {
	opacity: 0.7;
}


/* ==================================================
   SWIPE JS SLIDER
================================================== */
.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
	margin-top: 0;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
	margin:0;
}
.swipe-wrap > li {
	float:left;
	width:100%;
	position: relative;
}
.swipe-navi {
	position: absolute;
	top: 50%;
	display: block;
	width: 100%;
	height: auto;
	margin-top: 10px;
}
.swipe-navi .swipe-left,
.swipe-navi .swipe-right {
	position: absolute;
	text-align: center;
	width: 34px;
	height: 34px;
	line-height: 34px;
	opacity: 0;
	zoom: 1;
	filter: alpha(opacity=0);
	color:#fff;
	cursor: pointer;
	border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;	
	transition: all 200ms;-moz-transition: all 200ms;-webkit-transition: all 200ms;
	-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;
}
.swipe:hover .swipe-navi .swipe-left{
	opacity: .9;
	zoom: 1;
	filter: alpha(opacity=90);
	margin-top: -27px;
}
.swipe:hover .swipe-navi .swipe-right {
	opacity: .9;
	zoom: 1;
	filter: alpha(opacity=90);
	margin-top: -27px;
}
.swipe-navi .swipe-left {
	left: 5px;
	margin-top: -32px;
}
.swipe-navi .swipe-right {
	right: 5px;
	margin-top: -22px;
}
.our_client {
    display: block;
    position: relative;
}
.client_list {
    margin: 0 0 60px;
}
.client_list li a {
    opacity: 0.5;
    padding: 10px;
}
.client_list li a:hover{
	opacity:1;
}
.client_list li {
	border: 1px solid #fff;
	list-style: none outside none;
	margin: 0 auto 0 15px;
	overflow: hidden;
	-webkit-transition: all ease 0.4s;-moz-transition: all ease 0.4s;-ms-transition: all ease 0.4s;-o-transition: all ease 0.4s;transition: all ease 0.4s;
}
.client_list li:hover {
	border: 1px solid #EEEEEE;
	cursor:pointer;
}


/* ==================================================
   FOOTER
================================================== */
.footer{padding:60px 0;}
.footer_bottom{
	padding:20px 0;
	background:#ecf0f1;
}
.footer_links {
	padding:3px 0;
	background:#ecf0f1; border:0px solid blue;
	text-align: center;
	color: #9f9f9f;																							/*REPERE*/
}

.footerTitle {                                                                                                        

    border-bottom: 1px solid #ecf0f1;
    margin-bottom:20px; text-align: left;
}
.footerTitle > h3 {
	border-bottom: 2px solid #f47321;
	display: inline-block;
	color:#4c4d4e;
	font-family: Roboto;
	font-size: 14px;
	line-height: 36px;
	margin-bottom: 0;
}
.fabout_block {
    background: url("../img/contact-map.png") repeat scroll 0 0 / cover transparent;
    position: relative;
}
.fabout_block p {
    font-family: Roboto;
    font-size: 14px;
    line-height: 20px;
    margin:0;
    font-weight: 400;
}
.tagsinput .tag:hover {
  background-color: #f47321;
  color: #ffffff;
}

.tagsinput .tag {
    margin-right: 2px;
}


/* ==================================================
   TWITTER
================================================== */
/* ================================================================
                        Twitter List
================================================================== */
.tweet_list {
	list-style: none inside none;
	margin: 0;
	padding: 0;
}

.tweet_slider{
	padding:30px 0px 22px 0px;
	margin-top: 50px;
	background: #e47321;           								 /*REPERE*/
	
border:0px solid #e4e4e4;
-moz-box-shadow: 0px 4px 6px 1px #ececec;
-webkit-box-shadow: 0px 4px 6px 1px #ececec;
-o-box-shadow: 0px 4px 6px 1px #ececec;
box-shadow: 0px 4px 6px 1px #ececec;
	
}
.footer-twitter {
	position: relative;
	z-index: 1;
	min-height: 60px;
	overflow: hidden;
}
.bx-wrapper {
	display: block;
	height: 40px;
	position: relative;
}
.twitter-icon {
	color: #16A085;
	float: left;
	font-size: 40px;
	line-height: 40px;
	margin-right: 20px;
}
.twitter-feed {
    list-style: none outside none;
    margin: 0;
    max-height: 30px;
    padding: 0;
    position: relative;
}
.tweet-slider ul > li {
    color: #FFFFFF;
    float: left;
    font-weight: 400;
    line-height: 1;
}
.tweet-slider ul > li small {
    color: #E6E6E6;
    display: block;
    float: none;
    font-style: italic;
    font-weight: 700;
    line-height: 24px;
    margin-top: -10px;
}
.in_twitter{
	margin-bottom:15px;
}
.tweet_list li {
    font-family: Roboto;
    font-size: 14px;
    line-height: 8px;
}
.tweet_time a{
	display: inline-block;
	margin: 10px auto;
	color:#ffffff;
}
.tweet_time a:hover{
	color:#bdc3c7;
}
.tweet_join {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
}
.tweet_text {
	font-size: 12px;
	font-family:Roboto;
	color:#ffffff;
}
.tweet_text a{
	color:#ffffff;
	font-weight: bold;
}
.tweet_text a:hover{
	text-decoration: underline;
	color: #bdc3c7;
}
.slidecontrols {
    display: inline-block;
    float: right;
    height: 14px;
    left: -10px;
    margin: 0;
    position: relative;
    top: -20%;
    margin-top:-10px;
}
.slidecontrols li {float: left;}
.slidecontrols li a {
    background-color: #16a085;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    height: 25px;
    line-height: 28px;
    margin-right: 1px;
    padding: 0 1px 4px;
    text-align: center;
    text-decoration: none;
	-webkit-transition: all ease 0.4s;-moz-transition: all ease 0.4s;-ms-transition: all ease 0.4s;-o-transition: all ease 0.4s;transition: all ease 0.4s;
    width: 25px;
}
.slidecontrols li span .bx-next:before {
	font-family: 'FontAwesome';
	content: "\f107";
}
.slidecontrols li span .bx-prev:before {
	font-family: 'FontAwesome';
	content: "\f106";
}
#test-next:hover a,#test-prev:hover a{background: #16a085;color:#ecf0f1;}
#test-next:hover a,#test-prev:hover a{background: #16a085;color:#ecf0f1;}


/* ==================================================
   FOOTER RECENT POST
================================================== */
.footer_post {padding-bottom: 12px;}
.footer_post img {
    float: left;
    margin-right: 12px;
    width: 45px;
}
.footer_post p {
    font-size: 13px;
    line-height: 16px;
    font-family:Roboto;
    margin-bottom:0;
    overflow:hidden;
}
.footer_post p a {
    color: #8a8614
;
    font-family: Roboto;
    font-size: 13px;
    line-height: 24px;
    vertical-align: top;
    word-wrap: break-word;
}
.footer_post a:hover {color: #924514;}
.footer_post p span {
    color: #B7B7B7;
    display: block;
    font-size: 11px;
}


/* ==================================================
   TOP SOCIAL
================================================== */
.top_social {
    float: right;
    margin: 0;
}
.top_social li {
    float: left;
    background: none !important;
}
.top_social li a {
    background: #ECF0F1;
    color: #4c4d4e;
    display: inline-block;
    height: 28px;   /*35px*/
    text-align: center;
    width: 35px;   
}
.top_social li a i {
    font-size: 16px;
    line-height: 34px;
    margin-right: 0;
    float: none;
}
.top_social li a.fb:hover {
  
  background:  #146293; 
    color: #fff;          
}
.top_social li a.twtr:hover {
    background: #3abdd1;
    color: #fff;
}
.top_social li a.gmail:hover {
    background: #363636;
    color: #fff;
}
.top_social li a.pintrest:hover {
    background: #d13a3a;
    color: #fff;
}
.top_social li a.rss:hover {
    background: #f15200;
    color: #fff;
}
.top_social li a.tumblr:hover {
    background: #203550;
    color: #fff;
}

.top_social li a.dribbble    { color: #fff; background-color: #f973a4;}
.top_social li a.flickr      { color: #fff; background-color: #ff0084;}
.top_social li a.instagram   { color: #fff; background-color: #507ea4;}
.top_social li a.linkedin    { color: #fff; background-color: #0072b2;}
.top_social li a.skype       { color: #fff; background-color: #00aaf1;}
.top_social li a.youtube     { color: #fff; background-color: #ff3330;}


/* ==================================================
   GET SOCIAL
================================================== */
.get_social {
    padding-top: 25px;
    margin:0;
}
.get_social li {
    float: left;
    background: none !important;
    padding-left: 0 !important;
    margin-right: 5px;
    padding-bottom: 0;
}
.get_social li a {
    display: block;
    width: 31px;
    height: 32px;
    background: #ecf0f1;
    color:#95a5a6;
    text-align: center;
}
.get_social li a i {
    font-size: 16px;
    line-height: 34px;
    margin-right: 0;
    float: none;
}
.get_social li a.fb:hover {
    background: #2f5a9a;
    color: #fff;
}
.get_social li a.twtr:hover {
    background: #3abdd1;
    color: #fff;
}
.get_social li a.gmail:hover {
    background: #363636;
    color: #fff;
}
.get_social li a.pintrest:hover {
    background: #d13a3a;
    color: #fff;
}
.get_social li a.rss:hover {
    background: #f15200;
    color: #fff;
}


/* ==================================================
   FOOTER SOCIAL
================================================== */
.footer_social {
    padding-top: 25px;
    margin:0;
}
.footer_social li {
    float: left;
    background: none !important;
    padding-left: 0 !important;
    margin-right: 5px;
    padding-bottom: 0;
}
.footer_social li a {
    display: block;
    width: 31px;
    height: 32px;
    background: #ecf0f1;
    color:#95a5a6;
    text-align: center;
}
.footer_social li a i {
    font-size: 16px;
    line-height: 34px;
    margin-right: 0;
    float: none;
}
.footer_social li a.fb:hover {
    background: #2f5a9a;
    color: #fff;
}
.footer_social li a.twtr:hover {
    background: #3abdd1;
    color: #fff;
}
.footer_social li a.gmail:hover {
    background: #363636;
    color: #fff;
}
.footer_social li a.pintrest:hover {
    background: #d13a3a;
    color: #fff;
}
.footer_social li a.rss:hover {
    background: #f15200;
    color: #fff;
}


/* ==================================================
   FLICKR
================================================== */
.flickr {text-align: left;}
.flickr-feed {overflow: hidden;padding:0;}
.flickr-feed li {
    display: inline-block;
    margin: 0 8px 8px 0;
    position: relative;
}
.flickr-feed li img {width: 48px;height: 48px; box-shadow:none;}
.flickr-feed li a {display: block;overflow: hidden;position: absolute;width: 48px;height: 48px;
    filter: alpha(opacity=100); /* internet explorer */  
    -khtml-opacity: 1;      /* khtml, old safari */  
    -moz-opacity: 1;       /* mozilla, netscape */  
    opacity: 1;           /* fx, safari, opera */  
}
.flickr-feed li .hover {position: absolute;width: 48px;height: 48px;background: #f47321;opacity: 0;filter: alpha(opacity=0);-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;
}
.flickr-feed li a:hover .hover {opacity: 0.8;filter: alpha(opacity=80);}
.flickr-feed li a i {display: block;position: absolute;width: 48px;height: 48px;font-size: 16px;color: white;line-height: 3.2;opacity: 0;filter: alpha(opacity=0);z-index: 10;-webkit-font-smoothing: antialiased;-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;-moz-border-radius:4px;-webkit-border-radius:4px;
	border-radius:4px;
	text-align:center;
}
.flickr-feed li a:hover i {
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}


/* ==================================================
   PAGE TITLE
================================================== */
.pageTitle {
	width: 100%; 
	margin: 0 auto; 
	position: relative;
	background-color: #f9f9f9;
	padding: 15px 0;
	
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;

	
}


.pageTitle h1 {
	font-size: 22px; font-weight:400 /*600*/;
  font-family: Roboto,sans-serif;
/*	color: /* #4c4d4e;	*//*#f47321;		*/									/*REPERE*/

	
}
.pageTitle h1 small {
    font-family: Roboto,sans-serif;
    font-size: 14px;
    padding-left: 10px;
}
ul.breadcrumbs {
	float: right;
	text-align: right;
	margin-top: 25px;
}
ul.breadcrumbs {
	display: inline-block;
}
ul.breadcrumbs li {display: inline-block;}
.breadcrumbs a {
    color: #f47321; /*#949494;*/												/*REPERE*/
    font-family: /*source sans pro*/ Roboto;
    font-size: 12px;
}


/* ==================================================
   CAROUSEL
================================================== */
.aboutCarousel,.porDetCarousel,.porDet2Carousel {
	margin-bottom: 20px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(0,0,0,0.15)
}
.aboutCarousel, .carousel-content, .porDetCarousel, .porDet2Carousel {position: relative;}
.carousel-item {
	width: 100%;
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;    left: 0;
}
.carousel-item.active {
	display: block;
    visibility: visible;
    position: static;
}
.carousel-item.current {    
	left: 0;
	right: 0;
	visibility: visible;
	z-index: 1;
}
.carousel-item {
	max-width: 100%;
	display: block;
}
.carousel-control {
	position: absolute;
	top: 0;		left: 0;
	bottom: 0;	right: 0;
	overflow: hidden;
}

.aboutCarousel:hover .carousel-prev { left: 10px; }
.aboutCarousel:hover .carousel-next { right: 10px; }
.porDetCarousel:hover .carousel-prev { left: 10px; }
.porDetCarousel:hover .carousel-next { right: 10px; }
.porDet2Carousel:hover .carousel-prev { left: 10px; }
.porDet2Carousel:hover .carousel-next { right: 10px; }
.carousel-prev, .carousel-next {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 45%;
	left: -40px;
	z-index: 2;
	background: #2c3e50;
	border-radius: 2px;
	cursor: pointer;
	-webkit-transition: background-color 0.2s ease, left 0.2s ease, right 0.2s ease;
	transition: background-color 0.2s ease, left 0.2s ease, right 0.2s ease;
}
.carousel-next {
	left: auto;
	right: -40px;
}
.carousel-prev:hover, .carousel-next:hover {
	background: #4c4d4e;
}
.carousel-prev:before, .carousel-next:before {
	content: '\f104';
	display: block;
	text-align: center;
	line-height: 40px;
	font: 20px/40px 'FontAwesome';
	color: #fff;
}
.carousel-next:before {
	content: '\f105';
}
.carousel-next:hover:before,
.carousel-prev:hover:before{color: #fff;}
.carousel-pagination {
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transition: bottom 0.2s ease;transition: bottom 0.2s ease;
	-webkit-transform: translateX(-50%);transform: translateX(-50%);
	z-index: 2;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	line-height: 50px;
}
.carousel-pagination li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	cursor: pointer;
	float: left;
	height: 6px;
	margin: 0 2px;
	width: 20px;
}
.carousel-pagination li.active {
	background: #f47321;
}


/* ==================================================
   ABOUT PAGE
================================================== */
.aboutDesc p{
	font-family: Roboto, sans-serif;
	font-size: 13.5px;
	line-height: 1.5;
	margin-bottom:15px;
}


/* ==================================================
   TYPOGRAPHY
================================================== */
.dropcap {
    color: #585858;
    display: block;
    float: left;
    font-size: 44px;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
}
.dropcap1 {
    color: #fff;
    display: block;
    float: left;
    font-size: 40px;
    height: 40px;
    padding:1px 5px;
    line-height: 40px;
    margin-right: 5px;
    background:#f47321;
}
.highlight {color: #f47321;}
.highlight1 {
    border-bottom: 1px dotted #f47321;
    color: #f47321;
}
.highlight2 {
    background: none repeat scroll 0 0 #f47321;
    color: #FFFFFF;
    padding: 0 3px 3px;
}
.highlight3 {
    background: none repeat scroll 0 0 #16a085;
    color: #FFFFFF;
    padding: 0 5px 3px;
}


/* ==================================================================
  Progress Bar
================================================================== */
.progress {
	background: none repeat scroll 0 0 #ecf0f1;
	-webkit-border-radius: 0px;-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	height: 36px;
	margin-bottom: 10px;
}
  .progress .bar {
	background: #f47321 !important;
	line-height: 30px;
	text-align: left;
	font-weight: bold;
	text-indent: 15px;
	text-transform:uppercase;
	-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-text-shadow: none;-moz-text-shadow: none;text-shadow: none;
	-webkit-transition: width 1s ease;-moz-transition: width 1s ease;-o-transition: width 1s ease;transition: width 1s ease;
}
.progress:hover .bar {
	-webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; 
	background: #16a085 !important;
	color:#fff;
	cursor: pointer;
}
.progress-skill-bar {
	margin-bottom: 10px; 
	margin-left:0;
	margin-top: 15px;
}
.progress-skill-bar li{overflow: hidden;}
.progress-skill-bar .lable {
	background: #16a085;
	float: left;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-right: 1px #FFFFFF solid;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
	padding: 8px; 
}
.progress-success .bar,
.progress .bar-success {
	filter: none;
	background: #15b994; 
}


/* ==================================================
   ACCORDIONS
================================================== */
.accordion {margin-bottom: 20px;}
.accordion-group {
	margin-bottom: 10px !important;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.accordion-heading {border-bottom: 0;}
.accordion-heading .accordion-toggle {
	display: block;
	padding: 8px 15px;
}
.accordion-toggle {cursor: pointer;}
.accordion-teamDesc {
	padding: 9px 15px;
	border-top: 1px solid #e5e5e5;
	background: #ecf0f1;
}
.accordion {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 20px;
}
.accordion-inner{background: #FFFFFF}
.accordion-group {
	margin-bottom: 1px;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.accordion-heading {border-bottom: 0;}
.accordion-heading .accordion-toggle {
	display: block;
	font-family: Roboto;
	padding: 12px 44px 12px 20px;
	color: #2c3e50;
	font-size: 14px;
	padding: 10px 15px;
	line-height: 18px;
	background: #ecf0f1;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
}
.accordion-heading .accordion-toggle:before {
	display: block;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	content: "\f067";
	color: #2c3e50;
	width: 26px;
	padding: 11px 0 0 14px;
	border-left: 1px solid #fff;
	border-left: 1px solid rgba(255,255,255,0.2);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
.accordion-heading .accordion-toggle:hover {
	background: #ae293c;
	color: #fff;
}
.accordion-heading .accordion-toggle.active {background: #ae293c;color: #fff}
.accordion-heading .accordion-toggle.active:before {
	content: "\f068";
	color: #fff;
}
.accordion-heading .accordion-toggle.active i {
	top: -11px;
	border-left: 1px solid #313439;
}
.accordion-heading .accordion-toggle.active i:before {content: "\f00d";}
.accordion-teamDesc {
	padding: 18px 0px 18px 20px;
	border-top: 0px solid #e5e5e5;
}


/* ==================================================
   ACCORDION 2
================================================== */
.accrodation { width: 100%; }
.acc-trigger { cursor: pointer; display: block; margin: 15px 0 0; width: 100%;	}
.acc-trigger:last-of-type, .acc-container:last-of-type { margin-bottom: 20px; }
.no-js .acc-trigger:last-of-type { border-bottom: none; }
.acc-trigger a { background: url("../img/accordion-ico.png") no-repeat scroll 15px 11px transparent; display: block; padding: 12px 20px 12px 45px; text-decoration: none; text-shadow: none; font-family: 'Roboto'; font-size: 14px; font-weight: 600; color: #4c4d4e; border: 1px solid #eee; border-bottom: 1px solid #eee;}
.acc-trigger a:hover { background-color: #eee;  }
.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #924514; border-bottom: 1px solid #fff;  }
.acc-trigger.active a:hover { background-color: transparent; }
.acc-trigger.active { cursor: default; background:#fff;}
.acc-trigger.active:last-of-type { border-bottom: none; margin-bottom: 0; }
.acc-trigger.active a { background-position: 15px -58px; cursor: default;	}
.acc-container .content {  padding: 5px 15px 15px 45px; color: #95a5a6;  margin-bottom: 5px; background-color: #fff; border: 1px solid #eee; border-top: 0px solid #eee;  /*font-family: verdan; font-size: 11px; line-height: 1.6*/}



/* ==================================================
   TEAM PAGE
================================================== */
.teamBlock {
	border: 1px solid #EEEEEE;
	margin-bottom: 20px !important;
	position: relative;
}
.teamPhoto {
	position: relative;
	overflow: hidden;
}
.teamPhoto:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;		left: 0;
	bottom: 0;	right: 0;
	background: rgba(0,0,0,0);-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;
}
.teamPhoto:hover:after {background: rgba(255,255,255,0.5);}
.teamPhoto img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.2s ease;transition: all 0.2s ease;
}
.teamDetail {
	margin-top: 15px;
	text-align: center;
}
.teamBlock p {
	font-family: Roboto;
	font-size: 13px;
	line-height: 1.6;
	padding: 15px;
	text-align: center;
}
.teamName {
	color: inherit;
	font: 600 16px Roboto;
}
.teamPosition {
	margin-top: 3px;
	font-size: 13px;
	color: #c5c5c5;
}
.teamBlock .aboutSocial {
	display: none;
	position: absolute;
	top: 50%; left: auto; right: auto;
	bottom: auto;
	width: 100%;
	height: 30px;
	margin: -15px 0 0 0;
	z-index: 2;
	text-align: center;
}
.teamBlock .aboutSocial a:hover {
	background: #f47321;
	color:#fff;
}


/* ==================================================
   SOCIAL ABOUT PAGE
================================================== */
.aboutPage, .our_team{
	padding: 30px 0 60px;
}
.aboutSocial {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
	font-size: 0;
}
.aboutSocial li {
	display: inline-block;
	margin: 0 5px 5px 0;
	vertical-align: middle;
}
.aboutSocial a {
	display: block;
	width: 35px;
	height: 35px;
	background: #4c4d4e;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 0.2s ease;transition: all 0.2s ease;
}
.aboutSocial li a.fb:hover {
	background: #2f5a9a;
	color: #fff;  */
  
}
.aboutSocial li a.twitter:hover {
    background: #3abdd1;
    color: #fff;
}
.aboutSocial li a.gmail:hover {
    background: #363636;
    color: #fff;
}
.aboutSocial li a.pintrest:hover {
    background: #d13a3a;
    color: #fff;
}
.aboutSocial li a.rss:hover {
    background: #f15200;
    color: #fff;
}


/* ==================================================
   MARGIN SET
================================================== */
.mrg5{
	margin:5px auto;
	position: relative;
}
.mrg10{
	margin:10px auto;
	position: relative;
}
.mrg15 {
	margin: 15px auto;
	position: relative;
}
.mrg25 {
	margin: 25px auto;
	position: relative;
}
.mrg-5{
    margin-bottom: 5px;
}
.mrg-10{
    margin-bottom: 10px;
}
.mrg-15{
    margin-bottom: 15px;
}
.mrg-25{
    margin-bottom: 25px;
}
.mrg-35{
    margin-bottom: 35px;
}
.mrg-45{
    margin-bottom: 45px;
}



/* ==================================================
   TESTIMONIALS
================================================== */
.testimonials {}
.testimonials .block-navigation {right: 0px;}
.testimonials .author {
	padding-left: 18%;
	position: relative;
}
.testimonials .author img {
	position: absolute;
	left: 0px;
	top: 0px;
	height:65px;
	border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;
	margin-bottom:10px;
	border:2px solid #fff;
	box-shadow:0 0 0 1px #4c4d4e;
	margin-left:1px ;
}
.testimonials .author p {
	width: 100%;
	float: left;
}
.testimonials .author p.name {
    color: #2c3e50;
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin:20px auto 0;
}
.testimonials .author p.work {
	font-style: italic;
	margin:0px auto 20px;
}
.testimonials .content {
	padding: 20px;
	color: #95a5a6;
    font-family: verdan;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom:10px;
    z-index:9999;
    font-style: italic;
}
.testimonials .content:after {
    background: url("../img/panah.png") repeat scroll 0 0 transparent;
    bottom: 75px;
    content: "";
    display: block;
    height: 15px;
    left: 18%;
    position: absolute;
    width: 21px;
}
.testimonials-wrapper {}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-container {
	border: 0px solid #f00 !important;
	background: transparent !important;
	float: left;
	width: 100%;
	padding: 0px !important;
	border-radius: 0px;
}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 100%;}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-next-horizontal, .testimonials-wrapper .jcarousel-skin-tango .jcarousel-prev-horizontal {
	background-image: none;
	line-height: 22px;
	width: 20px;
	height: 20px;
	background-color: #333;
	border-radius: 3px;
	text-align: center;
	background-color: #555;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #444;
	right: 0px;
	top: 0px !important;
}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-next-horizontal i, .testimonials-wrapper .jcarousel-skin-tango .jcarousel-prev-horizontal i {color: #ccc;}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-hover, .testimonials-wrapper .jcarousel-skin-tango .jcarousel-hover {
	color: #ccc;
	border-bottom-width: 0px;
	line-height: 24px;
	height: 22px;
}
.testimonials-wrapper .testimonials-wrapper-nav-wrapper {
	position: absolute;
	right: 0px;
	top: -63px;
	width: 65px;
	height: 22px;
	background-color: #fff;
}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-pressed, .testimonials-wrapper .jcarousel-skin-tango .jcarousel-pressed {
	box-shadow: inset #111 0px 2px 2px;
}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-item-horizontal {
	height: auto;
	margin: 0px;
}
.testimonials-wrapper .jcarousel-skin-tango .jcarousel-prev-horizontal {
	left: auto;
	right: 25px !important;
}


.testimonials .arrow {
    height: 20px;
    margin-left: 27px;
    margin-top: 14px;
    transform: rotate(45deg);
    transition-duration: 0.2s;
    width: 20px;
    z-index: 99;
}
.testimonials .content, .testimonials .arrow{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ecf0f1;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.jcarousel-skin-tango {
    margin: 0;
}


/* ==================================================
   TILE SERVICE BOX
================================================== */
.tile {
    background-color: #FFFFFF;
    padding: 60px 0 30px;
    position: relative;
    text-align: center;
}
.tile p {
    font-family: Roboto;
    font-weight: 300;
    margin: 15px auto;
}
.tile-image {
    height: 60px;
    margin: 0 auto 20px;
    position: relative;
    text-align: center;
}
.tile-image.big-illustration {
  height: 111px;
  margin-top: 20px;
  width: 112px;
}
.tile-title {
  font-size: 20px;
  margin: 0;
}


/* ==================================================
   SERVICE BOX
================================================== */
.serviceBox1,.serviceBox2,.serviceBox3,.serviceBox4,.serviceBox5, .serviceBox6, .serviceBox7, .serviceBox8{
	padding-bottom:30px;
	position: relative;
}
.serviceBox {
    padding: 60px 0 0;
    position: relative;
}
.tile.nopad {
    padding: 0;
    margin-bottom:30px;
}
.paddBot {
	padding-bottom:30px;
}
.servContent {
    margin-bottom: 30px;
    position:relative;
    display: block
}
.servContent .ico{width:55px;text-align:center;float:left;margin-top:5px;}
.servContent:hover .ico{background:#fff;color:#f47321;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.servContent:hover{cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.servContent:hover h4{color:#f47321;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.servDetil{margin-left:80px}
.servDetil h4 {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
}
.servDetil p {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}

/* ==================================================
   TABS
================================================== */
.tab-pane p {
    color: #4c4d4e;
    font-family: verdan;
    font-size: 14px;
    line-height: 1.6;
}


/* ==================================================
   WIDGET SIDEBAR
================================================== */
.widgwtRPost img {
    float: left;
    margin-right: 12px;
    width: 45px;
}
.widgwtRPost {
    margin-bottom: 15px;
}

.widgwtRPost p {
    font-size: 12px;
    line-height: 16px;
    font-family:Roboto;
    margin-left:60px;
    margin-bottom:0;
}
.widgwtRPost p a {
    color: inherit;
    font-family: Roboto
}

.widgwtRPost a:hover {
    color: #924514;
}
.widgwtRPost p span {
    color: #B7B7B7;
    display: block;
    font-size: 11px;
}

/* ==================================================
   LATEST COMMENTS SIDEBAR WIDGET
================================================== */
.widgwtLCom {margin-bottom: 15px;}
.widgwtLCom p {
    font-size: 12px;
    line-height: 16px;
    font-family:Roboto;
    margin-bottom:0;
}
.widgwtLCom p a {
    color: inherit;
    font-family: Roboto
}
.uCom {font-weight: 600;}
.widgwtLCom a:hover {color: #924514;}
.widgwtLCom p span {
    color: #B7B7B7;
    display: block;
    font-size: 11px;
}

/* ==================================================
   POPULAR POST SIDEBAR WIDGET
================================================== */
.widgwPPost {margin-bottom: 15px;}
.widgwPPost p {
    font-size: 12px;
    line-height: 16px;
    font-family:Roboto;
    margin-left:60px;
    margin-bottom:0;
    overflow:hidden;
}
.widgwPPost p a {
    color: inherit;
    font-family: Roboto
}
.widgwPPost a:hover {
    color: #924514;
}
.widgwPPost p span {
    color: #B7B7B7;
    display: block;
    font-size: 11px;
}
.widgwPPost img {
    float: left;
    margin-right: 12px;
    width: 45px;
}
.widgetUserComm {
    float: left;
    position: relative;
    width: 45px;
}
.widgetContComm {margin-left: 60px;}
.widgetContComm > span {
    color: #B7B7B7;
    display: block;
    font-size: 12px;
    margin-bottom: -3px;
    vertical-align: top;
}
.widgetRComm {
    margin-bottom: 5px;
}
.widgetContComm > h4 {font-size: 13px;}
.widgetContComm > h4 a {
    font-size: 12px;
    color:#2c3e50;
}


/* ==================================================
   CATEGORIES SIDEBAR WIDGET
================================================== */
.categories {font-family: Roboto; }
.categories ul {margin: 0 0 20px 0; }
.categories ul li {
	list-style: none; 
	display: block;
}
.categories ul li a {
	padding: 5px 0 6px 20px;
	display: inline-block;
	background: url("../img/c-arrow.png") no-repeat left 10px;
	-webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;transition: all 0.1s ease-in; 
	color: #7f8c8d;
	font-family: Roboto;
	font-size: 13px;
}
.categories ul li a:hover {
	color: #924514;
	text-decoration: none;-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out; 
}
.archieve {font-family: Roboto; }
.archieve ul {margin: 0 0 20px 0; }
.archieve ul li {
	list-style: none; 
	display: block;
}
.archieve ul li a {
	padding: 5px 0 6px 20px;
	display: inline-block;
	background: url("../img/c-arrow.png") no-repeat left 10px;
	-webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;transition: all 0.1s ease-in; 
	color: #7f8c8d;
	font-family: Roboto;
	font-size: 13px;
}
.archieve ul li a:hover {
	color: #924514;
	text-decoration: none;-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out; 
}
.jml {
	color: #95a5a6;
	font-family: verdan;
	font-size: 13px;
	font-style: italic;
	letter-spacing: 0px;
	padding-left: 5px;
}


/* ==================================================
   WIDGET SIDEBAR
================================================== */
.textBox, .widgetTab, .widgetCategory, .wTag, .wSocial {
    display: block;
    margin-bottom: 30px;
    position: relative;
}
.wSearch {
    display: inline-block;
    margin-bottom:30px;
    position: relative;
}

.widgetTab ul li a {
    font-size: 13px;
    padding: 7px 15px 8px;
}
.widgetTab ul li a i{
	font-size: 16px;
}
.wAlert .alert h3 {
    font-size: 18px;
    line-height: 28px
}
.wAlert .alert p {
    font-family: Roboto;
    font-size: 13px;
}
.servBox{
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;
    padding: 30px 20px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;-ms-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;
    position: relative;
}
.servBox i{
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    font-size: 40px;
    color: #4c4d4e;
    display: block;
    -moz-transform:scale(1.2); -ms-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear
}
.servBox h5 {
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    text-transform: capitalize;
	-webkit-transition: all 0.2s ease-in 0s;-moz-transition: all 0.2s ease-in 0s;-o-transition: all 0.2s ease-in 0s;-ms-transition: all 0.2s ease-in 0s;transition: all 0.2s ease-in 0s;
}
.servBox p{
    text-align: center;
	font-family: Roboto;
    font-size: 13px;
    font-weight: 300;-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;-ms-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;
}

.servBox:hover h5,
.servBox:hover i,
.servBox:hover p{
	-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);
}
.servBox:hover{background-color: #ecf0f1;}
.service-icon {
    display: block;
    float: left;
    margin: 0 6px 6px 0;
    width: 38px;
    height: 38px;
    font-size: 26px;
    color: #4c4d4e;
    vertical-align: middle;
    text-align: center;
    line-height: 40px;
}
.tabbable{padding-bottom:30px;}
.pic.alignleft, .pic.alignright, .pic.alignleft img, .pic.alignright img {max-width: 210px;}
.pic.alignleft {
    display: block;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom:5px;
}
.pic.alignright {
    display: block;
    float: right;
    margin-top: 0;
    margin-bottom:5px;
    margin-left:15px;
}
.pic.w_frame {
    border: 1px solid #EDEDED;
    padding: 4px;
}
.pic {
    display: inline-block;
    line-height: 0;
}
.rightContent {overflow: hidden;}
.tab-pane p.text_subtitle_1 {
    color: #A6A6A6;
    font-family: Roboto;
    font-size: 13px;
    line-height: 14px;
    margin-top: -5px;
    text-transform: uppercase;
}
.titleContentTabs {margin: 0 auto 10px;}
.bold {font-weight: 700;}
.nomartop{margin-top:0 !important;}
.margBot{margin-bottom:30px;}


/* ==================================================
   PRICING TABLES BOXS
================================================== */
.pricingBlock {
    display: inline-block;
    padding-bottom:30px;
    position: relative;
}
.pricingTable {
    text-align:center;
    font-weight:400;
}
.pricingTable-sign-up {
    padding:20px;
    text-align:center;
    background:#ECF0F1;
}
.pricingContent ul li {
    padding:5px 20px;
    text-align:center;
}
.pricingContent{
    background:#fff;
    border-left: 1px solid #ECF0F1;
    border-right: 1px solid #ECF0F1;
}
.pricingTable .pricingTable-header {
    color:#fff;
    background: #f47321;
    padding:0px;
}
.pricingTable-header .heading{
    display:inline-block;
    width:100%;
    padding:15px 0px;
    text-transform:uppercase;
    
}
.pricingTable .heading{background: #4c4d4e;}
.pricingTable.business .heading{background: #f47321;}
.pricingTable.business .pricingTable-header .price-value{background: #16a085;}
.pricingTable .pricingTable-header .price-value{background: #16A085;}
.pricingTable .pricingTable-header .price-value{background: #2C3E50;}
.pricingTable-header .price-value {
    display:inline-block;
    width:100%;
    padding:20px 0px;
    background: #f47321;
}
.pricingTable-header .price-value span{font-size:250%;}
.pricingTable-header .price-value span.mo{font-size:150%;}
.pricingTable {
    text-align:center;
    font-weight:400;
    margin-bottom:30px;
    background:#fff;
    -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
}
.pricingTable:hover{
	overflow: hidden;
	-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);
}
.pricingContent ul li {
	color: #434343;
	overflow: hidden;
}
.pricingContent ul li {
	border-bottom: 1px solid #F0F0F0;
	padding: 15px 0;
	text-align: center;
	overflow: hidden;
	display: block;
}
.pricingContent ul{margin: 0;}
.pricingTable.business {
   -webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);
}
.b_list {
    line-height: 20px;
    list-style: none outside none;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
}

.b_list li {
    margin-bottom: 5px;
}
.b_list li i {
    color: #4c4d4e;
    float: left;
    font-size: 14px;
    margin-right: 10px;
    text-align: center;
    width: 16px;
}




/* ==================================================
   BLOG CONTENT
================================================== */
.layout_blog article .f_pic {padding:4px; border:1px solid #EBEDEF; line-height:0px;}
.layout_blog article .f_pic img {width:100%; height:auto;}

#Hun {text-align:center;}

.layout_blog article h1 {
    display: inline-block;
    font-family: Roboto;
    font-size: /*18px;*/ 24px;							/* REPERE*/
    font-weight: 400;
    line-height: 30px;
    /*color:#f47321; */
    margin: 0px 0px 20px 0px;							/* REPERE*/

}
.layout_blog article h2 {
    display: inline-block;
    font-family: Roboto;
   /*font-style : italic;*/							/* REPERE*/
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: /*#175F8A;*/ #228ae6; /* #7a7ff0; */			/* REPERE*/
    margin: 5px auto 15px 0px;
}

.layout_blog article h3 {
    /*display: inline-block;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: #ae293c;
    margin-bottom: 0;
    margin: 15px auto 10px 00px;
    text-decoration:underline;   */       /* REPERE*/

    
  overflow: hidden;
	font-size: 16px;
	color: #f47321; /* #4c4d4e*/
	font-family: Roboto;
  	/*font-style:italic; */                    /* REPERE-H3*/
	position: relative;

    
    
    
}

.titlePost a {color: #4c4d4e;}
.titlePost a:hover {color: #924514;}
.layout_blog article h4 a:hover {color:#f47321; text-decoration:none;}
.layout_blog article .info {
    float: left;
    margin-right: 15px;
    margin-top: 15px;
    text-align: center;
    width: 8.5%;
}
.layout_blog article .info .date {
    background-color: #ECF0F1;
    color: #175f8a;
    display: block;
    float: left;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 900;
    height: 40px;
    line-height: 40px;
    width: 55px;
}
.layout_blog article .info .month {
    background-color: #f47321;
    color: #ECF0F1;
    display: block;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 800;
    height: 25px;
    line-height: 2.2;
    text-transform: uppercase;
    width: 55px;
}
.layout_blog article .info .date:hover {text-decoration:none;}
.layout_blog article .info .date span {padding:8px 0px 4px; display:block; font-family:'Roboto', Roboto, Roboto, sans-serif; font-size:13px; color:#404040; font-weight:bold; text-transform:uppercase; cursor:pointer;}
.layout_blog article .info .comments {width:75px; height:45px; float:left; display:block; background-color:#f5f5f5; border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; font-family:Roboto, Roboto, sans-serif; font-size:11px; color:#a3a3a3; text-align:center;}
.layout_blog article .info .comments:hover {text-decoration:none;}
.layout_blog article .info .comments span {padding:8px 0px 4px; display:block; font-family:'Roboto', Roboto, Roboto, sans-serif; font-size:13px; color:#404040; font-weight:bold; text-transform:uppercase; cursor:pointer;}
.layout_blog article .content p {padding-bottom:10px;}
.layout_blog article .links {
    margin: 10px auto 15px;
    overflow: hidden;
}
.layout_blog article .links li {height:25px; margin-left:1px; padding-left:10px; padding-right:10px; float:left; display:block; border-left:1px solid #ededed; font-family:Roboto; font-size:11px; color:#ababab;padding-top:5px;background:none repeat scroll 0 0 #EEEEEE;}
.layout_blog article .links li:first-child {margin-left:0px; padding-left:0px; border:0px;}
.layout_blog article .links li a {font-family:'Lucida Sans Unicode', Roboto, Roboto, sans-serif; font-size:11px; color:#737373;}
.layout_blog article .links li.cats {background-color: #A3D63E;color: #FFFFFF;font-size: 30px;padding-right: 0;margin-right:1px;}
.layout_blog article .links li.authors {background-image: url("../images/icon_author.png");background-position: 5px center;background-repeat: no-repeat;border: 0 none;float: left;margin-right: 1px;padding-left: 30px;}
.layout_blog article .links li.categorys {background-image: url("../images/icon_tag.png");background-position: 5px center;background-repeat: no-repeat;border: 0 none;float: left;margin-right: 1px;padding-left: 30px;}
.layout_blog article .links li.comments {background-image: url("../images/icon_comment_1.png");background-position: 5px center;background-repeat: no-repeat;border: 0 none;float: left;margin-right: 1px;padding-left: 30px;}
.links > ul {margin: 0;}
.metaPost {margin-top: 0px;}
.line_2 {
    background: #EBEDEF;
    clear: both;
    height: 1px;
    margin: 40px 0px;
    overflow: hidden;
}
.rec_post {
    float: left;
    position: relative;
}
.mediatouchinger {
	position:relative;
	overflow:hidden;
	width:100%;
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box
}

.mediatouchinger img {
	width:100%;
	position:relative;
	-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;
}


/* ==================================================
   HOVERING
================================================== */
.hovericon {
	position:absolute;
	left:50%;
	top: 50%;
	color:#fff;
	font-size: 18px;
	margin-left: -30px;
	margin-top:-10px;
	width: 40px;
	height: 40px;
	text-align:center;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";
	background-color: #4c4d4e;
	border-radius: 50%;
	line-height:38px;
}
.ie8 .hovercover {display: none;}
.hovercover {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#59000000,endColorstr=#59000000)";
	background-color: rgba(255,255,255,0.5);
	opacity:0;
	border-radius: 3px;
}
.portfolio-item .hovercover {border-radius: 3px 3px 0 0;}
article.post div.metaInfo {
    font-size: 0.9em;
    margin-bottom: 7px;
}
article .metaPost div.metaInfo > span {
    display: inline-block;
    padding-right: 15px;
    color:#95a5a6;
}
article .metaPost div.metaInfo > span > a {
    color: #95A5A6;
    font-family: Roboto;
    font-size: 12.4px;
}
article .metaPost div.metaInfo > span > a:hover{color:#8a8614
;}
article .metaPost div.metaInfo {
    font-family: Roboto;
    font-size: 0.95em;
    margin: 0 auto;
    padding: 15px 0 20px;
    
    Font-weight:600;
}
article .metaPost div.metaInfo i {
    margin-right: 3px;
    color:#95a5a6;
}
.h_links-item {
    font-size: 14px;
    line-height: 20px;
    padding: 7px 18px;
    position: relative;
}
.post-img img { border-radius: 3px; }
.mfp-gallery .mfp-image-touchinger .mfp-figure {cursor: pointer;}
.slide-caption {
	margin: 0;
	position: absolute;
	display: block;
	z-index: 120;
	right: 15px;
	bottom: 15px;
	color: #fff;
	background-color: #000;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	padding: 5px 9px;
	font-size: 12px;
	font-weight: 300;
	line-height: 18px;
}
.slide-caption a {color: #fff;}


/* ==================================================
   MEDIUM BLOG CONTENT
================================================== */
.mediumBlog .metaPost {margin-top: 0;}
.mediumBlog .titlePost > h4 {
    font-size: 26px;
    margin-top: 0;
}


/* ==================================================
   BLOG POST
================================================== */
.news_page {
	background-color:#fff;
	overflow:hidden;
}
.news_content{}
.news_content p{line-height:1.8;}
.news_content h4 {
	font-family: Roboto;
	font-size: 30px;
	line-height: 1;
	margin: 15px auto;
	padding-bottom: 15px;
}
.news-details {
	width:100%;
	height:auto;
	margin-bottom:15px;
}

.black.mt.mb, .black.mb {
	font-family: 'Roboto';
	font-size: 26px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 15px;
	text-transform: uppercase;
}
p.post-calendar {
	background: url("../img/post-calendar.png") no-repeat scroll left center transparent;
	font-size: 12px;
	margin-bottom: 15px;
	color:#ABABAB;
	margin-left: 25px;
	padding-left:25px;
	float:left;
	font-family:Roboto, sans-serif;
}
p.post-tagss {
	background: url("../img/post-tag.png") no-repeat scroll left center transparent;
	font-size: 12px;
	margin-bottom: 15px;
	color:#ABABAB;
	margin-left: 25px;
	padding-left:25px;
	float:left;
	font-family:Roboto, sans-serif;
}

p.post-commentss {
	background: url("../img/post-comment.png") no-repeat scroll left center transparent;
	font-size: 12px;
	margin-bottom: 15px;
	color:#ABABAB;
	margin-left: 25px;
	padding-left:25px;
	float:left;
	font-family:Roboto, sans-serif;
}
p.post-admin:hover, p.post-commentss:hover, p.post-tagss:hover, p.post-calendar:hover{color:#4c4d4e;}
.news_comments {
	padding:30px 0 0;
	border-top: #ecf0f1 solid 1px;
}
.comment-date {
	font-style:italic;
	margin-bottom:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#a1a1a1;
}
.comment-meta a:hover{color:404041;}
.comment-text {color:#4c4d4e;}
a.reply {
	float:right;
	font-weight:bold;
	margin-top:10px;    
}
a.reply:hover {
	text-decoration:underline;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}


/* ================================================================
            Content Common Setting
================================================================== */
/* comment list */
#comment-list { margin:0; }
#comment-list li {
	background:none;  
	margin:0;
	padding:0;
	overflow:hidden;
}
/* comment depth */
#comment-list ul.children { margin-left:94px;  }
	.comment-container {
	border:solid 1px #ecf0f1;    
	margin-bottom:30px;
	margin-left:94px;   
	padding:20px 20px 0;
	position:relative;
	-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;
}
.comment-container:hover {
	background:#ecf0f1;
	border-color:#f47321;
}
.comment-body { margin-bottom:20px; }
.avatar {
	float:left;
	width:74px; 
}
.avatar img {
	display:block;
	margin-right:20px;
	position: relative;
	z-index: 0;
	border:1px solid #ecf0f1;
	padding:3px;
}
h4.comment-author {
	font-size:16px;
	line-height:20px;
	margin:0;
}
h4.comment-author a{color:#f47321}
#comment-list .comment-meta { margin-bottom:10px; }
#comment-list .comment-date { font-size:12px; }
/* comment hover effect */  
#comment-list li .comment-containerdiv1:hover h4 { color:#f47321; }
.comment-reply-link { 
	position:absolute;
	right:20px;
	top:20px;
}
a.link-style3 {
	color: inherit !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
	text-transform: uppercase;
}
.comment-reply-link {
	position: absolute;
	right: 20px;
	top: 20px;
}
.row-fluid textarea {
	font-size: 14.994px;
	height: auto;
	width:99.5% !important;
	line-height: 24px;
	padding: 10px 0 !important;
	text-indent: 10px !important;
}


/* ==================================================
 Post Share Article
================================================== */
.shares { background: #f7f7f7; list-style: none; overflow: hidden; margin: 0;}
.shares li { float: left; display: inline-block; border-right: 1px solid #fff; }
.shares li.shareslabel h3 {padding: 12px 20px; font-weight: 600; text-transform: uppercase; background: #eee;font-size: 18px;margin: 0;font-family: Roboto;}
.shares li a { display: block; width: 45px; height: 46px; background-repeat: no-repeat; background-position: 7px 7px; }
.shares li a:hover { background-position: 7px -58px; background-color: #f47321; }
.shares li a:active { background-color: #999; }
.shares li a.twitter { background-image: url(../images/icons/social/twitter.png); }
.shares li a.facebook { background-image: url(../images/icons/social/facebook.png); }
.shares li a.gplus { background-image: url(../images/icons/social/gplus.png); }
.shares li a.pinterest { background-image: url(../images/icons/social/pinterest.png); }
.shares li a.yahoo { background-image: url(../images/icons/social/yahoo.png); }
.shares li a.linkedin { background-image: url(../images/icons/social/linkedin.png); }


/* ==================================================
 Post Author
================================================== */
.post-author {
	margin-left:94px;
	position:relative;
	margin-top:15px;
	margin-bottom:60px;
}
.post-author .avatar {
	left:-47px;
	position:absolute;
}
.post-author h6 {
	font-family: verdan;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: auto;
}
.news_content h2 {
	border-bottom: 1px solid #ecf0f1;
	font-family: Roboto;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.8;
	margin: 30px auto; 
}
.metaInfo {
    font-size: 0.9em;
    margin-bottom: 7px;
}
.metaInfo > span {
    display: inline-block;
    padding-right: 15px;
    color:#95a5a6;
}
.metaInfo > span > a{color:#95a5a6;}
.metaInfo > span > a:hover{color:#f47321;}
.metaInfo {
    font-family: Roboto;
    font-size: 0.95em;
    margin: 0 auto;
    padding: 15px 0 20px;
}
.metaInfo i {
    margin-right: 3px;
    color:#95a5a6;
}
.news_content .metaPost {margin-top: 0;}
.news_content .titlePost > h4 {
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
}
.news-slider {margin-bottom: 30px;}


/* ========================================================== */
/*                    Portfolio                         */
/* ========================================================== */
#portfolio{
	width:100%;
	padding-bottom:120px;
	position:relative;
	z-index:9;
}
#filter {
	margin: 0 auto 0 20px;
	overflow: hidden;
	padding: 15px 0 20px;
	position: relative;
	text-align: left;
	width: auto;
	z-index: 10;
}
#filter li{
	display: inline-block;
	margin:0 0 10px 0;
}
#filter li a{
	color:#4c4d4e;
	background:#ecf0f1;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius:0;
	padding:10px 20px;
	font-size:12px;
	line-height: 12px;
	font-family: 'open_sansitalic', Roboto, Roboto, sans-serif;
	transition: all .50s ease-in-out;-moz-transition: all .50s ease-in-out;-webkit-transition: all .50s ease-in-out;
}
#filter li.selected a, #filter li a:hover{
	color:#fff;
	background-color:#f47321;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}
#list{margin-bottom:30px;}
.portfolio_list{
	position:relative;
	padding: 0;
}
.list_item{
	margin-bottom:2%;
	overflow: hidden;
}
.portfolio_details{
	display:block;
	clear:both;
	background-color:#ecf0f1;
	border-bottom:1px solid #e5e5e5;
	padding:30px;
	text-align:center;
}
.list_item:hover .portfolio_details{
	background-color:#f47321;
	transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
}
.portfolio_details h2{
	font-size:16px;
	line-height:24px;
	text-transform:uppercase;
	font-family: 'Roboto', Roboto, Roboto, sans-serif;
	color:#111!important;
	margin:0;
}
.list_item:hover .portfolio_details h2{
	color:#fff!important;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
}
.portfolio_details span{
	font-size:14px;
	font-family: 'Roboto', Roboto, Roboto, sans-serif;
	color:#333;
}
.list_item:hover .portfolio_details span{
	color:#eee;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
}
.isotope ul {margin: 0;}


/* ==================================================
   Contact Section
================================================== */
.contact{padding:30px 0 60px;}
.contact2{padding:0 0 60px;}
.contact3{padding:15px 0 60px;}
.contact .contact-form form textarea {
	-moz-box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}
.contact_info.span6 > h6 {
	border-bottom: 1px solid #ECF0F1;
	line-height: 2.2;
	margin-bottom: 23px;
}
.contact_info.span6 h6 span {
	border-bottom: 3px solid #f47321;
	padding: 10px 0;
}
.contact .info address [class*="icon"] {
	left: 5px;
	position: absolute;
	top: 1px;
}
.contact .info .adr, .contact .info .phone, .contact .info .mail {
	padding-left: 30px;
	position: relative;
}
.contact-details h3 {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 30px;
	line-height: 1em;
	text-transform: uppercase;
}
.contact-details ul {
	margin: 0;
	padding: 0;
	list-style: none; 
}
.contact-details ul li {
	margin: 0 0 20px;
	line-height: 28px;
	padding: 0; 
}
label {
	color: red;
	font-size: 12px;
	font-weight: 100;
	margin: 0 auto;
	padding: 2px 0 7px;
}  
#contact-form, .contact_info {
	margin-bottom: 0;
	margin-top: 18px;
}
#contact-form p {margin-bottom: 15px; }
#contact-form input, #contact-form textarea {
	border-radius: 0 0 0 0;
	border-width: 1px;
	color: #5F5F5F;
	font-size: 14px;
	height: auto;
	padding: 15px;
	resize: none;
}
#contact-form input {
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0 0 0 0;
	border-width: 1px;
	font-family: Roboto;
	width: 100%;
}
#contact-form textarea {
	width: 100%;
	resize: vertical;
	font-family:Roboto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contact-submit {margin: 0;}
#response {
	margin-top: 20px;
	color: #FFFFFF;
}
.adr{line-height: 1.8}
.adr span {
    border-bottom: 1px solid #EEEEEE;
    display: block;
    font-size: 12px;
    padding: 7px 0;
    position: relative;
}
address{margin-top: 10px;}
.contact_info > p, .adr{
	color: #555;
	font-family:Roboto;
	font-size:14px;
	text-align:justify;
	line-height: 1.5;
}
.adr em{
	color:#2c3e50;
	padding-right:10px;
	line-height:1.5;
}
.mail > a, .web > a, .follow > a{
	/*color:#f47321;*/
	font-family:Roboto;
	text-decoration:none;
}
.mail > a:hover, .web > a:hover, .follow > a:hover{
	color:#4c4d4e;
	-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
	text-decoration:none;
}
#map{
	display: block;
	height: 350px;
	margin-bottom:30px;
	-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
}
.map3{
	margin-top:20px;
	display: block;
	height: 260px !important;
	margin-bottom:30px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
}


/* ==================================================
   FOOTER BOTTOM
================================================== */
.copyright {
    float: left;
    position: relative;
    text-align: left;
}
.copyright > p {margin: 10px 0 0;}
.bottom-icons {
    float: right;
    margin-top:5px;
}
.bottom-icons li a {
    color: #BDC3C7;
    margin-top: 5px;
}
.bottom-icons li a:hover {color: #924514;}


/* ========================================================== */
/*                    Preloader                       */
/* ========================================================== */
#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	color:#fff;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../img/atoms.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
#status p{text-align:center;}
                                    

/* ========================================================== */
/*                   AJOUT DE CSS                       */
/* ========================================================== */



.ulstyle li{
	list-style-image: url(../img/marker.gif);
	padding: 0px;
	margin-top: 0px; margin-left:30px	
}

.ulstyle2 li{
	padding: 0px;
	margin-top: 0px; margin-left:10px	
}
.divtab {border:1px solid blue; margin:0 auto;width: 100%; max-width: 600px; height; auto; text-align:center}

.divombre {
	border: 0px solid blue;
	background-color: transparent;
	width: auto; /* max-width: 900px;*/
	height: auto;
	min-height: 30px;
	margin: 5px auto 25px auto;
	padding: 0px;
	-moz-box-shadow: 4px 4px 6px 0px #ececec;
	-webkit-box-shadow: 4px 4px 6px 0px #ececec;
	-o-box-shadow: 4px 4px 6px 0px #ececec;
	box-shadow: 4px 4px 6px 0px #ececec;
	filter: progid: DXImageTransform.Microsoft.Shadow(color=#dbdbdb, Direction=134, Strength=8);
}

.divombre2 {
	border: 2px solid #146293;
	background-color: #eef7fd;
	width: auto; max-width: 296px;
	height: auto;
	min-height: 30px;
	margin: 0px auto 20px auto;
	text-align: center;
	font-size: 18px;line-height:16pt;
	padding: 5px 0;
	-moz-box-shadow: 6px 6px 18px 0px #bbbbbb;
	-webkit-box-shadow: 4px 4px 6px 0px #bbbbbb;
	-o-box-shadow: 4px 4px 6px 0px #bbbbbb;
	box-shadow: 6px 6px 18px 0px #bbbbbb;
border-radius: 5px;
}

.tabmod1 {
	border: 0px solid #e4e4e4;
	border-collapse: collapse;
	width: 100%; max-width: 700px; height:auto;
	margin: 10px 0 0 0;
	padding:0;
	background-color: /* #f8f5f6 */ #e4f1fc;

}
.tabmod1 td {
	border: 0px solid #909090;
	text-align: center;
	padding: 5px 5px 0px 10px;
	height: 25px;

}


.tabmod2 {
	border: 1px solid #e4e4e4;
	border-collapse: collapse;
	width: 100%; /* max-width: 700px;*/ height:auto;
	margin: 0px auto 0px auto;
	padding:0;

}
.tabmod2 td {
	border: 0px solid #909090;
	text-align: center;
	padding: 5px 5px 0px 10px;
	height: 25px;

}

.tabmod3 {
	border: 0px solid #909090;
	border-collapse: collapse;
	width: 100%; /*max-width: 900px;*/ height:auto;
	margin: 0px auto 0px auto;
	padding:0px;
}
.tabmod3 tfoot {
	background-color: /*#ede9e5;*/ #f8f5f6;
	border: 0px solid #909090;
	height: auto;
}
.tabmod3 tbody {
	background-color: #FFFFFF;
	border: 1px solid #909090;
}
.tabmod3 th {
	background-color: /*#ecf0f1 #f8f5f6*/ #f9f9f9 ;text-align: center;
	height: auto;
	padding: 3px 5px 0px 5px;
	border: 1px solid #d2d2d2;
	vertical-align: middle

}
.tabmod3 td {
	border: 1px solid #d2d2d2;
	padding: 5px 5px 0px 5px;
	height: auto;
	width:25%;
	text-align: center;
	vertical-align: middle
}



.tabmod4 {
	border: 0px solid #909090;
	border-collapse: collapse;
	width: 100%; max-width: 700px; height:auto;
	margin: 0px auto 0px auto;
	padding:0px;
}
.tabmod4 td {
	border: 1px solid #d2d2d2;
	padding: 5px 5px 0px 5px;
	height: auto;
	text-align: center;
}


.tabmod4 {border-collapse: separate;
	font-family: tahoma;
	/*width: 800px;*/
	width: 100%; /*max-width: 700px;*/ height:auto;
	border-spacing: 1px;
	border: 0px solid #909090;
	background-color: transparent;
	margin: 10px auto;
}
.tabmod4 td {
	border: 1px solid #d2d2d2;
	padding: 3px 8px;
	vertical-align: middle;
	font-family: Tahoma;
	font-size: 9pt;
	text-align: left;
	color: 444;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.tabmod5 {border-collapse: separate;
/*font-family: tahoma;  */
		width: 100%; max-width: 300px; height:auto;
	border-spacing: 8px;
	border: 1px solid #d2d2d2;
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #e4f1fc;
	margin: 10px auto 15px auto;
}
.tabmod5 td { 	background-color: #ffffff;
	border: 1px solid   #d2d2d2 /*#7ac8f9*/ /*#bfbfbf*/ /*#f47321*/;
	padding: 3px 0px;
	vertical-align: middle;
	font-family: Roboto;
  text-decoration: underline solid;
	text-align: center;
	color: #938414;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.tabmod6 {border-collapse: separate;

	width: 100%; max-width: 300px; height:auto;
	border-spacing: 8px;
	border: 1px solid #d2d2d2;
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #ffffff;
	margin: 10px auto;
}
.tabmod6 td { 	background-color: #e4f1fc;
	border: 1px solid   #d2d2d2 /*#7ac8f9*/ /*#bfbfbf*/ /*#f47321*/;
	padding: 3px 0px;
	vertical-align: middle;
	font-family: Roboto;
  
	text-align: center;
	/*color: #938414; */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.celtab1 {
	background-image: url('../images/fondp.gif');
}
.cel124 {
	background-color: #e4f1fc;
	width: auto;
}
.cel152 {
	background-color: #e4f1fc;
	width: auto;
}
.cel180 {
	background-color: #e4f1fc;
	width: auto;
}
.cel248 {
	background-color: #e4f1fc;
	width: auto;
}
.cel288 {
	background-color: #e4f1fc;
	width: auto;
}
.cel510 {
	background-color: #e4f1fc;
	width: auto;
}
.cel40 {
	background-color: #e4f1fc;
	width: auto; height:auto}
.cel30 {
	width: auto;
}
.celcolor1 {
	background-color: #e4f1fc;
}
.color1 {
	color: #d65252 /*#b94a48*/;
}
.color2 {
	color: #8A7E16
}

#bloc_0, #bloc_1, #bloc_2, #bloc_3, bloc_10, bloc_11, bloc_12, bloc_13, bloc14 {
	padding-left: 0px
}

#bloc_4, #bloc_5, #bloc_6, #bloc_7, #bloc_8,#bloc_9 {
	display:none;position:relative; max-width: 420px; padding: 10px 10px 0px 10px; margin :15px auto 20px auto;
	background-color: #e4f1fc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #175f8a
}


p.titretab {
	font-size: /*16px*/ 18px;line-height:16pt;
	color: #f47321; 
	font-family: Roboto;
	font-weight: 400 /*600*/;
	padding:0px;
	text-align:center;
	
}

p.tab {	font-family: 'Roboto',sans-serif;
	font-size: 10pt; line-height:13px;	
	text-align: center; color: #4c4d4e;
 	padding:0px;}
 	
 	
p.tabg {font-family: 'Roboto',sans-serif;
	font-size: 10pt; line-height:13pt;	
	text-align: left; color: #4c4d4e;
 	padding:0px;}
 	
p.tabd {	font-family: 'Roboto',sans-serif;
	font-size: 10pt; line-height:13pt;	
	text-align: right; color: #4c4d4e;
 	padding:0px;}
  
  p.tabfaq {font-family: 'Helvetica',sans-serif;
	font-size: 14px; line-height:20px;	
	text-align: left; color: #414347;
 	padding:0px;}
 	
p.corpsdates {
	font-family: 'Roboto',sans-serif;
	font-size: 11pt;
	color: #4c4d4e;
	font-weight:600;
	text-align:left;
}

p.titre2center {
	font-family: 'Roboto',sans-serif;
	font-size: 14pt;
	color: #f47321;
	font-weight: 600;
	text-align: center;
	padding: 4px
}

p.titretabsoiree {
	font-family: 'Roboto',sans-serif;
	font-size: 14pt;
	color: #f47321;
	font-weight: 600;
	text-align: center;
	padding: 4px
}

p.datesoiree {
	font-family: 'Roboto',sans-serif;
	font-size: 14pt;
	color: #4c4d4e;
	font-weight: 600;
	text-align: center;
	padding: 4px;
}

p.typesoiree {
	font-family: 'Roboto',sans-serif;
	font-size: 14pt;
	color: #8a8614;
	font-weight: 600;
	text-align: center;
	padding: 4px
}


p.titre2left {
	font-family: 'Roboto',sans-serif;
	font-size: 11pt;
	color: #f47321;
	font-weight: 600;
	text-align:left;
}


.celtab1 {
	background-color: #e4f1fc;
	}

  p.retourFormulaire {
			background-color: /*#e4f1fc*/ #fffffff;
			border-radius: 5px;
			padding: 5px;
			text-align: center;
      color: #4c4d4e;
			font-weight: 600;
			font-size: 16px;
      border: 2px solid #f47321;
		}
    p.infoSpam{
			background-color: #e4f1fc;
			border-radius: 5px;
			padding: 5px;
			text-align: left;
			font-weight: 400;
     	font-size: 14px;
      border: 1px solid #22a4f5;
	}
.divEssai {
      border: 3px solid #e27e22;
      border-radius: 10px;
      padding: 10px; 
      width: auto; max-width: 325px;
      display: block;
      margin-left: auto;
      margin-right: auto;text-align: center}  
  
#div1 {
position:relative;
top:0px;
width:100%;text-align:center;
margin:0; padding:0;
/*height:0px;*/
height: 19px;
/*background: url(../images/animes2/message2D.gif) #444  no-repeat top right;*/
background: /*#2834454*/ #4c4d4e ; /* url(../images/animes2/essai-cours-de-danse-marseille.gif) #444  no-repeat top */;
z-index:1000;
}
 
 
#div1D {
position: absolute; top:0px; right:10px ; 
 	height:20px; width:200px;border:none; 
 
}

 #div1G {
position: absolute; top:-4px; right:230px ;
height:20px; width:120px;border:none; 
  
   }
  
/*  
 margin-left: 10px;
    float: right;}    */
                        
.imageref2 {
    
    margin-left: auto;
    margin-right: 10px;}   
    
   

.pmail {font-family: 'Roboto',sans-serif;
	font-size: 10pt;
	color: #4c4d4e;
	text-decoration: none;
}

.pdiv1 {color: white; font-size: 12px;font-weight: 600; padding: 0px 0px 0px 20px; margin:0px;}

.pointsforts {background-color: /*#7f7af0; #FC3C51*//* #f47321*/ #218cce;
position: absolute; top:0px; left:10px ; 
 	height:18px; width:100px;margin:00px; 
	-webkit-border-radius: 0px 0px 6px 0px;
	-moz-border-radius: 0px 0px 6px 0px;

    background:#7a89f9;color:#fff; text-align: center;padding: 3px 0px 0px 10px;line-height:20px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s;-webkit-backface-visibility:hidden}
  
/*	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;   */
	Z-index:1000;
}

/*
.pointsforts:hover,
.pointsforts:focus {
  background-color: /*#f07a7f*/ red;			

}    */

a.pftext {color: #ffffff; font-size: 12px;font-weight: 600; position: absolute; top: 0px; left : 0px; position: relative, text-align: center; height:18px; width: auto; max-width:230px; margin:0px auto; padding-left: 10px } 



.refnat {background-color: /*#7f7af0;*/ #ffffff; position: relative, text-align: center; height:18px; width: auto; max-width:230px; margin:0px auto; text-align:center;
	

}


.tagdroite {background-color: /*#7f7af0;*/ #f47321;
 	position: absolute; top:0px; right:0px ; 
 	
 	border:1px solid white;
 	height:18x; width: 105px;margin-top:0px;
	-webkit-border-radius: 0px 0px 6px 0px;
	-moz-border-radius: 6px 0px 0px 6px;
	border-radius: 0px 0px 6px 0px;
	Z-index:1000;
}
a.prefnat {/*color:#e62229;*/ font-size: 11px;font-weight: 400; padding-left: 5px;}

a.biendanser {color: /*white*/ #4c4d4e; font-size: 13px;font-weight: 600; margin-left:10px; padding: 0px 5px; text-decoration: underline;background-color:#f0ec7a}

a.biendanser:hover {color:#ae293c}

a.formules {font-weight: 600; color: /*#cb1e24*/ #f47321}
/*a.pftext:hover {color: #45260a;}*/

a.faq2 { background: rgb(249,234,122);
background: linear-gradient(180deg, rgba(249,234,122,1) 50%, rgba(251,171,122,1) 100%); border: 1px solid #e6a400; border-radius: 5px; height : 24px;  color: #994514; font-style: italic; text-decoration: none;font-weight:600;font-size:10pt;padding:2px 5px 2px 5px;line-height:10px}
a.faq2:hover { background: rgba(249,234,122,1);} 

a.foot, a.foot:visited {
	font-family: 'Roboto',sans-serif;
	font-size: 8pt;
	color: #818181;
	text-decoration: none;
	text-align: center;
}

	#iconepresse {text-align: center; width:100%; height: auto;border: 0px solid #f9f9f9; background-color: /*#ecf0f1*/ #ffffff; padding:2px}
	#iconepresse2 {text-align: center; width:100%; height: auto; margin:10px 0px; border: 1px solid red; background-color: #ecf0f1; padding:2px}
	#iconepresse3 {text-align: center; width:100%; height: auto; min-height : 75px; border: 0px solid red; text-align:center; background-color: #ffffff; padding:0px}


	.imgpresse {padding: 2px 0px 2px 0px; display: inline-block;}
	
	
.divcontimg {width: 72px; height; auto; min-height: 72px;position :relative; padding:0px; display: inline-block;border: 0px solid blue; 
font-family: 'Roboto',sans-serif;
	font-size: 12px;
	color: #4c4d4e;
	text-decoration: none;
	text-align: center;
}	
	
.divimg {width: 72px; hposition :relative; padding: 0px 0px 0px 0px; display: inline-block;
 }
	
.divarrondie {
	position: relative;
	width: auto; max-width:700px;
	height: auto;
	background-color: /*#f8f5f6;*/ #e4f1fc;
	padding: 10px 10px 0px 10px;
	margin: 15px auto;
	border: solid 1px #e4e4e4;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

.contenutag {
	position: relative;
	text-align: left;
	width: auto;
  Min-height: 20px;
	height: auto;
	margin: 10px auto 10px auto;
	padding: 5px 10px 5px 10px;
	border: 0px solid #e4e4e4;
	-webkit-border-radius: 6px;
	-moz-border-radius:6px;
	border-radius: 6px;
    background: #eef7fd
}

.contenutag2 {
	width: auto; max-width:  350px;
	height: auto;
	margin: 20px 0px 10px auto;
	padding: 5px 10px 0px 0px;
	border: 1px solid #bfbfbf;
	-webkit-border-radius: 6px;
	-moz-border-radius:6px;
	border-radius: 6px;
	background: #f9f9f9;
 	clear:both
}


.date-even {
	position: relative;
	text-align: left;
	width: auto; 
	height: auto;
	margin: 10px auto 10px auto;
	padding: 20px 10px 0px 150px;
	background: #f9f9f9 url(../images/evenement4.gif) no-repeat 15px 25px;
	border: 1px solid #e4e4e4;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	border-radius: 4px;
}

.date-even2 {
	position: relative;
	text-align: left;
	width: auto; 
	height: auto;
	margin: 10px auto 10px auto;
	padding: 20px 10px 0px 150px;
	background: #f9f9f9 url(../images/pratique.gif) no-repeat 15px 25px;
	border: 1px solid #e4e4e4;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	border-radius: 4px;
 }

#globalphotos {margin: 0 auto; padding: 0px 5px 0px 5px; background: transparent}

.flotte_G {
    float:left;
    padding-right:10px;
    padding-bottom:10px;
    }

.flotte_D {
	float: right;
	padding: 10px;
}

img.absright {
    position : absolute; bottom : 0px; right : 0; padding: 5px 0px 5px 0px }
 img.absleft {
   position : absolute; bottom : 0px; left: 0; padding: 5px 0px 5px 0px}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto } /*REPERE centrer image dans tous les cas */
    
    img.displayed5 {
    float:right;
	margin: 0px 0px 0px auto;
     padding:2px;
	border: 1px solid /*#f8ab7a*/ #f47321;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	border-radius: 4px } 
  /*REPERE centrer image dans tous les cas */
    
/*img.displayed4 {
    display: block;
    margin-left: auto;
    margin-right: auto }*/
    img.displayed6 {

    display: block;
    margin:0px auto
 
} 
      
    
img.displayed7 {
display: block;
margin:-15px auto  20px auto;
}
      
    
img.displayed4 {
    float:right;
	margin: -79px 20px 0px auto;
	padding:2px;
	border: 1px solid /*#f8ab7a*/ #f47321;
	
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	border-radius: 4px;
} 

img.displayed1 {
    display: block;
    margin-left: 12px;
    margin-right: auto;
    padding:2px;
	border: 1px solid /*#f8ab7a*/ #f47321;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	border-radius: 4px;
 } 
    
        
img.displayed2 {
    display: block;
    margin-left: auto;
    margin-right: 0px } 
    
    
img.displayed3 {float: left; margin: 0 10px 10px 20px;}

.presse {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #bfbfbf;
    border-radius: 8px }


    
.flotte_C {
	text-align: center;
	padding: 10px;
}

.vignette {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 4px 4px 6px 0px #dadada;
	-moz-box-shadow: 4px 4px 6px 0px #dadada;
	-webkit-box-shadow: 4px 4px 6px 0px #dadada;
	border: 1px solid #b7b7b7;
}

.vignette2 {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #b7b7b7;
}

.color1 {
	color: #d65252
}
.barre {
	text-decoration: line-through;
}

.google-maps2 {
      position: relative;
      padding-bottom: 60%; // This is the aspect ratio
      height: 0;
      overflow: hidden; border:1px solid #bfbfbf;
    }
.google-maps2 iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
    }

.google-maps3 {
      position: relative;margin-bottom:10px;
      padding-bottom: 50%; // This is the aspect ratio
      height: 0;
      overflow: hidden; border:1px solid #bfbfbf;
    }
.google-maps3 iframe {
    position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;

    }


.gg-pos {position: relative; margin-top:11px; width:auto; height:auto;
 }
 .gg-pos2 {position: relative; margin-top:11px; width:auto; height:auto;
 }

 
 
 .bulleinfo {background-color: #e4f1fc; height : auto; width: auto; min-width: 290px; max-width: 420px; padding: 0px 10px 20px 10px; margin :50px auto 0px auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #175f8a
	}

.citation-left {
	float: left;
	width: 100px;
	height: auto;
	margin: 0; border: 0px solid #175f8a

	}


.wraper {
	
	width: 90px;
	height: 135px;
	margin-right: 10px; text-align:center; font-style: italic;border: 0px solid #175f8a
}


.royalSlider {
  width: 100%;
  height: 300px;
}



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

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

.video-wrapper {
	width: 600px;
	max-width: 100%;
	margin: 0px auto 0px auto;
}

.photosfond {background-color: #f2f2f2; text-align:center}
.photosliens { color:/*#1b79c6*/ #8a8614;text-decoration: underline;}


.contentbulle {position: relative;
	margin: 50px auto;
	width:auto;
	min-width: 290px; 
	max-width:700px;
	padding-right : 25px;
	height: auto;
	border: 0px solid red;

}

.infobulle{
position: relative;
	width: auto;
  max-width:
  Min-height: 20px;
	height: auto;
  background-color: #eef7fd /*e4f1fc*/;
	margin: 10px auto 10px auto;
	padding: 5px 10px 5px 10px;
  box-shadow: 6px 6px 18px 0px #bbbbbb;
  border-radius: 6px;
	border: 1px solid #175f8a;
text-align: center;                                                      6

}

.icon-F {
float: left; 
margin-right:0px; margin-top:10px;

}

.icon-FB {
float: left; padding-left: 10px;
margin-left:20px; margin-top:2px; width:25px; 	height: 25px; /*text-align: center; */
border:0px solid red;


}


.icon-contact {

margin-right:10px; margin-top:0px;   vertical-align:middle;

}

.btn2{font-size: 14px;border:none;background: /*#f47321*/ #7a89f9;color:#fff; text-align: center; padding:2px 10px 2px;line-height:39px;text-decoration:none;text-shadow:none;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s;-webkit-backface-visibility:hidden}
.btn2:hover, /*.btn:focus,.btn-group:focus*/ .btn.dropdown-toggle{background-color:#228ae6;color:#fff;outline:none;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s;-webkit-backface-visibility:hidden}

.btn3{font-size: 13px;border:none;background:/*#f47321*/ #7a89f9;color:#fff; text-align: center; padding:2px 8px 2px;text-decoration:none;text-shadow:none;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;*/-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s;-webkit-backface-visibility:hidden}
.btn3:hover, /*.btn:focus,.btn-group:focus*/ .btn.dropdown-toggle{background-color:#228ae;color:#fff;outline:none;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s;-webkit-backface-visibility:hidden}