@charset "utf-8";
/*@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');*/
@import url('https://use.fontawesome.com/releases/v5.0.7/css/all.css');

/* CSS Document */

/*----------navbar--------*/

.navbar-title {
position:absolute;
/*margin-bottom:20px;*/
height:45px;
border-top:1px solid rgba(255,255,255,.1);
background-color:rgba(71,76,85,1);
/*width:100%;*/
z-index:5;
/*position:fixed;*/
display:block;
left:0;
right:0;
top:100%;
    
}

.navbar-title p {
/*position:relative;*/
color:rgba(234,234,234,1.00);
	text-align: center;
	font-size:20px;
	font-weight: 500;
	padding:5px;
	
}


/*---------------floats---------------*/
.float-right {float:right;}
.float-left {float:left;}

/*----------------text---------------*/
.text-float-right {
float:right;
font-style: italic;
text-align: right;
padding-right: 5px;
font-size:70%;
	
}

.text-left {

text-align: left !important;

}

.normal {font-weight: normal;}

.text-shadow{
	text-shadow: 5px 5px 15px #000;
}
.bold {font-weight: bold;}

.light {font-weight:400 !important;}

.lighter {font-weight:300 !important;}

.medium {font-weight: 600 !important;}

.slab {font-family: "Roboto Slab", "Times New Roman", serif;}
.slab-medium {font-family: 'Roboto Slab', sans-serif; font-weight: 500;}
.slab-bold {font-family: 'Roboto Slab', sans-serif; font-weight: 600;}

.slab-bolder {font-family: 'Roboto Slab', sans-serif; font-weight:900;}

.roboto {font-family: "Roboto", "Helvetica", "Arial", sans-serif;}
.roboto-medium {font-family: 'Roboto', sans-serif; font-weight: 500;}
.roboto-bold {font-family: 'Roboto', sans-serif; font-weight: 600;}

/*------------cursor--------------------*/
.hand {cursor:pointer;}
.help {cursor: help;}


/*------------colors--------------------*/

