@CHARSET "UTF-8";

.form-actions {
clear:both;}


body {background-image: url("bg_orange.png") ;
background-position:  0 50px;background-color:#F3F3F2;
background-repeat:repeat-x;}


.row {margin-top:25px;background-color:#ffffff}

#container{background-color:transparent;   padding: 0px 10px 10px 10px;}

#global-navigation{position:relative;z-index:200}



.logo , .logo  table td  {height:125px;padding:0;margin:0}

.logo:after{
display:block;content:"";
background-color:rgba(255,255,255,.7);width:300px;height:300px;z-index:1;
position:relative;top:-270px;left:-30px;
border-radius:50%}

.logo  table {width:100% }

.logo  table,
.logo  tbody,
.logo  table tr ,
.logo  table td {
 display:block;margin:0;padding:0}

.logo  table td:nth-child(1) {
position:absolute; width:131px;height:140px;vertical-align:center;
top:5px;left:70px;z-index:100;}

.logo  table td:first-child  a{
display:block}

.logo  table td:nth-child(2)  {position:absolute;top:25px;right:90px;left:auto;z-index:100;width:207px;height:72px}
.logo  table td:nth-child(3) {
position:absolute; width:78px;height:78px;
top:25px;right:0px;left:auto;z-index:100;}

.logo  table td:nth-child(2)   img,
.logo  table td:nth-child(3) img{width:100%;height:auto;max-width:150px}


.logo  table td:nth-child(4){
display:block}

.logo table td:nth-child(4) span{
   color:#ffffff !important;
    display: inline-block;
    font-size: 22px !important;
    line-height:110%px ;
    font-weight: bold;
    min-height:125px;
position:absolute;top:50px;right:0px;left:260px;padding:0 x;z-index:100;margin-right:300px}





.label-default {
    background-color: #fff;border:1px solid #798694;
}



h1, h2, h3 ,h4{
    font-family: %title_font_family%;
color: #d96100;    /*color: rgb(213, 96, 35);*/
    font-size: %title_size%;
}

div, table,label, input, button, select, textarea {
font-family: %font_family%;
    font-size: %font_size%;
    color: %color%;
}

.footer {
font-size:13px;  min-height: 65px;padding-top:5px;background-color:#F3F3F2;}
.footer  ul{text-align:center}




.footer ul li {display:inline-block;margin:5px 20px;}

.footer ul.contact li {line-height:110%;padding:.5em 1em;border-radius:10px; background:#b0beca}
.footer ul.contact li  a:before{content:'';width:26px;height:17px;display:inline-block;margin-right:.5em;vertical-align:middle;
background:url(contact.png ) no-repeat 0 0;}
.footer ul.contact li a {border-bottom:0px solid #fff;color:#333;display:inline-block;height:17px}
.footer ul.contact li a:hover {color:rgb(102, 102, 102)}


/*****.footer:before{display:inline-block;content:"."; width:100%;height:20px;font-size:0;padding:0;
background : url(/public/bg_txt.png) no-repeat right bottom; background-size:auto;opacity:1;position:relative;z-index:200
}***/





.nav-tabs>   li.active >a  {border-bottom:7px solid  #F9EA47;padding:10px 15px 0 15px
}
.nav-tabs>   li >a  {color:rgb(85,85,85)}


.widget {
width:100%;border-radius:10px 10px 0 0;
float:right;clear:right;margin-bottom:10px}

.widget .row {
    background-color: transparent;
    margin-top: 10px;
}


.widget-header { background-color: #F9EA47;
    border-bottom: 1px solid rgb(235, 235, 235);border-radius:10px 10px 0 0;
    color:#666;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;padding: 8px 14px;text-transform: uppercase;
}
.widget-search {radius : 10px 10px 0 0;}

 a:link,
 a:visited{color: #d96100;}

 a :hover{color: #000;}

.breadcrumb li a  {color:rgb(85,85,85); border-bottom-width:0}


.col-md-3 a:link,
.col-md-3 a:visited
 {color:#333}

.media  a:link,
.media  a:visited{/*color: #798694;*/}


.corps a.display {color: rgb(85,85,85);border-bottom:0px solid #F9EA47;}
a.btn-primary,.corps a.btn-primary,button.btn-primary,
.btn-success,
 .btn-default{
    background-color: #F6E746;;
    border-color: #F6E746;border-width:1px;
  color:#333}

.input-group-btn:last-child > .btn {
background-color:#798694;    border-color: #798694;border-width:1px;color:#fff
}

.label-default {
color:#fff;
    background-color: rgb(121, 134, 148);
    border: 1px solid rgb(121, 134, 148);
}



.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
 background-color: #F6E746;
    border-color: #F6E746;border-width:1px;
   color:#333}
#content{
width:65%}








@media screen and (max-width: 767px) {
body {margin-bottom: 300px !important;}

body {

    background-image: url("habgv4.png"), url("bg_orange.png");
 background-repeat: no-repeat, repeat;
 
}

.footer{height:auto;}
.footer ul {float:none;margin:0 ;display:block;text-align:center;width:100%}

.footer ul li {display:block;margin-bottom:10px}
.footer ul li a{display:inline-block;margin:0px auto;}
.footer ul.contact {float:none;display:block;}

.logo table,
.logo, .logo table td{height:auto;}

.logo table td:nth-child(n)
{position:relative;z-index:100;height:auto;width:100%;
display:block;text-align:center;top:0;left:0}
.logo table td:nth-child(2),.logo table td:nth-child(3)
{width:48%;display:inline-block}
.logo table td:nth-child(3)
{text-align:right}

.logo table td:nth-child(n) img{margin:0 auto}
.logo table td:nth-child(2) img, .logo table td:nth-child(3) img {
    width:auto;max-width: 100%;
}
.logo table td:nth-child(4) span{
  border-radius: 0px;
display: block;width:100%;text-align:center;
position:static ;margin:0;
 font-size: 18px !important;line-height: auto ;font-weight: bold;min-height: auto;
 padding:0;}

.logo::after {
  height: 300px;    width: 300px;
    left: 25%;
    position: absolute;
    top: -100px;}

.widget {
width:100%;border-radius:10px 10px 0 0;float:none;}
#content {margin-right: 10px}

.row {margin-top:10px;}


.sidebar-nav{
background:#B0BECA}
.nav > li > a {
    padding: 10px 15px;text-transform:uppercase;color:#4b545c
}

.nav-tabs, 
.nav-tabs li{
display:block ;float:none;margin-bottom: 0px;}

.nav-tabs li{
border-bottom:1px solid #798794}

.nav-tabs .dropdown-menu {
   background-clip: padding-box;
    background-color: #D2DAE1;
    border: 0px solid rgba(0, 0, 0, 0.5);
    border-radius: 0px;
    box-shadow: 0 0 0 transparent;
    display:block;
    float:none;
    font-size: 14px;
    position: static;   
    margin: 2px 0 0;
    width: 100%
    padding: 5px 0;}

.dropdown-menu .dropdown-menu{display:none}

.dropdown-menu > li {
 display: block;
background:transparent;padding:5px 10px 5px 30px;
border-bottom:1px solid #7f8d9b}


.dropdown-menu > li:nth-child(odd)
{display:none;}

.dropdown-menu > li > a {
    clear: both;
    color:#666;
    display: block;font-size:12px;
    font-weight: normal;
    line-height: 1.42857;
    padding: 0;
    white-space: normal;
}

.colorpicker{
   display:none
}
.dropdown-submenu:hover > .dropdown-menu {
display:none
}

.nav .caret {display: inline-block;
border-bottom-color:rgb(249, 234, 71);
    border-top-color: rgb(249, 234, 71);
float:right}}





@media screen and (max-width: 980px) and (min-width: 768px) {
.footer{height:auto;}


.logo  table td:nth-child(2)   {right:60px;width:150px;height:60px}
.logo  table td:nth-child(3) {
position:absolute; width:50px;height:50px;}
.logo table td:nth-child(4) span { 
font-size: 19px !important;   
margin-right: 210px;
top: 20px;

}

.footer ul {float:none;margin:0 ;display:block;text-align:center;width:100%}

.footer ul li {display:inline-block;margin-bottom:10px}

.footer ul li a{margin:0px auto;}

.footer ul.contact {float:none;display:block;}

.logo table td:nth-child(3) span {
 max-width:600px
}

}



/*@media screen and (max-width: 1200px) and (min-width: 981px) {}**/


@media screen and (min-width: 981px) {
.footer{height:auto;}

}
