body{ font-family:'Open Sans',sans-serif;  line-height:25px}

.mb-60 {

    margin-bottom: 0px;

margin-top:10px;

}

.services-inner {

    border: 2px solid #428bca !important;

    margin-left: 5px;

    transition: .3s;

}

.our-services-img {

    float: left;

    margin-left: -36px;

    margin-right: 10px;

    margin-top: 28px;

    

}

.our-services-text {

    padding-right: 10px;

}

.our-services-text {

    overflow: hidden;

    padding: 10px 0 5px;

}

.our-services-text h4 {

    color: #222222;

    font-size: 18px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 8px;

    padding-bottom: 10px;

    position: relative;

    /*text-transform: uppercase;*/

}

.our-services-text h4::before {

    background: #ec6d48 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 1px;

    position: absolute;

    width: 35px;

}

.our-services-wrapper:hover .services-inner {

    background: #fff none repeat scroll 0 0;

    border: 2px solid transparent;

    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);

}

.our-services-text p {

    margin-bottom: 0;

}



.contact-form{ max-width:340px}

.profile{background:#003366; text-align:center}

.profile h2{font-weight:normal; color:orange; font-family:Forte}

.profile h4{font-weight:normal; color:#39d084}

.profile p{color:#fff; font-weight:normal; margin-top:10px; padding:20px; margin-bottom:10px}

.img_profile img{max-width:100%}



.apeler{border-radius:100%}

a .conta{ color:#fff;  background:rgba(0,0,0,.9);  padding:10px;  border-radius:3px;  transform:scale(0) rotate(-12deg);  box-shadow:0 0 2px rgba(0,0,0,.5);  margin-top:23px;  margin-left:-10px;  position:absolute;  transition:all .25s;  opacity:0}

 a:hover .conta, a:focus .conta{transform:scale(1) rotate(0);  opacity:1}



.contact-form .form-group{ margin-bottom:0;  position:relative}

.contact-form input, 

.contact-form textarea{ margin-bottom:20px}



.contact-form input:focus{ border:1px solid #999;  outline:none !important}



.contact-form input{ padding-left:30px}



.contact-form textarea{ height:300px !important;  padding-left:30px}

.contact-form input[type="submit"]{ background:#5cb85c}



.contact-form i{ height:0;  float:left;  position:relative;  top:-44px;  left:10px;  color:#fff}



.contact-form .message-icon{ position:relative;  top:-310px}



.contact-form .send-icon{ color:#fff}



.asterix{ position:absolute;  color:red;  float:right;  font-size:59px;  height:0;   right:0;  top:15px}



span.cross{ position:absolute;  color:red;  float:right;  font-size:26px;  height:0;   right:3px;  top:-5px;  display:none}



i.fa.fa-check{ color:green}



span.verify{ position:absolute;  float:right;  font-size:22px;  height:0;  right:10px;  top:49px;  display:none}



#alert-custom{ padding:7px;  padding-right:31px}



.custom-alert{ padding:7px;  display:none}



.modal-header{ padding:0}

.modal-header .close{ padding:7px 15px}

.modal-header ul{ border:none}

.modal-header ul li{ margin:0}

.modal-header ul li a{ border:none;  border-radius:0}

.modal-header ul li.active a{ color:#e12f27}

.modal-header ul li a:hover{ border:none}

.modal-header ul li a span{ margin-left:10px}

.modal-body .form-group{ margin-bottom:10px}



    

.pp{  height:50px;   float:left;   margin-right:0.2em;   font-weight:bold;   font-family:"Oswald",sans-serif;   font-size:1.4em}

b{  float:left;   overflow:hidden;   position:relative;   height:50px}

span1{ display:inline-block; color:#e74c3c; font:normal 15px/25px Arial,sans-serif; font-weight:bold; position:relative; white-space:nowrap; top:0; left:0; -webkit-animation:move 5s; -webkit-animation-iteration-count:infinite; -webkit-animation-delay:1s}



@keyframes move{0%{top:0px}

20%{top:-25px}

40%{top:-50px}

60%{top:-75px}

80%{top:-100px}

}



.entete{margin-bottom:0; position:fixed; top:0; width:100%; z-index:1200;  background:#f04949;  background:#004F9D;  border-bottom:none}

.navbar-default{ border:0px solid black}

.navbar-header{ background:#003366;}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color:#00CA79}

.navbar-default .navbar-toggle{ border-color:#fff}

.navbar-default .navbar-toggle .icon-bar{background-color:#FFF}

.nav >li >a >i{ margin-right:10px}

.se_connecter{ position:fixed;  top:0;  left:0}

.msg_login{ letter-spacing:1px;  line-height:1.8em;  color:#5cb85c !important;  font-weight:700;  margin-left:5px}

.vform{font-family:"Pompiere",cursive;  padding:5%;  background:#fff;  border-radius:0;  -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3);  -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);  box-shadow:0 2px 2px rgba(0,0,0,0.3)}



.env_anul{ background-color:red;  border-color:#122b40;  color:#fff;  border:medium none;  border-radius:4px;  cursor:pointer;  padding:5px 20px 5px 20px}

.champ{ border-radius:0;  border:1px solid #e2dcdc;  width:80%; color:#999;  height:30px;  box-sizing:border-box;  display:inline-block}

.menu{ color:#fff;  float:right;  font-size:1.1em}

.active-menu{ background-color:#00CA79!important}

.active-menu-top{ background-color:#000!important}

.arrow{ float:right}

.fa.arrow:before{ content:"f104"}

.active >a >.fa.arrow:before{ content:"f107"}

.nav-second-level li, 

.nav-third-level li{ border-bottom:none !important}

.nav-second-level li a{padding-left:37px}

.nav-third-level li a{padding-left:55px}

.sidebar-collapse, .sidebar-collapse .nav{ background:none}

.sidebar-collapse .nav{padding:0}

.sidebar-collapse .nav >li >a{color:#fff; text-shadow:none; padding:15px 40px}

.sidebar-collapse >.nav >li >a{padding:15px 10px}

.sidebar-collapse .nav >li >a:hover, 

.sidebar-collapse .nav >li >a:focus{background:#0A0A0A; outline:0}



.sidebar_gauche{ border:none;}

#sidebar_responsible{position:fixed; top:55px}

.profile{background:#203748; text-align:center; background: #003366;
text-align: center;
border-radius: 5px;}

.profile h2{font-weight:bold; color:orange; font-family:arial}

.profile h4{font-weight:normal; color:#39d084}



.profile p{color:#fff; font-weight:normal; margin-top:10px; padding:20px; margin-bottom:10px}

.comp{margin-left:25em}

.img_profile img{max-width:100%}

@media(max-width:768px){  .img_profile{ width:150px;  border-radius:60%}

.comp{margin-left:5em}

}

.img_profile{max-width:100%;  height:auto}



#corps{ padding:15px 15px;  min-height:600px;  background:#F3F3F3}

#contenu{ width:100%;  margin-top:10px;  background-color:#fff!important;  padding:10px}

.exp{ height:100px;  text-align:center}

#bloc_slide{ min-height:180px;  background-color:#4380b8; border-radius:15px}

#bloc_slide h4{color:#fff; line-height:30px; font-size:16px}

#bloc_slide .slide_photo{border:2px solid #fff; overflow:hidden; border-radius:50%; display:inline-block}

.a_droite{ float:right}

#bloc_slide .tof{max-height:80px; max-width:90px}

#bloc_slide .nom_dev{ color:#fff;  font-style:italic; font-size:20px; padding:5px}

.institut_logo{ margin-bottom:20px;  width:100%;  height:auto;  margin-right:0px;  border-top:5px solid #7db701;  border-bottom:5px solid #39F;  margin-left:0px}

.bonjour{ text-transform:uppercase;  color:#fff;  font-weight:bold;  padding-bottom:10px; font-size:2.5em;  margin-bottom:10px; margin-top:40px; text-align:center; font-family:monospace}

.page-subhead-line{ font-size:14px;  padding-top:5px;  padding-bottom:20px;  font-style:italic;  margin-bottom:30px;  border-bottom:1px dashed #00CA79}

.point_intero{color:#F00}

.V{color:#F90}

.C{color:#6C6}

.D{color:#FC9}

.w{color:#428bca}



h1{-moz-animation-duration:5s; -webkit-animation-duration:3s; -moz-animation-name:slidein; -webkit-animation-name:slidein}

.button{ background-color:#4caf50;  border:medium none;  border-radius:4px;  color:white;  cursor:pointer;  padding:8px 18px}

.nav-second-level >li:last-child >a:after, 

.nav-third-level >li:last-child >a:after{ height:50%}

.nav-third-level >li >a:after, 

.nav-third-level >li >a:before{ left:40px}



 div#competence, div#contacts, div#projets, div#etudes, div#galerie, div#blog,div#services{ padding-top:50px}

.blog{margin-top:0px; background:#dadad2;  padding-left:40px; padding-right:40px; position:relative;  width:100%; padding-top:30px; padding-bottom:30px; position:relative}

li{list-style:none}



.blog ul li{background:none repeat scroll 0 0 #f0f0e8;  margin:1em 0em 1em 5em;  padding:0.3em 1em 0.3em 1em; display:inline-block; border-radius:3px}



@media (min-width:768px){#corps{margin:3.9em 0 0 260px; padding:15px 30px}

.sidebar_gauche{z-index:1; position:absolute; width:260px}

.navbar{border-radius:0px}

}

 

.competence{ text-align:center;  padding:20px;  border-radius:5px;  -moz-border-radius:5px;  -webkit-border-radius:5px;  margin-bottom:20px}

.competence a, .competence a:hover{color:#fff; text-decoration:none}

.couleur-verte{ background-color:#5cb85c}

.couleur-rouge{ background-color:#d36f2e}

.couleur-blue{ background-color:#004F9D}

.couleur-noir{ background-color:black}

.competence h5{font-size:16px; font-weight:800; text-transform:uppercase}



strong{ font-size:35px;  font-family:Monotype Corsiva}



#annimation{ animation:animation_name 1s infinite}

@keyframes animation_name{ from{ background-color:#355267}

 to{ background-color:#004F9D}

}



.chat-widget-right{ width:100%;  height:auto;  padding:15px;  -webkit-border-radius:5px;  -moz-border-radius:5px;  border-radius:5px;  position:relative;  border:1px solid #d51111;  font-size:14px}



.navbar .brand{ float:left;  margin-left:130px;  padding:5px 20px}

.titre_section{ font-family:"Oswald",sans-serif;  letter-spacing:2px;  text-align:center; margin-bottom:40px; font-weight:bold}

.projet-bloc{margin-top:25px;  background:none repeat scroll 0 0 #dadad2;  text-align:center; color:inherit; padding:0px 0px; margin-bottom:15px; border-radius:5px}

.projet-bloc:hover{transform:scale(1.1)}

.projet-bloc h6{margin-top:5px; margin-bottom:5px; text-align:center; font-weight:bold; color:#007b5e}

.hauteur{ }

.btn-plus{ background-color:#004f9d;  border-color:#428bca;  color:#fff}

.btn-plus:hover{ background:#428bca;  color:#fff}

.address-info{ background-color:#004f9d;  padding:0.2em 1em !important; margin-bottom:0px; color:#fff}

.address-info h4{ margin-bottom:0.4em; color:#fff; font-size:2em; text-align:center}

.address-info p{text-align:center}

.address h4{ color:#fff;  font-size:2.8em;  margin-bottom:0.7em}

.address *::-moz-placeholder{ color:#fff !important}

.modal-header .close{ background:none repeat scroll 0 0 red;  margin-top:0px}

button.close{ background:none repeat scroll 0 0 red;  padding:0 10px 0 10px}

.close{ color:#fff;  font-size:25px; opacity:1}

.modal-content{ background-clip:padding-box;  background-color:white;  border:1px solid rgba(0,0,0,0.2);  border-radius:6px;  box-shadow:0 3px 9px rgba(0,0,0,0.5);  margin-top:50px;  outline:0 none;  position:relative}

.modal-header{ border-bottom:0px solid #e5e5e5;  padding:5px}

.modal-title{ line-height:1.42857;  margin:0; text-align:center}

.modal-body{ position:relative}

.modal-footer{ border-top:0px solid #e5e5e5;  padding:0 10px 5px 0;  text-align:right}

.video_blog{width:100%; height:360px; border-radius:10px}

.proj_img{width:100%}
.proj_img2{width:60%}

ul.blogo{margin-left:-70px}

@media (max-width:767px){#annimation{ margin-top:30px}

.bonjour{font-size:1.6em}

.iframecarte{width:100%}

.proj_img{width:80%}

.div_titre h1{font-size:1.7em}



#footer-sec{left:0}

.video_blog{width:100%; height:auto}

#sidebar_responsible{position: relative;
padding-left: 0;
padding-right: 0;}
.colmd{padding-right: 0;
  padding-left: 0;
}
..alert{padding-right: 0;
  padding: 0;
}

#sidebar_responsible{top:46px;}
#corps{padding:15px 0 15px; min-height:600px; background:#F3F3F3}

}

@media (max-width:400px){.iframecarte{width:100%}



}

@media (max-width:250px){.iframecarte{width:60%}



}

.iframecarte{width:100%; height:450px}

.div_titre{padding:0px; background-color:#004f9d; color:#fff; text-align:center; border-radius:5px}



@media(min-width:768px){ body{ margin-top:50px}

 

}

#wrapper{ padding-left:0}

#page-wrapper{ width:100%;   padding:0;  background-color:#fff}

@media(min-width:768px){ #wrapper{ padding-left:225px}

 #page-wrapper{ padding:22px 10px}

}



.top-nav{ padding:0 15px}

.top-nav>li{ display:inline-block;  float:left}



.top-nav>li>a{ padding-top:20px;  padding-bottom:20px;  line-height:20px;  color:#fff}

.top-nav>li>a:hover, 

.top-nav>li>a:focus, 

.top-nav>.open>a, 

.top-nav>.open>a:hover, 

.top-nav>.open>a:focus{ color:#fff;  background-color:#1a242f}

.top-nav>.open>.dropdown-menu{ float:left;  position:absolute;  margin-top:0;   border-top-left-radius:0;  border-top-right-radius:0;  background-color:#fff;  -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);  box-shadow:0 6px 12px rgba(0,0,0,.175)}

.top-nav>.open>.dropdown-menu>li>a{ white-space:normal}



@media(min-width:768px){ .side-nav{ position:fixed;  top:60px;  left:225px;  width:225px;  margin-left:-225px;  border:none;  border-radius:0;  border-top:1px rgba(0,0,0,.5) solid;  overflow-y:auto;  background-color:#222;   bottom:0;  overflow-x:hidden;  padding-bottom:40px}

 

 .side-nav>li>a{ width:225px;  border-bottom:1px rgba(0,0,0,.3) solid}

 .side-nav li a:hover, 

 .side-nav li a:focus{ outline:none;  background-color:#1a242f !important}

}

.side-nav>li>ul{ padding:0;  border-bottom:1px rgba(0,0,0,.3) solid}

.side-nav>li>ul>li>a{ display:block;  padding:10px 15px 10px 38px;  text-decoration:none;   color:#fff}



.side-nav>li>ul>li>a:hover{ color:#fff}

.navbar .nav >li >a >.label{ -webkit-border-radius:50%;  -moz-border-radius:50%;  border-radius:50%;  position:absolute;  top:14px;  right:6px;  font-size:10px;  font-weight:normal;  min-width:15px;  min-height:15px;  line-height:1.0em;  text-align:center;  padding:2px}

.navbar .nav >li >a:hover >.label{ top:10px}

.navbar-brand{ padding:5px 15px}

.panel.with-nav-tabs .panel-heading{ padding:5px 5px 0 5px}

.panel.with-nav-tabs .nav-tabs{border-bottom:none}

.panel.with-nav-tabs .nav-justified{margin-bottom:-1px}



.with-nav-tabs.panel-default .nav-tabs >li >a, 

.with-nav-tabs.panel-default .nav-tabs >li >a:hover, 

.with-nav-tabs.panel-default .nav-tabs >li >a:focus{ color:#777}

.with-nav-tabs.panel-default .nav-tabs >.open >a, 

.with-nav-tabs.panel-default .nav-tabs >.open >a:hover, 

.with-nav-tabs.panel-default .nav-tabs >.open >a:focus, 

.with-nav-tabs.panel-default .nav-tabs >li >a:hover, 

.with-nav-tabs.panel-default .nav-tabs >li >a:focus{ color:#777; background-color:#ddd; border-color:transparent}

.with-nav-tabs.panel-default .nav-tabs >li.active >a, 

.with-nav-tabs.panel-default .nav-tabs >li.active >a:hover, 

.with-nav-tabs.panel-default .nav-tabs >li.active >a:focus{color:#555; background-color:#fff; border-color:#ddd; border-bottom-color:transparent}

.with-nav-tabs.panel-default .nav-tabs >li.dropdown .dropdown-menu{ background-color:#f5f5f5;  border-color:#ddd}

.with-nav-tabs.panel-default .nav-tabs >li.dropdown .dropdown-menu >li >a{ color:#777}

.with-nav-tabs.panel-default .nav-tabs >li.dropdown .dropdown-menu >li >a:hover, 

.with-nav-tabs.panel-default .nav-tabs >li.dropdown .dropdown-menu >li >a:focus{ background-color:#ddd}

.with-nav-tabs.panel-default .nav-tabs >li.dropdown .dropdown-menu >.active >a, 

.with-nav-tabs.panel-default .nav-tabs >li.dropdown .dropdown-menu >.active >a:hover, 

.with-nav-tabs.panel-default .nav-tabs >li.dropdown .dropdown-menu >.active >a:focus{ color:#fff;  background-color:#555}



.with-nav-tabs.panel-primary .nav-tabs >li >a, 

.with-nav-tabs.panel-primary .nav-tabs >li >a:hover, 

.with-nav-tabs.panel-primary .nav-tabs >li >a:focus{ color:#fff}

.with-nav-tabs.panel-primary .nav-tabs >.open >a, 

.with-nav-tabs.panel-primary .nav-tabs >.open >a:hover, 

.with-nav-tabs.panel-primary .nav-tabs >.open >a:focus, 

.with-nav-tabs.panel-primary .nav-tabs >li >a:hover, 

.with-nav-tabs.panel-primary .nav-tabs >li >a:focus{color:#fff; background-color:#3071a9; border-color:transparent}

.with-nav-tabs.panel-primary .nav-tabs >li.active >a, 

.with-nav-tabs.panel-primary .nav-tabs >li.active >a:hover, 

.with-nav-tabs.panel-primary .nav-tabs >li.active >a:focus{color:#428bca; background-color:#fff; border-color:#428bca; border-bottom-color:transparent}

.with-nav-tabs.panel-primary .nav-tabs >li.dropdown .dropdown-menu{ background-color:#428bca;  border-color:#3071a9}

.with-nav-tabs.panel-primary .nav-tabs >li.dropdown .dropdown-menu >li >a{ color:#fff}

.with-nav-tabs.panel-primary .nav-tabs >li.dropdown .dropdown-menu >li >a:hover, 

.with-nav-tabs.panel-primary .nav-tabs >li.dropdown .dropdown-menu >li >a:focus{ background-color:#3071a9}

.with-nav-tabs.panel-primary .nav-tabs >li.dropdown .dropdown-menu >.active >a, 

.with-nav-tabs.panel-primary .nav-tabs >li.dropdown .dropdown-menu >.active >a:hover, 

.with-nav-tabs.panel-primary .nav-tabs >li.dropdown .dropdown-menu >.active >a:focus{ background-color:#4a9fe9}



.with-nav-tabs.panel-success .nav-tabs >li >a, 

.with-nav-tabs.panel-success .nav-tabs >li >a:hover, 

.with-nav-tabs.panel-success .nav-tabs >li >a:focus{color:#3c763d}

.with-nav-tabs.panel-success .nav-tabs >.open >a, 

.with-nav-tabs.panel-success .nav-tabs >.open >a:hover, 

.with-nav-tabs.panel-success .nav-tabs >.open >a:focus, 

.with-nav-tabs.panel-success .nav-tabs >li >a:hover, 

.with-nav-tabs.panel-success .nav-tabs >li >a:focus{color:#3c763d; background-color:#d6e9c6; border-color:transparent}

.with-nav-tabs.panel-success .nav-tabs >li.active >a, 

.with-nav-tabs.panel-success .nav-tabs >li.active >a:hover, 

.with-nav-tabs.panel-success .nav-tabs >li.active >a:focus{color:#3c763d; background-color:#fff; border-color:#d6e9c6; border-bottom-color:transparent}

.with-nav-tabs.panel-success .nav-tabs >li.dropdown .dropdown-menu{ background-color:#dff0d8;  border-color:#d6e9c6}

.with-nav-tabs.panel-success .nav-tabs >li.dropdown .dropdown-menu >li >a{ color:#3c763d}

.with-nav-tabs.panel-success .nav-tabs >li.dropdown .dropdown-menu >li >a:hover, 

.with-nav-tabs.panel-success .nav-tabs >li.dropdown .dropdown-menu >li >a:focus{ background-color:#d6e9c6}

.with-nav-tabs.panel-success .nav-tabs >li.dropdown .dropdown-menu >.active >a, 

.with-nav-tabs.panel-success .nav-tabs >li.dropdown .dropdown-menu >.active >a:hover, 

.with-nav-tabs.panel-success .nav-tabs >li.dropdown .dropdown-menu >.active >a:focus{ color:#fff;  background-color:#3c763d}



.with-nav-tabs.panel-info .nav-tabs >li >a, 

.with-nav-tabs.panel-info .nav-tabs >li >a:hover, 

.with-nav-tabs.panel-info .nav-tabs >li >a:focus{color:#31708f}

.with-nav-tabs.panel-info .nav-tabs >.open >a, 

.with-nav-tabs.panel-info .nav-tabs >.open >a:hover, 

.with-nav-tabs.panel-info .nav-tabs >.open >a:focus, 

.with-nav-tabs.panel-info .nav-tabs >li >a:hover, 

.with-nav-tabs.panel-info .nav-tabs >li >a:focus{color:#31708f; background-color:#bce8f1; border-color:transparent}

.with-nav-tabs.panel-info .nav-tabs >li.active >a, 

.with-nav-tabs.panel-info .nav-tabs >li.active >a:hover, 

.with-nav-tabs.panel-info .nav-tabs >li.active >a:focus{color:#31708f; background-color:#fff; border-color:#bce8f1; border-bottom-color:transparent}

.with-nav-tabs.panel-info .nav-tabs >li.dropdown .dropdown-menu{ background-color:#d9edf7;  border-color:#bce8f1}

.with-nav-tabs.panel-info .nav-tabs >li.dropdown .dropdown-menu >li >a{ color:#31708f}

.with-nav-tabs.panel-info .nav-tabs >li.dropdown .dropdown-menu >li >a:hover, 

.with-nav-tabs.panel-info .nav-tabs >li.dropdown .dropdown-menu >li >a:focus{ background-color:#bce8f1}

.with-nav-tabs.panel-info .nav-tabs >li.dropdown .dropdown-menu >.active >a, 

.with-nav-tabs.panel-info .nav-tabs >li.dropdown .dropdown-menu >.active >a:hover, 

.with-nav-tabs.panel-info .nav-tabs >li.dropdown .dropdown-menu >.active >a:focus{ color:#fff;  background-color:#31708f}



.with-nav-tabs.panel-warning .nav-tabs >li >a, 

.with-nav-tabs.panel-warning .nav-tabs >li >a:hover, 

.with-nav-tabs.panel-warning .nav-tabs >li >a:focus{color:#8a6d3b}

.with-nav-tabs.panel-warning .nav-tabs >.open >a, 

.with-nav-tabs.panel-warning .nav-tabs >.open >a:hover, 

.with-nav-tabs.panel-warning .nav-tabs >.open >a:focus, 

.with-nav-tabs.panel-warning .nav-tabs >li >a:hover, 

.with-nav-tabs.panel-warning .nav-tabs >li >a:focus{color:#8a6d3b; background-color:#faebcc; border-color:transparent}

.with-nav-tabs.panel-warning .nav-tabs >li.active >a, 

.with-nav-tabs.panel-warning .nav-tabs >li.active >a:hover, 

.with-nav-tabs.panel-warning .nav-tabs >li.active >a:focus{color:#8a6d3b; background-color:#fff; border-color:#faebcc; border-bottom-color:transparent}

.with-nav-tabs.panel-warning .nav-tabs >li.dropdown .dropdown-menu{ background-color:#fcf8e3;  border-color:#faebcc}

.with-nav-tabs.panel-warning .nav-tabs >li.dropdown .dropdown-menu >li >a{ color:#8a6d3b}

.with-nav-tabs.panel-warning .nav-tabs >li.dropdown .dropdown-menu >li >a:hover, 

.with-nav-tabs.panel-warning .nav-tabs >li.dropdown .dropdown-menu >li >a:focus{ background-color:#faebcc}

.with-nav-tabs.panel-warning .nav-tabs >li.dropdown .dropdown-menu >.active >a, 

.with-nav-tabs.panel-warning .nav-tabs >li.dropdown .dropdown-menu >.active >a:hover, 

.with-nav-tabs.panel-warning .nav-tabs >li.dropdown .dropdown-menu >.active >a:focus{ color:#fff;  background-color:#8a6d3b}



.with-nav-tabs.panel-danger .nav-tabs >li >a, 

.with-nav-tabs.panel-danger .nav-tabs >li >a:hover, 

.with-nav-tabs.panel-danger .nav-tabs >li >a:focus{color:#a94442}

.with-nav-tabs.panel-danger .nav-tabs >.open >a, 

.with-nav-tabs.panel-danger .nav-tabs >.open >a:hover, 

.with-nav-tabs.panel-danger .nav-tabs >.open >a:focus, 

.with-nav-tabs.panel-danger .nav-tabs >li >a:hover, 

.with-nav-tabs.panel-danger .nav-tabs >li >a:focus{color:#a94442; background-color:#ebccd1; border-color:transparent}

.with-nav-tabs.panel-danger .nav-tabs >li.active >a, 

.with-nav-tabs.panel-danger .nav-tabs >li.active >a:hover, 

.with-nav-tabs.panel-danger .nav-tabs >li.active >a:focus{color:#a94442; background-color:#fff; border-color:#ebccd1; border-bottom-color:transparent}

.with-nav-tabs.panel-danger .nav-tabs >li.dropdown .dropdown-menu{ background-color:#f2dede;  border-color:#ebccd1}

.with-nav-tabs.panel-danger .nav-tabs >li.dropdown .dropdown-menu >li >a{ color:#a94442}

.with-nav-tabs.panel-danger .nav-tabs >li.dropdown .dropdown-menu >li >a:hover, 

.with-nav-tabs.panel-danger .nav-tabs >li.dropdown .dropdown-menu >li >a:focus{ background-color:#ebccd1}

.with-nav-tabs.panel-danger .nav-tabs >li.dropdown .dropdown-menu >.active >a, 

.with-nav-tabs.panel-danger .nav-tabs >li.dropdown .dropdown-menu >.active >a:hover, 

.with-nav-tabs.panel-danger .nav-tabs >li.dropdown .dropdown-menu >.active >a:focus{ color:#fff;  background-color:#a94442}

.img{ width:100%}

.media-object{width:100%;  margin:1px 6px 1px 1px;  float:left;  display:block}

.p{ font-family:'Verdana','Geneva','sans-serif';  text-align:justify;  color:#333;  display:block;  -webkit-margin-before:1em;  -moz-margin-before:1em;  -webkit-margin-after:1em;  -moz-margin-after:1em;  -webkit-margin-start:0px;  -moz-margin-start:0px;  -webkit-margin-end:0px;  -moz-margin-end:0px}

.thumbnail{ position:relative;  overflow:hidden; border:0px solid #ddd;  border-radius:0px;  box-shadow:0 0px 0px #aab2bd}

.caption{ position:absolute;  top:-100%;  right:0;  background:rgba(66,139,201,0.75);  width:100%;  height:100%;  padding:2%;  text-align:center;  color:#fff !important;  z-index:2;  -webkit-transition:all 0.5s ease-in-out;  -moz-transition:all 0.5s ease-in-out;  -o-transition:all 0.5s ease-in-out;  -ms-transition:all 0.5s ease-in-out;  transition:all 0.5s ease-in-out}

.thumbnail:hover .caption{ top:0%}

.social{ position:relative;  height:1em}

.social li{ display:block;  height:4em;  line-height:2em;  margin:-1.8em;  position:absolute;  -webkit-transition:-webkit-transform .7s;  -moz-transition:-moz-transform .7s;  -ms-transition:-ms-transform .7s;  -o-transition:-o-transform .7s;  transition:transform .7s;  text-align:center;  width:4em}

.social a{ color:#fffdf0;  display:block;  height:2em;  line-height:6em;  text-align:center;   width:4em}

.social li:hover{ -webkit-transform:scale(1.3,1.3) rotate(45deg);  -moz-transform:scale(1.3,1.3) rotate(45deg);  -ms-transform:scale(1.3,1.3) rotate(45deg);  -o-transform:scale(1.3,1.3) rotate(45deg);  transform:scale(1.3,1.3) rotate(45deg)}

.facebook{  left:25%; bottom:0}

.twitter{  bottom:0;  left:45%}

.google{  bottom:0;  left:65%}