.primary {color: #0077A0 !important;}
.secondary {color: #E4E1DC !important;}
.purple {color: #423F8C !important;}
.teal {color:#009AA7 !important;}
.blue {color: #03538E !important;}
.orange {color: #E0541A !important;}
.coral {color: #BF215B !important;}


.light-orange {color: rgba(224,84,26,.5);}
.grey {color: rgba(79,97,104,1.00) !important;}
.light-grey {color: rgba(79,97,104,.5) !important;}
.red {color: #A50C0C !important;}
.dark-red {color: #a72118 !important;}

.yellow {color: #ff9f1e !important;}
.dark-green {color:#4d8e28;}
.green {color: #167F00 !important;}
.dark-green {color: rgba(36,140,15,1.00) !important;}
.white {color:#fff !important;}
.black {color:#4a4a4a !important;}
.purple {color: #423F8C !important;}
.light-purple {color: rgba(66,63,140,.2) !important;}
.turquoise {color: #28cdd9 !important;}


.avatar_blue {color:#0090b2;}
.avatar_green {color:#5e9b55;}
.avatar_purple {color:#7f4891;}
.avatar_orange {color:#db5729;}
.avatar_brown {color:#b66f21;}

 .transparent-circle {
    position:absolute;
    top: 43%;
    left:23%;
    background-color: transparent;
    border: 3px solid #0077a0;
    height:35%;
    width:78%;
     border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    z-index:1000;
}

.circle, .circle_medium,  .circle_large {
    /*background: #0077A0;*/
    border-radius: 50%;
    width: 50px;
    height: 50px !important;
	color:#a50c0c;
	text-align: center;
	border:2px solid #a9d819 ;
	font-size:1.3em;
	
}

.circle_medium, .square {
  /* background-color: #fff;*/
  border-radius: 50%;
  position:relative;
  padding:5px;
  width: 150px;
  height: 150px !important;
	
}
.square {
    border-radius: 0px;
  
}

.circle_medium:after, .square:after {
  border-radius: 50%;
  padding: 5px;
  border: 3px solid #a9d819;
  position: absolute;
  content: '';
  top: -6px;
  left: -6px;
  bottom: -6px;
  right: -6px;
}

.square:after {
    border-radius: 0px;
    border: 3px solid #0077A0;
}

.circle_large {
   width:300px;
    height: 300px !important;
	
}


.circle_teal {color:#009AA7; border:2px solid #009AA7; }
.circle_orange {color:#E0541A; border:2px solid #E0541A!important; }
.circle_blue {color:#03538E;  border:2px solid #03538E; }
.circle_green {color:#167F00;  border:2px solid #167F00; }
.circle_brown {color:#b66f21; border:2px solid #b66f21; }
.circle_red {color:#A50C0C;  border:2px solid #A50C0C; }
.circle_purple {color: #423F8C; border:2px solid #423F8C; }


/*------------------ bg colors ------------------*/

.bg-primary {background-color:#0077A0 !important; color:#fff!important;}
.bg-light-primary {background-color:#e5f1f5 !important; color:#fff;}

.bg-secondary {background-color: #E4E1DC !important;}
.bg-secondary-light {background-color: #f7f6f4;}
.bg-blue {background-color:rgba(3,83,142,1.00) !important; color:#fff!important;}
.bg-light-blue {background-color:#e5edf3 !important;}

.bg-purple {background-color: #423F8C !important; color:#fff!important;}
.bg-light-purple {background-color:#ecebf3;}
.bg-purple-8 {background-color: rgba(66,63,140,.8) !important; color:#fff;}
.bg-purple-7 {background-color: rgba(66,63,140,.7) !important; color:#fff;}

.bg-orange {background-color:#E0541A !important; color:#fff!important;}
.bg-light-orange {background-color: #fceee8;}
.bg-orange-8 {background-color:rgba(224,84,26,.8) !important; color:#fff!important;}
.bg-orange-7 {background-color:rgba(224,84,26,.7) !important; color:#fff;}

.bg-coral {background-color:rgba(191,33,91,1.00) !important; color:#fff !important;}
.bg-light-coral {background-color:#f8e8ee !important; }

.bg-green {background-color: #167F00 !important;}
.bg-dark-green {background-color:#4D8E28;}
.bg-light-green {background-color: rgba(105,157,1,.1);}
.bg-green-2 {background-color:#a9d819 !important;}
.bg-light-green-2 {background-color:rgba(169,216,25,.1) !important;}

.bg-carnet-header {background-color:#2B9F13; color:#fff;}

.bg-red {background-color:#A50C0C !important;}
.bg-light-red {background-color:rgba(165,12,12,.05) !important;}
.bg-dark-red {background-color:#a72118 !important;}

.bg-turquoise {background-color: #28cdd9 !important;}
.bg-light-turquoise {background-color: rgba(40,205,217,.1) !important;}

.bg-yellow {background-color: #ff9f1e !important;}
.bg-light-yellow {background-color: rgba(255,197,120,1.00) !important;}

.bg-teal {background-color:rgba(0,154,167,1.00) !important; color:#fff;}
.bg-teal-8 {background-color:rgba(0,154,167,.8) !important; color:#fff;}
.bg-teal-7 {background-color:rgba(0,154,167,.7) !important; color:#fff;}
.bg-light-teal {background-color:rgba(0,154,167,.1)!important;}

.bg-info {background-color: rgba(91,192,222,0.1)!important}

.bg-grey {background-color:#f5f6f5 !important; }
.bg-dark-grey {background-color:rgba(71,76,85,0.8) !important; }
.bg-medium-grey {background-color:rgba(223,225,223,.4) !important; }
.bg-white {background-color:rgba(255,255,255,1) !important;}
.bg-dark-blue {background-color:#1C2B39 !important; color:#fff;}
.bg-black {background-color: rgba(0,0,0,0.8) !important;}
.bg-brown {background-color:rgba(176,101,70,1);}
.bg-white-slider {background-color:rgba(255,255,255,0.9) !important;}
.bg-white-slider p, .bg-white-slider h4 {color:#000 !important;}
.bg-success{background-color: #4caf50 !important;}
.bg-transparent {background-color:transparent !important;}
.bg-avatar-blue {background-color:rgba(0,144,178,.08);}
.bg-avatar-green {background-color:rgba(0,116,109,.08);}
.bg-avatar-purple {background-color:rgba(127,72,145,.08);}
.bg-avatar-orange {background-color:rgba(219,87,41,.09);}
.bg-avatar-brown {background-color:rgba(176,101,70,.08);}

.bg-purple ul li, .bg-teal ul li, .bg-orange ul li, .bg-primary ul li, .bg-coral ul li, .bg-blue ul li{
    color:#fff;
}
.bg-purple p, .bg-teal p, .bg-orange p, .bg-primary p, .bg-coral p, .bg-blue p{
    color:#fff;
}

.bg-grey ul li{
color:#4a4a4a !important;}

/*----colored box bg arrow icon--------------*/

/*.bg_icon {
     
	
	top:50%;
	left:0%;
	overflow:hidden;
   border: 2px solid lightblue;
}*/

.bg_icon_left:before, .bg_icon_right:before {
    content:"\f0d9";
    /*width: 100%;
    height:18em;*/
    font-size: 4em;
  	font-family:fontawesome;
	color:#fff;
	position:relative;
	top:15%;
	left:0px;
}
.bg_icon_right:before {
	content:"\f0da";
	left:95%;

}

/*---------- fixed row------------*/
.container1 {position:relative;}
.header .row{ /*position: fixed;*/ background: rgba(71,76,85,0.8); color:#fff;}
.table2 {/*min-height: 300px;*/ overflow-y: auto; overflow-x: hidden}


.vcenter {
	float: none;
display: inline-block;
vertical-align: middle;
}

.center {
position:absolute;
	top:30%;
	left:25%;
}
.container-center, .short-container-center {
  height: 10em;
  display: flex;
  align-items: center;
  justify-content: center;
background-color: rgba(214,214,214,.1);

}

.short-container-center {
  height: 5em;
}

.container-center h4, .short-container-center h4 {
  margin:0;
text-align: center;
	/*cursor: pointer;*/
font-size:1.6em;
	font-weight: 500
}


.container-bt h4, .container-bt-teal h4{
	position:relative;
	top:90%;
	background-color:rgba(0,119,160,1);
	width:100%;
	color:#fff;
	padding:10px 0px;
	text-align: center;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-weight: 400;
	font-size:1.3em;
	
}

.container-bt-teal h4 {
	background-color:#009AA7 !important;
	

}

.jumbotron {
   color:#0077A0;
   background-color: #E4E1DC;
  /*padding: 6rem 1rem;*/
    height:40vh;
    /*display: flex;
  justify-content: center;
  flex-direction: column;*/
    
   
}
.flex-center-vertically  {
  display: flex;
  justify-content: center;
  flex-direction: column;
  /*height: 350px;*/
}


.flex-center-vertically-quote, .flex-center-vertically-short-quote  {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 25em;

}
.flex-center-vertically-short-quote {
  
  height: 8em;


}

.flex-center-vertically-tool {
  display: flex;
  justify-content: center;
	 align-items: center;
  flex-direction: column;
  height: 100px;
	font-size: .8em !important;
}

.flex-center-vertically-tool h4 {
    margin-bottom:0px;
    font-size:1.5rem;
}

.flex-center-vertically-btn {
  display: flex;
  justify-content: center;
	 align-items: center;
  flex-direction: column;
	height: 80px;
}

.horizontal-center {
   height: 12em;
  display: flex;
  align-items: center;
  justify-content: center
}
.horizontal-center p {
    margin: 0;
    }

/*------------------- image ----------------------*/
.zoom {
 /* padding: 50px;
  background-color: green;*/
  transition: transform .2s; /* Animation */
  /*width: 200px;
  height: 200px;*/
  margin: 0 auto;
	opacity:.9
}

.zoom:hover {
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
	opacity:1;
}

.rounded-25 {
    border-radius: 25px !important;
}


/*-----------------------Widths-------------------------*/
.width2, #width10 { width: 2%; }
.width3, #width10 { width: 3%; }
.width4, #width10 { width: 4%; }
.width5, #width10 { width: 5%; }
.width10, #width10 { width: 10%; }
.width13, #width13 { width: 13%; }
.width15, #width15 { width: 15%; }
.width20, #width20 { width: 20%; }
.width25, #width25 { width: 25%; }
.width30, #width30 { width: 30%; }
.width35, #width35 { width: 35%; }
.width40, #width40 { width: 40%; }
.width45, #width45 { width: 45%; }
.width50, #width50 { width: 50%; }
.width60, #width60 { width: 60%; }
.width70, #width70 { width: 70%; }
.width75, #width75 { width: 75%; }
.width80, #width80 { width: 80%; }
.width90, #width90 { width: 90%; }
.width95, #width95 { width: 95%; }
.width98, #width98 { width: 98%; }
.width100, #width100 { width: 100%; }

.height100 {height:100px;}
.height150 {height:150px;}

hr.clear {clear: both;
border: none;}



.card-title-1-7, .card-title-3 {
  font-weight: 700;
  font-size:2.2em;
   padding-top:100px;
	

}

.card-title-3 {
	font-size:3em;
}

.card-overlay {
    position:relative;
    padding:.5rem;
    bottom:30px;
    width:90%;
    margin:0 auto;
}
/*------------ borders----------*/
.radius-0 {border-radius:0 !important;}
.no-border {border-color: transparent !important;}
.border {border:1px solid #eaeaea;}
.border-sec {border:1px solid #E4E1DC;}
.border-primary {border:1px solid #0077A0!important;}
.border-teal {border:1px solid #009AA7;}
.border-red {border:1px solid #A50C0C !important;}
.border-dark-red {border:1px solid #a72118 !important;}
.border-purple {border:1px solid #423F8C !important;}
.border-blue {border:1px solid #03538E !important;}
.border-orange {border:1px solid #E0541A;}
.border-green {border:1px solid #8cc63f;}
.border-yellow {border:1px solid #ff9f1e !important;}
.border-coral {border:1px solid #BF215B;}


.border-bt {border-bottom:1px solid #eaeaea;}
.border-tp {border-top:1px solid #eaeaea;}
.border-l {border-left:1px solid #eaeaea;}
.border-r {border-right:1px solid #eaeaea;}
.border-l-primary {border-left:1px solid #0077A0;}
.border-r-primary {border-right:1px solid #0077A0;}

.border-bt-sec {border-bottom:1px solid #E4E1DC;}
.border-tp-sec {border-top:1px solid #E4E1DC;}
.border-l-sec {border-left:1px solid #E4E1DC;}
.border-r-sec {border-right:1px solid #E4E1DC;}

.border-bt-primary {border-bottom:1px solid #0077A0;}
.border-bt-dash {border-bottom:1px dashed #eaeaea;}
.border-bt-teal {border-bottom:1px solid #009AA7;}
.border-tp-teal {border-top:1px solid #009AA7;}
.border-tp-grey {border-top:1px solid rgba(234,234,234,.1);}

.border-bt-blue {border-bottom:1px solid #b3e0ff;}
.border-tp-blue {border-top:1px solid #b3e0ff;}
	
.border-bt-orange {border-bottom:1px solid #E0541A;}
.border-tp-orange {border-top:1px solid #E0541A;}


.border-bt-dark-blue {border-bottom:1px solid #1C2B39;}
.border-tp-dark-blue {border-top:1px solid #1C2B39;}

.border-bt-green {border-bottom:1px solid #8cc63f;}
.border-tp-green {border-top:1px solid #8cc63f;}

.border-bt-red {border-bottom:1px solid #A50C0C;}
.border-tp-red {border-top:1px solid #A50C0C;}

.border-bt-dark-red {border-bottom:1px solid #a72118;}
.border-tp-dark-red {border-top:1px solid #a72118;}

.border-bt-turquoise {border-bottom:1px solid #28cdd9;}
.border-tp-turquoise {border-top:1px solid #28cdd9;}

.border-bt-purple {border-bottom:1px solid #423F8C;}
.border-tp-purple {border-top:1px solid #423F8C;}
.border-r-purple {border-right:1px solid #423F8C;}
.border-l-purple {border-left:1px solid #423F8C;}


.border-3 {border:3px solid #343841;}
.border-3-bt-orange {border-bottom:3px solid #E0541A;}
.border-3-bt-dark-red {border-bottom:3px solid #a72118;}
.border-3-bt-purple {border-bottom:3px solid #423F8C;}
.border-3-bt-turquoise {border-bottom:3px solid #28cdd9;}
.border-3-bt-primary {border-bottom:3px solid #0077A0;}
.border-3-bt-teal {border-bottom:3px solid #009AA7;}
.border-3-bt-blue {border-bottom:3px solid #03538E;}

.border-3-l-grey {border-left:3px solid rgba(74,74,74,.8);}
.border-3-l-primary {border-left:3px solid rgba(51,122,183,1);}
.border-3-l-orange {border-left:3px solid rgba(183,94,40,1.00);}
.border-3-l-teal {border-left:3px solid rgba(0,154,167,1.00);}
.border-3-l-blue {border-left:3px solid #03538E;}

.border-3-r-grey {border-right:3px solid rgba(74,74,74,.8);}
.border-3-r-primary {border-right:3px solid #0077A0;}
.border-3-r-orange {border-right:3px solid rgba(183,94,40,1.00);}
.border-3-r-teal {border-right:3px solid rgba(0,154,167,1.00);}

.border-3-tp-orange {border-top:3px solid #E0541A;}
.border-3-tp-dark-red {border-top:3px solid #a72118;}
.border-3-tp-purple {border-top:3px solid #423F8C;}
.border-3-tp-turquoise {border-top:3px solid #28cdd9;}
.border-3-tp-primary {border-top:3px solid #0077A0;}
.border-3-tp-teal {border-top:3px solid #009AA7;}

.border-5-tp-orange {border-top:5px solid #E0541A;}
.border-5-tp-dark-red {border-top:5px solid #a72118;}
.border-5-tp-purple {border-top:5px solid #423F8C;}
.border-5-tp-turquoise {border-top:5px solid #28cdd9;}
.border-5-tp-primary {border-top:5px solid #0077A0;}
.border-5-tp-teal {border-top:5px solid #009AA7;}
.border-5-tp-blue {border-top:5px solid #03538E;}
.border-5-tp-coral {border-top:8px solid #BF215B;}
.border-5-tp-carnet {border-top:5px solid #2B9F13;}
.border-5-tp-sec {border-top:5px solid #E4E1DC;}
.border-5-tp-grey {border-top:5px solid rgba(74,74,74,.8);}

.border-5-bt-orange {border-bottom:5px solid #E0541A;}
.border-5-bt-dark-red {border-bottom:5px solid #a72118;}
.border-5-bt-purple {border-bottom:5px solid #423F8C;}
.border-5-bt-turquoise {border-bottom:5px solid #28cdd9;}
.border-5-bt-primary {border-bottom:5px solid #0077A0;}
.border-5-bt-teal {border-bottom:5px solid #009AA7;}
.border-5-bt-coral {border-bottom:5px solid #BF215B;}
.border-5-bt-blue {border-bottom:5px solid #03538E;}
.border-5-bt-sec {border-bottom:5px solid #E4E1DC;}

.border-5-l-orange {border-left:5px solid #E0541A;}
.border-5-l-dark-red {border-left:5px solid #a72118;}
.border-5-l-purple {border-left:5px solid #423F8C;}
.border-5-l-turquoise {border-left:5px solid #28cdd9;}
.border-5-l-primary {border-left:5px solid #0077A0;}
.border-5-l-teal {border-left:5px solid #009AA7;}
.border-5-l-blue {border-left:5px solid #03538E;}
.border-5-l-coral {border-left:8px solid #BF215B;}
.border-5-l-carnet {border-left:5px solid #2B9F13;}
.border-5-l-sec {border-left:5px solid #E4E1DC;}
.border-5-l-grey {border-left:5px solid rgba(74,74,74,.8);}

.border-5-r-orange {border-right:5px solid #E0541A;}
.border-5-r-dark-red {border-right:5px solid #a72118;}
.border-5-r-purple {border-right:5px solid #423F8C;}
.border-5-r-turquoise {border-right:5px solid #28cdd9;}
.border-5-r-primary {border-right:5px solid #0077A0;}
.border-5-r-teal {border-right:5px solid #009AA7;}
.border-5-r-coral {border-right:5px solid #BF215B;}
.border-5-r-blue {border-right:5px solid #03538E;}
.border-5-r-sec {border-right:5px solid #E4E1DC;}
.border-5-r-grey {border-right:5px solid rgba(74,74,74,.8);}

.border-8-orange {border:8px solid #E0541A;}
.border-8-dark-red {border:8px solid #a72118;}
.border-8-purple {border:8px solid #423F8C;}
.border-8-turquoise {border:8px solid #28cdd9;}
.border-8-primary {border:8px solid #0077A0;}
.border-8-teal {border:8px solid #009AA7;}
.border-8-blue {border:8px solid #03538E;}
.border-8-sec {border:8px solid #E4E1DC;}
.border-8-coral {border:8px solid #BF215B;}

.border-24-orange {border:24px solid #E0541A;}
.border-24-dark-red {border:24px solid #a72118;}
.border-24-purple {border:24px solid #423F8C;}
.border-24-turquoise {border:24px solid #28cdd9;}
.border-24-primary {border:24px solid #0077A0;}
.border-24-teal {border:24px solid #009AA7;}
.border-24-blue {border:24px solid #03538E;}
.border-24-sec {border:24px solid #E4E1DC;}
.border-24-coral {border:24px solid #BF215B;}

.border-24-l-orange {border-left:24px solid #E0541A;}
.border-24-l-dark-red {border-left:24px solid #a72118;}
.border-24-l-purple {border-left:24px solid #423F8C;}
.border-24-l-turquoise {border-left:24px solid #28cdd9;}
.border-24-l-primary {border-left:24px solid #0077A0;}
.border-24-l-teal {border-left:24px solid #009AA7;}
.border-24-l-blue {border-left:24px solid #03538E;}
.border-24-l-sec {border-left:24px solid #E4E1DC;}
.border-24-l-coral {border-left:24px solid #BF215B;}
.border-24-l-carnet {border-left:24px solid #2B9F13;}
.border-24-l-grey {border-left:24px solid rgba(74,74,74,.8);}
.border-24-l-primary-light {border-left:24px solid #e5f1f5;}


 .border-24-r-orange {border-right:24px solid #E0541A;}
.border-24-r-dark-red {border-right:24px solid #a72118;}
.border-24-r-purple {border-right:24px solid #423F8C;}
.border-24-r-turquoise {border-right:24px solid #28cdd9;}
.border-24-r-primary {border-right:24px solid #0077A0;}
.border-24-r-teal {border-right:24px solid #009AA7;}
.border-24-r-blue {border-right:24px solid #03538E;}
.border-24-r-sec {border-right:24px solid #E4E1DC;}
.border-24-r-coral {border-right:24px solid #BF215B;}
.border-24-r-carnet {border-right:24px solid #2B9F13;}

.border-24-tp-orange {border-top:24px solid #E0541A;}
.border-24-tp-dark-red {border-top:24px solid #a72118;}
.border-24-tp-purple {border-top:24px solid #423F8C;}
.border-24-tp-turquoise {border-top:24px solid #28cdd9;}
.border-24-tp-primary {border-top:24px solid #0077A0;}
.border-24-tp-teal {border-top:24px solid #009AA7;}
.border-24-tp-blue {border-top:24px solid #03538E;}
.border-24-tp-sec {border-top:24px solid #E4E1DC;}
.border-24-tp-coral {border-top:24px solid #BF215B;}
.border-24-tp-carnet {border-top:24px solid #2B9F13;}

.border-24-bt-orange {border-bottom:24px solid #E0541A;}
.border-24-bt-dark-red {border-bottom:24px solid #a72118;}
.border-24-bt-purple {border-bottom:24px solid #423F8C;}
.border-24-bt-turquoise {border-bottom:24px solid #28cdd9;}
.border-24-bt-primary {border-bottom:24px solid #0077A0;}
.border-24-bt-teal {border-bottom:24px solid #009AA7;}
.border-24-bt-blue {border-bottom:24px solid #03538E;}
.border-24-bt-sec {border-bottom:24px solid #E4E1DC;}
.border-24-bt-coral {border-bottom:24px solid #BF215B;}
.border-24-bt-carnet {border-bottom:24px solid #2B9F13;}


/*-------------Shoadowed boxes-----------*/
.colored-boxes {width:98%;
margin:auto;}

.top-box, .bt-box {
position: absolute;
z-index: 1;
top:-15%;
/*background: #fff;*/
box-shadow: 0px 5px 8px 0px rgba(0,0,0,.3);
left:10%;
height:130px;
width:80%;
/*padding:.5rem 1rem;*/
}

.bt-box {
position: absolute;
z-index: 1;
top:90%;
height:70px;
}

.bottom-box {
width:90%;
margin-top: -5%;
margin-left: 5%;
position: relative;
z-index: 1;
padding:1.3rem;

    
}
.right-box, .left-box { 
position: relative;
z-index: 1;
top:10%;
padding:1.4rem;
/*background: #fff;*/

}
.right-box {
 margin-left: -6%;
 
 /* box-shadow: 10px 15px 20px 0px rgba(0,0,0,.3);*/
width:100%;
}
.left-box {
    margin-right: -6%;
   
   /* box-shadow: -10px 15px 20px 0px rgba(0,0,0,.3);*/
  
}

.transparent-box-left, .transparent-box-right {
    position: absolute;
z-index: 1;
    padding:1.25rem;
}

.transparent-box-left {
    margin-right: -20%;
    
}

.transparent-box-left p {
    width:90%;
    float:left;
}
.transparent-box-right {
    margin-right: -10%;
}

/*-------------buttons-------------*/

.btn-black {
	border:1px solid #010b17 !important;
	color:#010b17 !important;
	background:white;
	font-size:18px;
	font-weight: 500;
	
}

.btn-black:hover {
	border:1px solid #010b17 !important;
	color:#010b17 !important;
	background:#eaeaea;
}

.btn-red {
	/*border:1px solid #AE292B !important;*/
	color: #a72118 !important;
	font-weight:500 !important;
    font-size:.9rem !important;
	background-color: transparent;
}

.btn-red:hover {
	/*border:1px solid #a72118 !important;*/
	color: #fff !important;
	font-weight:500 !important;
	background-color: #a72118 !important;
}

.btn-add {
	/*border:1px solid #AE292B !important;*/
	color: #fff !important;
	font-weight:500;
	background-color: #a72118;
    font-size:.9rem !important;
	
}

.btn-add:hover {
	/*border:1px solid #a72118 !important;*/
    font-size:.9rem !important;
	color: #a72118 !important;
	font-weight:500;
	background-color: #efefef !important;
	
}

.btn-remove {
	/*border:1px solid #AE292B !important;*/
	color: #fff !important;
    font-size:1rem !important;
    font-weight:500;
	background-color: #4F6168;
	
}

.btn-remove:hover {
	/*border:1px solid #a72118 !important;*/
     font-size:1rem !important;
	color: #4F6168 !important;
	font-weight:500;
	background-color: #efefef !important;
	
}


.btn-grey {
	border:1px solid #f5f6f5 !important;
	color:#4a4a4a !important;
	background-color:#f5f6f5;
}

.btn-grey:hover {
	border:1px solid #4F6168 !important;
	color: #fff !important;
	background-color:#4F6168;
}

.btn-primary-new {
	border:1px solid #0077A0 !important;
	color:#0077A0 !important;
	background:transparent;
}

.btn-primary-new:hover {

	border:1px solid #0077A0 !important;
	color: #0077A0 !important;
	background:#eaeaea;
}
.btn-red-new {
	border:1px solid #A50C0C !important;
	color:#A50C0C !important;
	background:transparent;
}

.btn-red-new:hover {

	border:1px solid #A50C0C !important;
	color: #A50C0C !important;
	background:#eaeaea;
}


.btn.btn-white-new, .btn.btn-white-new:visited{
    /*background-color: rgba(239,239,239,.2);
    color: #0077A0;*/
font-weight: 500;
	/*border:1px solid #0077A0;*/
}

.btn.btn-white-new:hover, .btn.btn-white-new:focus{
    background-color: #a72118;
    color: #FFFFFF; }


/*------------- outline btns-------------*/
.btn-outline-blue {
  color: #0075BC;
	font-size:18px;
	
  background-image: none;
  background-color: transparent;
  border: 1px solid #0075BC;
/*text-transform: uppercase;
	float:right;*/
	
}

.btn-outline-blue.btn-icon span {
  border-color: #0075BC;
  background-color: transparent;
  -webkit-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

.btn-outline-blue.btn-icon:hover span, .btn-outline-blue.btn-icon:focus span, .btn-outline-blue.btn-icon:active span, .btn-outline-blue.btn-icon:active:focus span {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}

.btn-outline-blue:hover {
  color: white;
	font-weight: 600;
  background-color: #0075BC;
  border-color: #0075BC;
}

.btn-outline-blue:focus, .btn-outline-blue.focus {
  color: white;
  background-color: #0075BC;
  border-color: #0075BC;
}

.btn-outline-blue:active, .btn-outline-blue.active, .open > .btn-outline-blue.dropdown-toggle {
  color: white;
  background-color: #0075BC;
  border-color: #0075BC;
}

.btn-outline-blue:active:hover, .btn-outline-blue:active:focus, .btn-outline-blue:active.focus, .btn-outline-blue.active:hover, .btn-outline-blue.active:focus, .btn-outline-blue.active.focus, .open > .btn-outline-blue.dropdown-toggle:hover, .open > .btn-outline-blue.dropdown-toggle:focus, .open > .btn-outline-blue.dropdown-toggle.focus {
  color: white;
  background-color: #0051a8;
  border-color: #003d80;
}

.btn-outline-blue.active {
  background-color: #0051a8;
  border-color: #003d80;
}

.btn-outline-blue.disabled:focus, .btn-outline-blue.disabled.focus, .btn-outline-blue:disabled:focus, .btn-outline-blue:disabled.focus {
  border-color: #66afff;
}

.btn-outline-blue.disabled:hover, .btn-outline-blue:disabled:hover {
  border-color: #66afff;
}

.btn-outline-black {
  color: #010b17;
font-size:18px;
background-image: none;
  background-color: white;
  border: 1px solid #010b17;
/*text-transform: uppercase;
	float:left;*/
	
}

.btn-outline-black.btn-icon span {
  border-color: #010b17;
  /*background-color: transparent;*/
	background-color: white;
  -webkit-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

.btn-outline-black.btn-icon:hover span, .btn-outline-black.btn-icon:focus span, .btn-outline-black.btn-icon:active span, .btn-outline-black.btn-icon:active:focus span {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}

.btn-outline-black:hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.btn-outline-black:focus, .btn-outline-black.focus {
  color: white;
  background-color: rgba(0, 0, 0, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
}

.btn-outline-black:active, .btn-outline-black.active, .open > .btn-outline-black.dropdown-toggle {
  color: white;
  background-color: rgba(0, 0, 0, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
}

.btn-outline-black:active:hover, .btn-outline-black:active:focus, .btn-outline-black:active.focus, .btn-outline-black.active:hover, .btn-outline-black.active:focus, .btn-outline-black.active.focus, .open > .btn-outline-black.dropdown-toggle:hover, .open > .btn-outline-black.dropdown-toggle:focus, .open > .btn-outline-black.dropdown-toggle.focus {
  color: white;
  background-color: #333;
  border-color: #333;
}

.btn-outline-black.active {
  background-color: #333;
  border-color: #333;
}

.btn-outline-black.disabled:focus, .btn-outline-black.disabled.focus, .btn-outline-black:disabled:focus, .btn-outline-black:disabled.focus {
  border-color: #999;
}

.btn-outline-black.disabled:hover, .btn-outline-black:disabled:hover {
  border-color: #999;
}

/*-------------Back to top button--------------*/
#btn_top {
  display: inline-block;
  background-color: #0077A0;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#btn_top::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#btn_top:hover {
  cursor: pointer;
  background-color: #4F6168;
}
#btn_top:active {
  background-color: #fff;
}
#btn_top.show {
  opacity: 1;
  visibility: visible;
}


/*-----------------nav tab-----------*/
nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#272e38;
    border-radius:0;
}

nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #e74c3c ;
}
.tab-content1{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #e74c3c;
    border-bottom:5px solid #e74c3c;
    padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #e74c3c;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}

/*--------------------nav circles - tabs-------------*/
#myList .list-group .list-circles {
	display:inline;
	margin:0 2%;
}
#myList .list-group .list-circles > a {
   background: #0077A0;
    border-radius: 50%;
    width: 55px;
    height: 55px !important;
	color:#a50c0c;
	text-align: center;
	border:2px solid #a50c0c;
	font-size:1.6em;
	display:inline-block;
	margin-bottom:5%;
  -webkit-transition: all .3s;
  transition: all .3s;
	padding:3%;
}


#myList .list-group .list-circles > a:hover {
    background-color: rgba(200, 200, 200, 0.2); }

#myList .list-group .list-circles > i {
  display: block;
  font-size: 30px;
  padding: 15px 0; }

.list-circles > a.active, .list-circles > a:focus, .list-circles > a:hover {
  background-color: #0077A0;
  color: #FFFFFF;
	
  
 /* -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 117, 188, 0.6);
          box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 117, 188, 0.6);*/ }


/*-------------tab btns---------------------*/

.nav-pills.nav-pills-orange > li.active > a.one, .nav-pills.nav-pills-orange > li.active > a.one:focus, .nav-pills.nav-pills-orange > li.active > a.one:hover {
  background-color: #E0541A !important;
}

.nav-pills.nav-pills-dark-blue > li.active > a, .nav-pills.nav-pills-dark-blue > li.active > a:focus, .nav-pills.nav-pills-dark-blue > li.active > a:hover {
  background-color: #1C2B39 !important;
}

.nav-pills.nav-pills-green > li.active > a, .nav-pills.nav-pills-green > li.active > a:focus, .nav-pills.nav-pills-green > li.active > a:hover {
  background-color: #8cc63f !important;
}

.nav-pills.nav-pills-red > li.active > a, .nav-pills.nav-pills-red > li.active > a:focus, .nav-pills.nav-pills-red > li.active > a:hover {
  background-color: #A50C0C !important;
}

.nav-pills.nav-pills-purple > li.active > a, .nav-pills.nav-pills-purple > li.active > a:focus, .nav-pills.nav-pills-purple > li.active > a:hover {
  background-color: #423F8C !important;
}

.nav-pills.nav-pills-dark-red > li.active > a, .nav-pills.nav-pills-dark-red > li.active > a:focus, .nav-pills.nav-pills-dark-red > li.active > a:hover {
  background-color: #a72118 !important;
}

.nav-pills.nav-pills-turquoise > li.active > a, .nav-pills.nav-pills-turquoise > li.active > a:focus, .nav-pills.nav-pills-turquoise > li.active > a:hover {
  background-color: #28cdd9 !important;
}

.nav-pills-icons > li {
	padding-left:2px !important;
}


.nav-pills > li > a.one {
  line-height: 24px;
  /*text-transform: uppercase;
  font-size: 12px;*/
  font-size: 14px;
  font-weight: 600;
  width: 200px;
  display:inline-table;
  text-align: center;
  /*color: #555555;
  color: rgba(211,211,211,1.00);*/
	color:#fff !important;
  -webkit-transition: all .3s;
  transition: all .3s; }
  .nav-pills > li > a.one:hover {
   /* background-color: rgba(200, 200, 200, 0.2);*/ }

.nav-pills > li.active > a.one, .nav-pills > li.active > a.one:focus, .nav-pills > li.active > a.one:hover {
  /*background-color: #0075BC;*/
  color: #FFFFFF;
	font-size: 100%;
	
}

.nav-pills.grey > li.active > a, .nav-pills.grey > li.active > a:focus, .nav-pills.grey > li.active > a:hover {
 
	background-color: #eaeaea;
}



/* TEXT-TABS */

#text-tabs li {
	margin: 0 10px;
	max-width:200px;
}
#text-tabs li.active > a.smart {
		opacity:1;
		font-weight: 600 !important;
	
	}

#text-tabs li > a.smart{
		font-size:1.1em;
		padding:30px;
		font-family: "Open Sans", sans-serif;
		font-weight:lighter;
		opacity:0.5;
	}
#text-tabs li.active > a.smart.smart-s{background-color:#A50C0C;}
	.tab-box-s.text-tabs{
		width: 100% !important;
		border: 1px solid #a50c0c;
		padding: 10px;
	}
	
 		.tab-box-s.arrow-top.text-tabs:after{
	    /* z-index: -1; */
		position: absolute;
		top: 5px;
		left: 80px;
		margin-left: -10px;
		content: '';
		width: 0;
		height: 0;
		border-bottom: solid 15px #a50c0c;
		border-left: solid 15px transparent;
		border-right: solid 15px transparent;
	}


#text-tabs li.active > a.smart.smart-m{background-color:#00799e;}
	.tab-box-m.text-tabs{
		width: 100% !important;
		border: 1px solid #00799e;
		padding: 10px;
	}
	
	.tab-box-m.arrow-top.text-tabs:after{
	    /* z-index: -1; */
		position: absolute;
		top: 5px;
		left: 240px;
		margin-left: -10px;
		content: '';
		width: 0;
		height: 0;
		border-bottom: solid 15px #00799e;
		border-left: solid 15px transparent;
		border-right: solid 15px transparent;
	}

#text-tabs li.active > a.smart.smart-a{background-color:#E0541A;}
	.tab-box-a.text-tabs{
		width: 100% !important;
		border: 1px solid #E0541A;
		padding: 10px;
	}
	
	.tab-box-a.arrow-top.text-tabs:after{
	    /* z-index: -1; */
		position: absolute;
		top: 5px;
		left: 390px;
		margin-left: -10px;
		content: '';
		width: 0;
		height: 0;
		border-bottom: solid 15px #E0541A;
		border-left: solid 15px transparent;
		border-right: solid 15px transparent;
	}

.tab-box-s-pansee.arrow-top.text-tabs:after {left: 90px;}
.tab-box-m-sentiments.arrow-top.text-tabs:after {left: 270px;}
.tab-box-a-attitude.arrow-top.text-tabs:after {left: 450px;}


	li.active > a.smart.smart-r{background-color:#009AA7;}
	.tab-box-r{
		width: 100% !important;
		border: 1px solid #009AA7;
		padding: 10px;
	}
	
	.tab-box-r.arrow-top.text-tabs:after{
	    /* z-index: -1; */
		position: absolute;
		top: 5px;
		left: 540px;
		margin-left: -10px;
		content: '';
		width: 0;
		height: 0;
		border-bottom: solid 15px #009AA7;
		border-left: solid 15px transparent;
		border-right: solid 15px transparent;
	}
	
	
	li.active > a.smart.smart-t{background-color:#423F8C;}
	.tab-box-t{
		width: 100% !important;
		border: 1px solid #423F8C;
		padding: 10px;
	}
	
	.tab-box-t.arrow-top:after{
	    /* z-index: -1; */
		position: absolute;
		top: 5px;
		left: 690px;
		margin-left: -10px;
		content: '';
		width: 0;
		height: 0;
		border-bottom: solid 15px #423F8C;
		border-left: solid 15px transparent;
		border-right: solid 15px transparent;
	}



li.active > a.smart.smart-u6{background-color:#ff9f1e;}
	.tab-box-u6{
		width: 100% !important;
		border: 1px solid #ff9f1e;
		padding: 10px;
	}
	
	.tab-box-u6.arrow-top:after{
	    /* z-index: -1; */
		position: absolute;
		top: 5px;
		left: 840px;
		margin-left: -10px;
		content: '';
		width: 0;
		height: 0;
		border-bottom: solid 15px #ff9f1e;
		border-left: solid 15px transparent;
		border-right: solid 15px transparent;
	}
	
	
	.lp-25{padding-left:25px}
	.tp-10{padding-top:10px}
	
	.smartword-s, .letter-s{ color: #A50C0C; font-size:2em; font-weight:500;}
	.smartword-m, .letter-m{ color: #00799e; font-size:2em; font-weight:500; } 
	.smartword-a, .letter-a{ color: #E0541A; font-size:2em; font-weight:500; } 
	.smartword-r, .letter-r{ color: #009AA7; font-size:2em; font-weight:500; } 
	.smartword-t, .letter-t{ color: #423F8C; font-size:2em; font-weight:500; }
	.smartword-u6, .letter-u6{ color: #ff9f1e; font-size:2em; font-weight:500; }

	.smartword-s, .smartword-m, .smartword-a, .smartword-r, .smartword-t, .smartword-u6{font-size:1.2em;}

	.color-s{ color: #A50C0C;}
	.color-m{ color: #00799e;} 
	.color-a{ color: #E0541A;} 
	.color-r{ color: #009AA7;} 
	.color-t{ color: #423F8C;}
	.color-u6{ color: #ff9f1e;}
	
.click {position: absolute; top:2%; left:2%; }

 
/*---- IMG TABS----*/
#img-tabs li {
	margin: 0 10px;
	max-width:200px;
}

#img-tabs li > a {
	background-color: transparent !important;
} 
#img-tabs li.active > a.smart {
		opacity:1;
		font-weight: 600 !important;
	
	}

#img-tabs li > a.smart{
		font-size:1em;
		padding:30px;
		font-family: "Open Sans", sans-serif;
		font-weight:lighter;
		opacity:0.5;
	}
#img-tabs li.active > a.smart.smart-s{background-color:#167F00;}
	.tab-box-1{
		width: 100% !important;
		border: 1px solid #167F00;
		padding: 10px;
	}
	
 		.tab-box-1.arrow-top:after{
	    /* z-index: -1; */
		position: absolute;
		top: 5px;
		left: 90px;
		margin-left: -10px;
		content: '';
		width: 0;
		height: 0;
		border-bottom: solid 15px #167F00;
		border-left: solid 15px transparent;
		border-right: solid 15px transparent;
	}
	
#img-tabs li.active > a.smart.smart-m{background-color:#423F8C;}
	.tab-box-2 {
		width: 100% !important;
		border: 1px solid #423F8C;
		padding: 10px;
	}
	
	.tab-box-2.arrow-top:after{
	    /* z-index: -1; */
		position: absolute;
		top: 5px;
		left: 250px;
		margin-left: -10px;
		content: '';
		width: 0;
		height: 0;
		border-bottom: solid 15px #423F8C;
		border-left: solid 15px transparent;
		border-right: solid 15px transparent;
	}

#img-tabs li.active > a.smart.smart-a{background-color:#ff840a;}
	.tab-box-3 {
		width: 100% !important;
		border: 1px solid #ff840a;
		padding: 10px;
	}
	
	.tab-box-3.arrow-top:after{
	    /* z-index: -1; */
		position: absolute;
		top: 5px;
		left: 415px;
		margin-left: -10px;
		content: '';
		width: 0;
		height: 0;
		border-bottom: solid 15px #ff840a;
		border-left: solid 15px transparent;
		border-right: solid 15px transparent;
	}
	
	
	.imgtabs-1, .letter-1{ color: #167F00; font-size:2em; font-weight:500; } 	
	.imgtabs-2, .letter-2{ color: #423F8C; font-size:2em; font-weight:500; } 
	.imgtabs-3, .letter-3{ color: #ff840a; font-size:2em; font-weight:500;}

/*-----------------Tables-----------------------*/

/*table { margin: 2% 10% 1% 0%; border:1px solid #eaeaea; border-bottom-color:transparent; background-color:#ffffff !important; }*/

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
	border-top:0px;
	position: static;
	
}

td {vertical-align:middle;
	/*padding:25px;*/
	position: static;
    font-size:1.25rem;
	
/*border-bottom:1px solid #eaeaea;*/
}


th {
	color:#ffffff; padding:10px; background-color:rgba(71,76,85,0.8) ; text-align:center; font-size: 20px; font-weight: 600;	
	/*border-bottom:1px solid #eaeaea;*/  
}

/*td:nth-child(n+0){border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}*/

td:first-child{
	/*border-right:1px solid #ccc;*/
}


tbody tr, td:nth-child(odd), td:nth-child(even){
/*border-left:1px solid #eaeaea;*/
vertical-align:top;
}

td:nth-child(even){
/*border-right:1px solid #eaeaea;*/
vertical-align:top;
}

tbody tr{
/*border-bottom:1px solid #eaeaea;*/
	 
 }

tbody tr:nth-child(odd) {
 background-color: #fff;
  
 }

tbody tr:nth-child(even) {
 background-color: rgba(249,249,249,0.1);

 }

/*td:nth-child(even){
border-left:1px solid #eaeaea;}*/

.table-primary { 
border-spacing: 0px;
border-collapse: collapse;
margin:20px 5px 30px 0px;
background-color:#ffffff;
padding:150px;
border:1px solid #eaeaea;
z-index:1;

}

.table-no-border { 
border-color:transparent;
border-spacing: 0px;
border-collapse: collapse;
margin:20px 5px 30px 0px;
background-color:#fff;


}

.table-no-border tr td { 
border-bottom-color:transparent;
border-left-color:transparent;
border-right-color:transparent;
border-top-color:transparent;
}

.table-scroll tbody {
   display:block;
    height:700px;
    overflow-y:scroll;
	overflow-x: hidden;
    width:100%;
	
}
.table-scroll thead th {
    vertical-align: middle;
    font-family: "Roboto Slab", "Times New Roman", serif;
    font-size: 1.2rem;
    font-weight: 500;
    text-align: left;
}
.table-scroll thead, .table-scroll tbody tr {
    display:table;
    table-layout:fixed;
     width:100%;
}

.table-scroll tbody {
  /* width: calc( 100% - .3em )*/
}

table.glossaire tr td:first-child {font-weight:bold;}
table.glossaire tr.bg-table-nth-child{ background-color:#f9f9f9 !important;}
table.glossaire tr.bg-table-even-child{ background-color:white !important;}

.table.picot td {vertical-align: top;
}
.separate {
  border-collapse: separate;
}

table.small th {
    background-color:#E4E1DC;
    vertical-align: middle;
    font-weight: 500 !important;
    color:#0077A0;
    
}

/*-------------------additional green and red links------------------------*/
a.success:hover, a.success:focus, a.success:visited {
	color:#4caf50;
}

a.danger:hover, a.danger:focus, a.danger:visited {
	color:#f44336;
}  

/*------------------ tooltip--------------*/
.tooltip-icon {
    cursor: help;
    /* Will either add a pointer with a question mark or just a question mark */
    position: relative;
	background-image:url(../../img/cnfs/icon_tooltip.png);
	background-position:100% 0px;
	background-repeat:no-repeat;
	background-size:15px 15px;
	padding-right:15px;
	
}

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}



/*--------------------- popover-------------*/
.popover {
	max-width:400px;
	width:auto !important;
	padding: 5px;
  text-align: left;
}

.popover-header {
    padding:8px 14px;
    background-color:#f7f7f7;
    border-bottom:1px solid #ebebeb;
    -webkit-border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}
.popover-title {
    margin:0;
    padding:0;
    background-color:transparent;
    border:none;
}
.example-popovers {
    padding:30px 0;
}
.acenter {
    text-align:center;
    margin:30px 0;
}

.popover-colored .arrow
 {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem;
}

.popover-colored .arrow::after,
.popover-colored .arrow::before
{
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
   
}
/* ------- bullet bottom padding ---------*/
.p10 li {
padding-bottom:10px;
	font-size:20px !important;
}

/*---------------- icon bullets -------------------*/
ul.icon, ul.icon_arrow, ul.icon_check
{
	list-style-type: none;
	margin-top:0px;
	
}

ul.icon li, ul.icon_check li, ul.icon_arrow li {
	text-indent: -1.5em;
	margin-left:1.5em;
		
}

ul.icon_check li{
	text-indent: -2em;
    margin-left:2em;
    
			
}

ul.icon_arrow li {
	text-indent: -1.2em;
			
}


ul.icon li:before {    
/*font-family: 'Material Icons';
content: '\E315';*/
font-family: 'fontawesome';
/*content:"\f105";
color: #B75E28;*/
content:"\f138";
color: #0077A0;
vertical-align: middle;
margin-right:10px;

}

ul.icon_arrow li:before {    
font-family: 'fontawesome';
content:"\f054";
font-size:16px;
padding-right:10px;
color: #0077A0;

}

ul.icon_check li:before {    
font-family: 'fontawesome';
content:"\f00c";
font-size:24px;
margin-right:5px;
padding-right:10px;
color: #0077A0;
}


ul.icon_primary, ul.icon_arrow_primary li:before, ul.icon_check_primary li:before {color: #0077A0;}

ul.icon_teal li:before, ul.icon_arrow_teal li:before, ul.icon_check_teal li:before {color:#009AA7;}

ul.icon_orange li:before, ul.icon_arrow_orange li:before, ul.icon_check_orange li:before {color: #E0541A;}

ul.icon_coral li:before, ul.icon_arrow_coral li:before, ul.icon_check_coral li:before {color:#BF215B;}

ul.icon_blue li:before, ul.icon_arrow_blue li:before, ul.icon_check_blue li:before {color:#03538E;}

ul.icon_green li:before, ul.icon_arrow_green li:before, ul.icon_check_green li:before {color:#4d8e28;}

ul.icon_green-2 li:before, ul.icon_arrow_green-2 li:before, ul.icon_check_green-2 li:before {color:#a9d819;}

ul.icon_purple li:before, ul.icon_arrow_purple li:before, ul.icon_check_purple li:before {color:#423F8C;}

ul.icon_red li:before, ul.icon_arrow_red li:before, ul.icon_check_red li:before {color:#A50C0C;}

ul.icon_white li:before, ul.icon_arrow_white li:before, ul.icon_check_white li:before {color: #fff;}

ul.icon_yellow li:before, ul.icon_arrow_yello li:before, ul.icon_check_yellow li:before  {color: #ff9f1e;}

ul.icon_grey li:before, ul.icon_arrow_grey li:before, ul.icon_check_grey li:before  {color: #474C55;}


ul.icon_avatar_blue li:before {color:#0090b2;}
ul.icon_avatar_green li:before {color:#00746d;}
ul.icon_avatar_purple li:before {color:#7f4891;}
ul.icon_avatar_orange li:before {color:#db5729;}
ul.icon_avatar_brown li:before {color:#b06546;}



/*--------------------icons -----------------------*/
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle;
 direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
	
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-30 { font-size: 30px; }
.material-icons.md-32 { font-size: 32px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-38 { font-size: 38px; }
.material-icons.md-40 { font-size: 40px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-56 { font-size: 56px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.material-icons.grey { color: #bdcbd4; }
.material-icons.dark { color: #4F6168; }
.material-icons.brown { color:#B75E28; }
.material-icons.turquoise { color:#009AA7; }
.material-icons.burg {color:rgba(204, 0, 153, 1);}
.material-icons.darkred {color:#900000;}
.material-icons.blue { color: #00b5e0; }
.material-icons.orange { color: #E0541A;}
.material-icons.white { color: #fff;}

/*------------------ show/hide div-------------*/
/*

 .show {
      -o-transition: opacity 3s;
      -moz-transition: opacity 3s;
      -webkit-transition: opacity 3s;
      transition: opacity 3s;
      opacity:1;
  }
  .hide {
      opacity:0;
  }

*/
#reponse {
    width: 100%;
    padding: 50px 0;
    text-align: center;
    background-color: lightgreen;
    margin-top: 20px;
}

/*--------- textarea -------*/
textarea {border:1px solid #eaeaea;}



.checkbox label, .radio label, label{
  font-size: 20px !important;
  line-height: 1.428571429;
  color: inherit;
  /*font-weight: 600 !important;*/
vertical-align:top !important;
	
}

 .checkbox .checkbox-material:before {
  
	 background-color:transparent !important;
}

.checkbox > label.one{
	margin-left:-50px !important; 
	text-indent:8px !important;
}

.til-10{
	margin-left:-50px !important; 
	text-indent:-10px !important;
}
.checkbox > span{
  display:inline;
	
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: 50px;
  /*margin-top: 4px;*/
}


option {padding:5px !important;}

/*.question {text-align:left !important;}*/


 
figure-caption { font-size:90%;
	color: #6c757d;
}

.imgborder {
   display:inline-block;
   position:relative;
   border:1px solid #eaeaea;
   padding:5px;
   /*background:#f2f2f2;*/
   margin-bottom:30px;
}

.header-boite li.new {
	font-weight: 300;
	font-size:17px;
	/*font-size: 1.3em;*/
		
}
	
.bt-shadow {
	
    -webkit-box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, .4);
    box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, .4);
    position:relative;
    z-index:1000;

}
.shadow_bl {
   -webkit-box-shadow: 0px 8px 15px -2px rgba(0, 0, 0, .4), 0px 4px 10px 0px rgba(0, 0, 0, 0.2), 0px 5px 8px -3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0px 8px 15px -2px rgba(0, 0, 0, .4), 0px 4px 10px 0px rgba(0, 0, 0, 0.2), 0px 5px 8px -3px rgba(0, 0, 0, .4);
   box-shadow: 0px 8px 15px -2px rgba(0, 0, 0, 0.4), 0px 4px 10x 0px rgba(0, 0, 0, 0.3), 0px 5px 8px -3px rgba(0, 0, 0, .4);
}

.shadow {
   -webkit-box-shadow: 0px 8px 15px -2px rgba(214, 214, 214, 1), 0px 4px 10px 0px rgba(214, 214, 214, 0.3), 0px 5px 8px -3px rgba(214, 214, 214, 1);
    -moz-box-shadow: 0px 8px 15px -2px rgba(214, 214, 214, 1), 0px 4px 10px 0px rgba(214, 214, 214, 0.3), 0px 5px 8px -3px rgba(214, 214, 214, 1);
   box-shadow: 0px 8px 15px -2px rgba(214, 214, 214, 0.5), 0px 4px 10x 0px rgba(214, 214, 2144, 0.3), 0px 5px 8px -3px rgba(214, 214, 214, 1);
}

.less-shadow{
   -webkit-box-shadow: 0px 8px 15px -2px rgba(214, 214, 214, 0.2), 0px 4px 10px 0px rgba(214, 214, 214, 0.1), 0px 5px 8px -3px rgba(214, 214, 214, .2);
    -moz-box-shadow: 0px 8px 15px -2px rgba(214, 214, 214, 0.2), 0px 4px 10px 0px rgba(214, 214, 214, 0.1), 0px 5px 8px -3px rgba(214, 214, 214, .2);
          box-shadow: 0px 8px 15px -2px rgba(214, 214, 214, 0.1), 0px 4px 10x 0px rgba(214, 214, 2144, 0.1), 0px 5px 8px -3px rgba(214, 214, 214, .2);

}

.shadow-raund {
  -webkit-box-shadow: 0px 0px 15px 20px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 15px 20px rgba(0,0,0,0.1);
box-shadow: 0px 0px 15px 20px rgba(0,0,0,0.1);

}
.no-shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.allshadow {
   box-shadow: 0 0 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.inner-shadow-left {
  box-shadow: inset 6px 0 10px -6px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 6px 0 10px -6px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 6px 0 10px -6px rgba(0,0,0,0.1);
-o-box-shadow: inset 6px 0 10px -6px rgba(0,0,0,0.1);
}

.insetShadow
{
/*border: solid 0px #022636;*/
    
box-shadow: inset  0 0 15px rgba(0,0,0,.8);
-moz-box-shadow: inset  0 0 15px rgba(0,0,0,.8);
-webkit-box-shadow: inset  0 0 15px rgba(0,0,0,.8);
-o-box-shadow: inset  0 0 15px rgba(0,0,0,.8);
}

.imgbtn, .imgbtn:visited {
	opacity:.8
}

.imgbtn:hover, .imgbtn:active  {
	opacity:1;
}

/*---------masonry Image  GRid--*/

	
.masonry-container { /* Masonry container */
    -webkit-column-count: 3;
  -moz-column-count:3;
  column-count: 3;

   /*margin: 1em;*/
    padding: 0;
    -moz-column-gap: .5em;
    -webkit-column-gap:.5em;
    column-gap: .5em;
    font-size: .85em;
}
.item-masonry {
    display: inline-block;
    position:relative;
    background: #fff;
   /* padding: 1em;*/
    margin: 0 0 .2em;
    width: 100%;
	-webkit-transition:1s ease all;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
    
}

.item-masonry:hover {
  background: rgba(79,97,104,1);
}

.item-masonry:hover::after{
   
    font-family:"Fontawesome";
    content:"\f055";
    position:absolute;
    left: 45%;
    top: 35%;
    font-size:3em;
    /*bottom: 0px;
    width: 100%;
    /*background: url('http://i.stack.imgur.com/P1ELC.png') center no-repeat;
    background-size: 50px;*/
    color:#fff;
    
}

.item-masonry:hover img {
   opacity: 0.2;
  filter: alpha(opacity=20);
  /* For IE8 and earlier */
   
}
.item-masonry img{max-width:100%;}

@media only screen and (max-width: 320px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px){
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 1201px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}



/*---------image with vertical line------------*/ 
.vertical_container {
				position: relative;
				margin: auto;
				max-width: 700px;
				text-align: center;
			}

/*-----------collapse---------*/
.collapse1 {
display:none
}
.collapse1.in {
display:inline
}


/*-------------down arrow------------*/

.down-arrow:after, .down-arrow-tool:after, .down-arrow-teal:after, .down-arrow-orange:after, .down-arrow-red:after, .down-arrow-blue:after, .down-arrow-purple:after, .down-arrow-yellow:after, .down-arrow-coral:after, .down-arrow-primary:after, .down-arrow-grey:after{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    /*left: calc( 50% - 40px );*/
	left: calc( 50% - 20px );
    bottom: -20px;
    border-top: 20px solid #03538E;
    border-right: 20px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 20px solid transparent;
    z-index: 10;
    transition: border-top-color 0.3s;
}


.down-arrow-tool:after{
  border-top: 20px solid #a72118;
    left: calc( 50% - 100px );
   
}
.down-arrow-teal:after{
	 bottom: -18px;
	border-top: 20px solid #009AA7;
   
}

.down-arrow-orange:after{
	 bottom: -18px;
	border-top: 20px solid #E0541A;
   
}

.down-arrow-red:after{
	 bottom: -18px;
	border-top: 20px solid #A50C0C;
   
}

.down-arrow-blue:after{
	 bottom: -18px;
	border-top: 20px solid #03538E;
   
}

.down-arrow-yellow:after{
	 bottom: -18px;
	border-top: 20px solid #ff9f1e;
   
}

.down-arrow-purple:after{
	 bottom: -18px;
	border-top: 20px solid #423F8C;
   
}
.down-arrow-coral:after{
	 bottom: -18px;
	border-top: 20px solid #BF215B;
   
}

.down-arrow-primary:after{
	 bottom: -18px;
	border-top: 20px solid #0077A0;
   
}

.down-arrow-grey:after{
	 bottom: -18px;
	border-top: 20px solid #4F6168;
   
}
/*-----------radio-----------*/

.radio_container {
   display: inline-block;
  position: relative;
padding-left:40px;
  margin-bottom:5px;
	 margin-left:0px;
  cursor: pointer;
  /*font-size: 20px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radio_container .checkbox label, .radio label, label  {
  font-size: 20px !important;
  line-height: 1.428571429;
  color: inherit !important;
  /*font-weight: 600 !important;*/
vertical-align:top !important;
}

/* Create a custom radio button */
.radio_container .checkmark {
  position: absolute;
  top: 0;
  left:0;
  height: 25px;
  width: 25px;
  /*background-color: #eee;*/
  border-radius: 50%;
	border:1px solid #999;
}


/* On mouse-over, add a grey background color */
.radio_container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio_container input:checked ~ .checkmark {
  background-color: #0077A0;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio_container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio_container .checkmark:after {
 	top: 8px;
	left: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


/*------------checkbox----------*/
.checkbox_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.checkmark-tool{
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent !important;
 border:1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.checkbox_container:hover input ~ .checkmark  {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox_container input:checked ~ .checkmark {
  background-color: #0077A0;
}

.checkbox_container input:checked ~ .checkmark-tool {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after, .checkmark-tool:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox_container input:checked ~ .checkmark:after, .checkbox_container input:checked ~ .checkmark-tool:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox_container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 7px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Style the checkmark/indicator */
.checkbox_container .checkmark-tool:after {
  left: 5px;
top: -2px;
width: 9px;
height: 18px;
border: solid #4a4a4a;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*------------media -------------------*/

@media  (min-width: 980px) and (max-width: 1112px) {
  /*CNFS
	p, ul li, ol li {
		font-size:18px !important;
	}
	
	.p10 li {
	font-size:18px !important;
}*/
	.page-header {
    height: auto;
    min-height: 120vh !important; }
    

.header-boite, .header-boite-black  {
 	height:auto;
		min-height:100vh !important;
	
}
		
	.header-boite h2, .header-boite-black h2 {
  margin-bottom: 0;
	line-height:1em;
		font-size:2.3em;
		
	
	}
	
	.header-boite h3, .header-boite-black h3 {
 		font-size:2em;
		
	
	}
	
	table.accueil td p {font-size:18px;}
	
	table.accueil tr th {font-size:1.2em;}
	
	.card .card-content .card-description {
   
		font-size:18px;
	}
	
}

@media (min-width: 768px) and (max-width: 979px) {
	/*p, ul li, ol li {
		font-size:18px !important;
	}
	
	.p10 li {
	font-size:18px !important;
}*/
	.page-header {
    height: auto;
    min-height: 110vh !important; 
    
}

	.header-boite, .header-boite-black  {
 	height:auto;
		min-height:50vh;
	
}
			
	.header-boite h2, .header-boite-black h2 {
  margin-bottom: 0;
	line-height:1.1em;
		font-size:2.1em;
	
	}
	
	.header-boite h3, .header-boite-black h3 {
 		font-size:1.8em;
		
	
	}
	
	.hovereffect .overlay {
	
	left: 0px;
	
}

	
	.hovereffect .overlay div {

	font-size:16px;
		
	 
}

	.text-responsive {
		font-size:1em !important;
	}

	
	.popover {
		width:200px;
	}
	.popover-title {
		padding: 4px 10px;
		font-size: 14px;
		line-height: 18px;
	}
	.popover-content {
		padding: 4px 10px;

	}
	
    
table.accueil td p {font-size:17px;}
	
	table.accueil tr th {font-size:1.15em;}

}
@media (min-width: 481px) and (max-width: 767px){
	/*p, ul li, ol li {
		font-size:16px;
	}*/
	
	
	.page-header {
    height: auto;
    min-height: 130vh !important; 
    
}


	.header-boite, .header-boite-black  {
 	height:auto;
		min-height:130vh !important;
	
}
			
	.header-boite h2, .header-boite-black h2 {
  margin-bottom: 0;
	line-height:1.1em;
		font-size:2em;
	
	}
	
	.header-boite h3, .header-boite-black h3 {
 		font-size:1.7em;
		
	
	}
	
	.hovereffect .overlay {
	
	left: 0px;
	
}
	
	.hovereffect .overlay div {

	font-size:14px;
	 
}

	.text-responsive {
		font-size:.9em !important;
	}

	
	.popover {
		width:180px;
	}
	.popover-title {
		padding: 4px 10px;
		font-size: 14px;
		line-height: 16px;
	}
	.popover-content {
		padding: 4px 10px;
	}
	.page-header {
    height: auto;
    min-height: 100vh !important; }
	
	table.accueil td p {font-size:16px;}
	
	table.accueil tr th {font-size:1.1em;}
     
	
}

@media screen and (max-width: 480px){
	.page-header {
    height: auto;
    min-height:100vh !important; }

	.popover {
		width:170px;
	}
	.popover-title {
		padding: 4px 6px;
		font-size: 14px;
		line-height: 14px;
	}
	.popover-content {
		padding: 4px 6px;
		font-size:12px;
	}
	
	table.accueil td p {font-size:15px;}
	
	table.accueil tr th {font-size:1em;}
}

@media (min-width:576px){
    .d-sm-none {
        display: none!important;
    }

    .d-sm-inline {
        display: inline!important;
    }

    .d-sm-inline-block {
        display: inline-block!important;
    }

    .d-sm-block {
        display: block!important;
    }

    .d-sm-table {
        display: table!important;
    }

    .d-sm-table-row {
        display: table-row!important;
    }

    .d-sm-table-cell {
        display: table-cell!important;
    }

    .d-sm-flex {
        display: -ms-flexbox!important;
        display: flex!important;
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important;
    }
}

@media (min-width:768px){
    .d-md-none {
        display: none!important;
    }

    .d-md-inline {
        display: inline!important;
    }

    .d-md-inline-block {
        display: inline-block!important;
    }

    .d-md-block {
        display: block!important;
    }

    .d-md-table {
        display: table!important;
    }

    .d-md-table-row {
        display: table-row!important;
    }

    .d-md-table-cell {
        display: table-cell!important;
    }

    .d-md-flex {
        display: -ms-flexbox!important;
        display: flex!important;
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important;
    }
}

@media (min-width:992px){
    .d-lg-none {
        display: none!important;
    }

    .d-lg-inline {
        display: inline!important;
    }

    .d-lg-inline-block {
        display: inline-block!important;
    }

    .d-lg-block {
        display: block!important;
    }

    .d-lg-table {
        display: table!important;
    }

    .d-lg-table-row {
        display: table-row!important;
    }

    .d-lg-table-cell {
        display: table-cell!important;
    }

    .d-lg-flex {
        display: -ms-flexbox!important;
        display: flex!important;
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important;
    }
}

@media (min-width:1200px){
    .d-xl-none {
        display: none!important;
    }

    .d-xl-inline {
        display: inline!important;
    }

    .d-xl-inline-block {
        display: inline-block!important;
    }

    .d-xl-block {
        display: block!important;
    }

    .d-xl-table {
        display: table!important;
    }

    .d-xl-table-row {
        display: table-row!important;
    }

    .d-xl-table-cell {
        display: table-cell!important;
    }

    .d-xl-flex {
        display: -ms-flexbox!important;
        display: flex!important;
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important;
    }
}


.left-img {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;    
    z-index: 2;
    -webkit-clip-path: polygon(0 0, 96% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    /*opacity: 1;*/
    
}

.div-r{
  height:300px;
    align-items: flex-start;

}


/*Profile Card 5*/
.profile-card-5{
    margin-top:20px;
    min-height:300px;
}
.profile-card-5 .btn{
    border-radius:2px;
    text-transform:uppercase;
    font-size:12px;
    padding:7px 20px;
}
.profile-card-5 .card-img-block {
    width: 91%;
    margin: 0 auto;
    position: relative;
    top: -25px;
    
}
.profile-card-5 .card-img-block img{
    border-radius:0px;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
}
.profile-card-5 h5{
    color:#4E5E30;
    font-weight:600;
}
.profile-card-5 p{
    /*font-size:14px;
    font-weight:300;*/
}
.profile-card-5 .btn-primary{
    background-color:#4E5E30;
    border-color:#4E5E30;
}

/*------------Masonry cards-----*/
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  .card-columns {column-count: 2;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 .card-columns {column-count: 2;}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
   .card-columns {column-count: 2;} 
}

@media (min-width: 768px) {  
  .card-columns.bd {column-count: 3;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 .card-columns.bd {column-count: 3;}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
   .card-columns.bd {column-count: 3;} 
}


.tabs.tabCircle .nav-bar{
 width:30%;
float:left;
}

.tabs.tabCircle .nav-bar-item, .tabs.tabCircle .nav-bar .nav-bar-item.active, .tabs.tabCircle .nav-bar .nav-bar-item:hover  {
	
   
}


/*------------vertical tabs-----*/

.tabs{
  /*background-color:#f7f6f4;*/
 
}

.tabs .tab-pane{
  margin-left:20px;
}

.tabs p{
  font-size:14px;
}

.tabs a{
  font-size:1.25rem;
  font-family:"Roboto Slab", "Times New Roman", serif;
  font-weight:500;
  color:#0077A0;
  
}

.tabs ul.numbers li{
    background: #f7f6f4;
    border-radius: 50%;
    width: 55px;
    height: 55px !important;
    color:#0077A0;
    text-align: center;
    border:4px solid #0077A0;
    font-size:2rem;
    /*display:inline-block;*/
    margin:3%;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding:3%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    
}

.tabs ul.numbers li a{
  font-size:2rem;
  font-weight:700;

  
}
.tabs ul.numbers li.active{
  background-color:#0077A0;
    color:#fff !important;
}

.tabs ul.numbers li.active a{
  
    color:#fff;
}

.tabs ul.img li {
    padding:2%;
    -webkit-transition: all .3s;
    transition: all .3s;
  /* display: flex;
    justify-content: center;
    flex-direction: column;*/
    display:inline-block;
      
}

.tabs ul.img li img{
   padding:3%;
    border-radius: 0;
    width: 160px !important;
    height: 160px !important;
   /* color:#0077A0;
    text-align: center;
    font-size:2rem;*/
    margin:5% !important;
    -webkit-transition: all .3s;
    transition: all .3s;
   opacity:.5;
    border:0px;
    
}

.tabs ul.img li:hover img{
  background-color:transparent;
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2); 
	opacity:1;
     border:1px solid #0077A0;
}
  

.tabs ul.img li.active img{
    opacity:1;
    border:1px solid #0077A0;
}

.tabs .nav-pills ul li.active a{
    opacity:1;
    
}
/*------------bs 4 accordion----------*/

.accordion .card .card-header {
    padding-top:0.5em;
    padding-bottom:0;
    padding-left:.75em;    
  /*border-top: 1px solid #eaeaea;*/
    -webkit-transition: all 0.2s ease-in-out !important;
-o-transition: all 0.2s ease-in-out !important;
transition: all 0.2s ease-in-out !important;
   /* background-color:transparent;*/

   }

.accordion .card .card-header .card-title {
    font-family:"Roboto", "Helvetica", "Arial", sans-serif;
    font-size:1.5rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.5;
    text-indent: -2em;
padding-left: 1.5em;
   
   }

.accordion .card .card-header .card-title .icon{
  margin-right: 0.15em;
    margin-left: 0.25em;
   vertical-align: middle;
    font-size:2rem;
        
    }