@charset "UTF-8";
/*******************************************************************************
  
  StopPokutam
  
  main css 
  
  v101-bs3

  Crys a Drak 2015

*******************************************************************************/



/***************************************************************************************************
 *
 *  1. Reset + basic settings   
 */                            

/* ---------------------------------------------------------------------*/

html, body, div,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,  s,
b, u, i, center, hr,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
input, select, textarea, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {

  margin: 0;
  padding: 0;   

  font-family: inherit;
  font-weight: inherit;     
  line-height: inherit;

  text-align: inherit;

  border: 0;      
  outline: none; 
  outline: 0;  

  color:inherit; 
  background: transparent;


  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  -webkit-padding-end: 0px;
}


html,body {    
  font-family:  'Ubuntu', sans-serif;   
  font-weight: 400;

}

h1,h2,h3,h4,h5,h6, th {
  font-weight: 700;

}    

b, strong, .strong, em {    
  font-weight: 700;

}


h1{
  font-size: 200%;   
}

h2{
  font-size: 164%;
}

h3{
  font-size: 152%;
}

h4{
  font-size: 132%;
}

h5{
  font-size: 124%;
}  

h6{
  font-size: 116%;
}


a,a:hover,a:active,a:focus {
  text-decoration: none !important;
}

p {    
  font-size: 116%;
  line-height: 124%;
  padding-bottom: 5px;
}

.list-inline a{
  display: block;
}

hr {
  display: block;
  width: 80px;
  height: 8px;
  margin: 10px auto;
}


@media all and (min-width : 992px) {

  h1{
    font-size: 257%; 
    line-height: 160%;  
  }

  h2{
    font-size: 308%; 
    line-height: 138%;
    letter-spacing: -1px;
  }

  h3{                 
    font-size: 198%; 
    line-height: 138%;
  }

  h4{
    font-size: 152%;  
    line-height: 140%;
  }

  h5{
    font-size: 132%;  
    line-height: 140%;
  }  

  h6{
    font-size: 124%;  
    line-height: 140%;
  }


  p { 
    font-size: 124%;  
    line-height: 142%;
    padding-bottom: 10px;
  }


  hr {
    display: block;
    width: 120px;
    height: 10px;
    margin: 20px auto;
  }

}


@media all and (min-width : 1200px) {



  p { 
    font-size: 132%;  
    line-height: 150%;
    padding-bottom: 15px;
  }


}




/********************************************************************************************
 *
 *  2. Structure common   
 */

/* ---------------------------------------------------------------------*/

.page {  
  position: relative; 
  overflow-x: hidden;

  padding: 0 0 0px 0;

  font-size: 108%;
}   

.page.fullscreen-hover:after {
  display: block;
  position: absolute;  
  z-index: 1000001;
  content: " ";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

}

@media all and (min-width : 992px) {
  .page {  
    font-size: 116%;
  }   

}


/****************************************************************************************************
 *
 *  3. Forms   
 */

/* ---------------------------------------------------------------------*/


button,
a:focus {
  outline: none;
}    

::-moz-focus-inner {
  border: 0;
}    

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}



::-webkit-input-placeholder {vertical-align: middle; color:#999 ;font-style: normal; font-weight: 700; }
::-moz-placeholder { vertical-align: middle;color:#999; ;font-style: normal; font-weight: 700; } /* firefox 19+ */
:-ms-input-placeholder { vertical-align: middle;color:#999; ;font-style: normal; font-weight: 700; } /* ie */
input:-moz-placeholder { vertical-align: middle;color:#999; ;font-style: normal; font-weight: 700; }


.alert-success,
.alert-info,
.alert-danger,
.alert-error, 
.form-control {  
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;     
}


.alert-success,
.alert-info,
.alert-danger,
.alert-error {
  padding: 30px;

}



form {

}     

.c_tablecell,     
.c_btn,
select,
button,
.button,
input {
  padding: 0 5px;
  min-height: 32px;
  line-height: 32px;

  vertical-align: middle;
  font-size: 132%; 
}  

label[for],
button,    
.button,
input[type=submit],
input[type=button] {
  cursor: pointer;
  cursor: hand;
} 


.button,
select,
textarea,
input[type=submit],
input[type=button],
input[type=text],
input[type=password],
input[type=file] {
  border: 0px solid;
} 

select,
input[type=text], 
input[type=password] ,
textarea {
  position:relative;
  font-size: 132%;


}  

label {
  display: inline-block;
  padding: 5px 0px 5px 0px;

  font-size: 116%;
}

.label-big {
  text-transform: uppercase; 
  font-size: 144%;
  line-height: 110%;
  font-weight: 400;
}

textarea {  
  padding: 10px;

}

select {
  position: relative;
  padding-right: 30px !important;


  background-image: url(../images/arrow-down.png) !important;
  background-repeat: no-repeat !important;
  background-position:  94% center !important;

  -webkit-appearance: none;   
  -moz-appearance: none;

} 

@-moz-document url-prefix() {
  select {
    padding:5px;
    line-height: 1;
  }
}


.cfs_hint {
  position: relative;
  display: none;

}


label:hover + .cfs_hint {   
  display: inline-block;

}        


.clabel-hint {
  display: inline-block;
  position: relative;
}

.clabel-hint .clabel-hint-content {
  position: absolute;
  z-index: 1000;    
  display: none;
  right: 100%;
  padding: 5px;
  top: 0%;      

  white-space: nowrap;

}
.ci_fail + .clabel-hint .clabel-hint-content,
.clabel-hint:hover .clabel-hint-content { 
  display: inline-block;
}       

/*------------------------------------------*/
@media (min-width : 767px) {  


  .c_tablecell,   
  .c_btn,
  select,
  button,  
  .button,
  input {
    min-height: 38px;
    line-height:38px;  
    font-size: 124%;

  }  

  label {   
    font-size: 124%;
  }       
  @-moz-document url-prefix() {
    select {
      padding:5px;
      line-height: 1;
    }
  }



}



/*------------------------------------------*/
@media (min-width : 992px) {  

  .c_tablecell,   
  .c_btn,
  select,
  button,  
  .button,
  input {

    font-size: 132%;

  }  

  label {   
    padding: 8px 0px 8px 0px;

    font-size: 132%;
  }       
  @-moz-document url-prefix() {
    select {

      line-height: 1;
    }
  }


  .button,  
  select,
  input[type=submit],
  input[type=button],
  input[type=text],
  input[type=password],
  input[type=file] {

  } 


}


/* ---------------------------------------------------------------------*/
.ci_mini{    
  padding: 0 5px !important; 
  width: 70px;

  font-size: 84% !important;
  font-weight: 700 !important;

  min-height: 22px !important;
  line-height: 22px !important;
}

.ci_square { 
  padding: 0 !important;
  width: 32px !important;

  text-align: center;

}

.ci_square_mini { 
  padding: 0 !important;
  width: 22px !important;   
  min-height: 22px !important;
  line-height: 22px !important;

  text-align: center;

}

.ci_small{ 
  padding: 0 10px !important; 

  min-height: 22px !important;
  line-height: 22px !important;
}


.ci_full {
  width: 100%;
  padding-left: 3% !important;
  padding-right: 3% !important; 


}      

select.ci_full {
  padding-right: 23% !important; 
  line-height: 1;

}      


/*------------------------------------------*/
@media (min-width : 767px) {  



  .ci_small{ 
    padding: 0 10px !important; 

    min-height: 24px !important;
    line-height: 24px !important;
  }

}



/*------------------------------------------*/
@media (min-width : 992px) {   

  .ci_small{ 
    padding: 0 10px !important; 

    min-height: 26px !important;
    line-height: 26px !important;
  }

}
/* ---------------------------------------------------------------------*/
.c_componenthider {      
  display: inline-block !important;
  visibility: hidden !important;
  position: absolute !important;
  overflow: hidden !important;
  width: 0 !important;
  height: 0 !important;  
  padding: 0 !important;

  margin: 0 !important; 

}



/* ---------------------------------------------------------------------*/
.ca_checkbox ,
.ca_radio,
.ca_checkbtn:before {       
  display: inline-block !important;  
  position: relative !important;
  padding: 0  !important;   
  content: " ";


  width: 19px !important;
  height: 19px !important;   


  vertical-align: middle !important;

  border: 1px solid #C0D0DB;

}     

.ca_checkbtn:before {        
  position: absolute !important;
  left: 8px;
  top: 5px;

}     

.ca_checkbox.ca_active:after,
.ca_checkbtn.ca_active:after {  
  position: absolute;
  content: " ";
  top: 1px;
  display: inline-block !important;
  left: 5px;
  width: 6px;
  height: 11px;
  border-width: 0 3px 3px 0;
  border-style: solid;

  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);    


}     

.ca_checkbtn.ca_active:after {  
  top:7px;
  left: 14px;   
  border-width: 0 1px 1px 0; 
}

.ca_radio {  

  width: 18px !important;
  height: 18px !important;     

} 

.ca_radio.ca_active:after {
  position: absolute;
  display: block;
  content: " ";

  left: 3px;
  top: 3px;  

  width: 10px !important;
  height: 10px !important; 


}

.ca_radio.ca_disabled:before,    
.ca_radio.ca_disabled:after {  
  position: absolute;     

  display: inline-block !important;  

  content: " ";

  top: 2px;    
  left: 7px;


  width: 2px;
  height: 12px;
  background: #7A4343;

  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);    

}

.ca_radio.ca_disabled:after {  
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);    

}





.cinputcheckbox_done + label,     
.cinputmod_radio + label {     
  display: inline-block;  
  min-height: 22px;  
  line-height: 22px; 

  vertical-align: middle;
}        

input[type=checkbox] + label,
input[type=radio] + label {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 15px;
}


input[type=checkbox]:checked + label,
input[type=radio]:checked + label {
}




/* ---------------------------------------------------------------------*/
legend {

  padding: 5px 8px;
}







/****************************************************************************************************
 *
 *  4. Structure elements   
 */

/* ---------------------------------------------------------------------*/


/****************************************************************************************** body_header */
#body_header  {
  position: fixed;
  z-index: 100000;
  top: 0;
  left:0; 
  width: 100%;  
  padding: 0px 0 0 0;
}  

/* ====================================================================================== */
#body_header #body_header_top {     
  padding-top: 0px;
  min-height: 90px;

}   

#body_header .logo {         
  z-index: 100; 
  position: relative;
  padding: 18px 0 18px 19px;
  font-size: 300%;
  font-weight: 600;
  text-indent: -1px;
  vertical-align: middle; 
  text-align: left;
}

/*#body_header .logo:hover .top {         
  color: #333 !important;
}*/

#body_header .logo span{
  display: block;
} 

#body_header .logo .top{
  font-size: 18px;
  font-weight: 500;
  color: #333 !important;
} 

#body_header .logo .bottom{
  color: #9B805A;
  font-size: 20px;
} 



#body_header #nav-main-top {         
  position: relative;
  z-index: 100;         

  padding: 10px 0;
  float: right; 
  text-align: right; 


}   


#body_header #nav-main-top .nav-root{
  padding-right: 10px;


}   


#body_header #nav-main-top li{  
  position: relative;       
}   


#body_header #nav-main-top .list-submenu{
  position: absolute;
  z-index: 10000;
  left: -10px;
  top: 100%;
  display: none;  

}   


#body_header #nav-main-top .listitem-submenu:hover .list-submenu{
  display: block;
  min-width: 200%;
  padding: 10px;       
}   





#body_header #nav-main-top a{
  position: relative;
  padding: 5px 10px 5px;      

  line-height: 40px;
  min-height: 40px;

  font-weight: 600;
  font-size: 148%;

  vertical-align: middle;       
}   


#body_header #nav-main-top a:before{
  position: absolute;
  display: block;
  content: " ";

  left: 0;
  top: 40px;

  width: 100%;
  height: 3px; 

}   


#body_header #nav-main-top a.active,
#body_header #nav-main-top a:hover{  
  color: #000000   !important;
}   


#body_header #nav-main-top .button-navmobile{   
  padding: 5px 12px 0 20px;      
  line-height: 40px;
  min-height: 40px;        
  vertical-align: middle;    

}   


#body_header #nav-main-top .button-navmobile{   

}   


#body_header #nav-main-top .button-navmobile .fa{
  font-size: 300%;                
  vertical-align: middle; 

}    


#body_header #nav-main-top .navmobile{
  display: block;      

}    


#body_header #nav-main-top .navmobile ~ li{
  display: none;  

}    

#body_header #nav-main-top .navmobile.active ~ li{
  display: block;                
}     


.ca-facebook{
  padding-left: 0 !important;
}


/*------------------------------------------*/
@media (min-width : 476px) {    


  #body_header #nav-main-top .button-navmobile{   
    padding: 0 0 0 20px;      

  }   


}     



/*------------------------------------------*/
@media (min-width : 767px) {     

  #body_header #nav-main-top { 
    float: right !important; 

  }     

  #body_header .logo img {
    width: 137px;
  }

  #body_header #nav-main-top {
    padding: 25px 0;
  }      
}     

#nav-main-top .fa.fa-bars{
  color: #9B805A !important;
}

#nav-main-top button:hover, #nav-main-top button:active , #nav-main-top button:focus{
  background-color: white;
}

#nav-main-top button:hover .fa.fa-bars{
  color: #9B805A !important;
}



/*------------------------------------------*/
@media (min-width : 992px) {     


  #body_header #nav-main-top li{    
    padding: 0  0px 0  0px;

  }      


  #body_header #nav-main-top a{   
    margin: 0 0px;
    padding: 0 9px 0 9px;
    line-height: 40px;
    min-height: 40px;
    font-size: 141%;
    text-align: left;
    background: transparent !important;   
  }      


  #body_header #nav-main-top a img{
    position: relative;
    top: -1px;      
  }     

  #body_header #nav-main-top a:before{

    top: 40px;  
  }    

  #body_header #nav-main-top .button-navmobile{   
    padding: 0 20px;      
    line-height: 46px;
    min-height: 46px;

  }   


  #body_header #nav-main-top .navmobile ~ li{
    display: inline-block !important;     
  }    


  #body_header #nav-main-top .navmobile{
    display: none;     
  }    


  #body_header #nav-main-top li:before{
    display: block;
    position: absolute;
    content: " ";

    left: 0;
    top: 7px;

    width: 1px;
    height: 70%;       
  }   

  #body_header #nav-main-top li.no-separator:before{
    display: none;

  }   

  #body_header #nav-main-top a:before{

    top: 45px;  
  }    

}  


/*------------------------------------------*/

@media (max-width : 1199px) {   
  #body_header_top{
    width: auto;
  }
}

@media (min-width : 1200px) {      


  #body_header #nav-main-top{   
    position: relative;
    padding: 25px 0 0 0;
  }      

  #body_header .logo {  
    padding: 12px 0 12px 0px;
  }   


  #body_header #nav-main-top li{    
    padding: 0 5px 0 5px;

  }      

  #body_header #nav-main-top a{        
    padding: 0 3px 0 3px;
    font-size: 127%;
  }


}   

/****************************************************************************************** body_main */

#body_main  {
  position: relative;
  z-index: 10;  
  padding-top: 89px;

}



#body_main > *  {  
  position: relative;
  z-index: 10;  
}     

#body_main .container {  
  position: relative;
}     

/* =========================================================================== */    
@media all and (min-width : 476px) {

  #body_main  {

    padding-top: 90px;

  }

} 

@media all and (max-width : 767px) {
  #body_main  {

    padding-top: 90px;

  }

} 







@media all and (max-width : 1200px) {
  #body_main  {
    padding-top: 90px;
  }

}

@media all and (max-width : 992px) {
  #body_main  {
    padding-top: 90px;
  }

}




/****************************************************************************************** section_homeslider */

#bodymain_homeslider  {
  position: relative;    
  z-index: 10 !important;  

}


#bodymain_homeslider .listitem-slider-page figure {
  position: absolute; 
  z-index: 100;      
  width: 100%;
  left: 0;
  top: 0;
}



#bodymain_homeslider .listitem-slider-page figure img{
  position: relative;
  display: block;
  width: 100%;
  height: 200px;
}



#bodymain_homeslider .listitem-slider-page figure img{

}



#bodymain_homeslider  .banner{
  position: absolute;
  z-index: 1000;
  right: 10px;
  top: 20px;

  padding: 10px;

  text-align: center;

  font-size: 160%;

}




#bodymain_homeslider  .banner .h2 > *{
  position: relative;
  display: block;
  line-height: 156%;
}



#bodymain_homeslider  .banner .h2  strong{
  font-size: 240%;             
  line-height: 90%;
  left: -3000px;

}


#bodymain_homeslider  .banner .h2  span{
  font-weight: 200;
  font-size: 84%;
  letter-spacing: 2px;

}


#bodymain_homeslider  .banner .h2  .b{     
  right: -3000px;
  font-size: 78%;
  line-height: 140%;
  letter-spacing: 1px;   
  font-weight: bold;
}





#bodymain_homeslider .active .banner .h2  strong, 
#bodymain_homeslider  .active .banner .h2  .b,
#bodymain_homeslider  .active .banner .h2  span{
  left: 0;

}

/* =========================================================================== */    
@media all and (min-width : 476px) {     

  #bodymain_homeslider .listitem-slider-page figure img{
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
  }
} 


@media all and (min-width : 768px) {


  #bodymain_homeslider .listitem-slider-page figure img{
    left: 0;
    width: 100%;                                        
    height: 200px;
  }


}         


@media all and (min-width : 992px) {

  #bodymain_homeslider  .banner{
    right: 15px;
    top: 40px;
    padding: 15px;
  }

  .banner .h2{
    font-size: 308%;
    line-height: 138%;
    letter-spacing: -1px;
  }
}



@media all and (min-width : 1200px) {


  #bodymain_homeslider  .banner{
    right: 15px;
    top: 52px;
    padding: 20px 42px 33px 49px;


  }

  #bodymain_homeslider .listitem-slider-page figure img{
    width: initial;
    width: 100%;
    height: 450px;
  }                   
}



@media all and (min-width : 1920px) {


  #bodymain_homeslider .listitem-slider-page figure {
    left: 00%;
  }

}


/****************************************************************************************** bodymain_homeabout */

#bodymain_homeabout  {
  position: relative;  
  z-index: 11 !important;  
  padding: 25px 18px 10px;


}


#bodymain_homeabout h1 {
  font-size: 308%;
  line-height: 138%;
  letter-spacing: -1px;
}


#bodymain_homeabout p {
  position: relative;
  margin: 10px 0;
  font-size: 152%;
  line-height: 138%;


}


#bodymain_homeabout p.cp-cite {      
  margin: 10px 0 22px;

}



@media all and (min-width : 1200px) {


  #bodymain_homeabout  {
    position: relative;


  }
}


/****************************************************************************************** bodymain_contactus */

#bodymain_contactus  {


}

#bodymain_contactus form{
  margin-top: 15px;   
  padding: 25px 22px 10px;

  min-height: 270px;

}

#bodymain_contactus form label{

  font-size: 132%;


}


#bodymain_contactus textarea {
  height: 115px; 


}

#bodymain_contactus .fs-submit{
  padding-top: 20px;      
}



#bodymain_contactus .fs-submit span{ 
  display: inline-block;
  font-size: 116%;
  padding-right: 5px;;  
}     
/****************************************************************************************** bodymain_aliancebanner */


#bodymain_register  {


}

#bodymain_register form{
  margin-top: 15px;   
  padding: 25px 35px 25px 35px;
  min-height: 270px;
}

#bodymain_register form label{
  font-size: 132%;
}

#bodymain_register textarea {
  height: 115px; 


}

#bodymain_register .fs-submit{
  padding-top: 20px;      
}

#bodymain_register .fs-submit span{ 
  display: inline-block;
  font-size: 116%;
  padding-right: 5px;;  
}     

#bodymain_register span.fakeChekbox {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 18px;
  background-color: #fff;
  border: 1px solid #dadfe2;
}

#bodymain_register input[type='checkbox'] {
  display: none;
}

#bodymain_register input[type='checkbox']:checked + span::before {
  font: normal normal normal 16px/1 FontAwesome;
  content: "\f00c";
  vertical-align: top;
}

#bodymain_register span.pu{
  float: right;
  font-size: 13px;
  line-height: 32px;
}

#bodymain_register a{
  color: #9B805A;
}

#bodymain_content_panel #bodymain_aliancebanner  {
  margin-top: 15px;
}  

#bodymain_aliancebanner  .panel{  
  padding: 13px 16px 20px;
  margin-top: 15px;   
  margin-bottom: 45px;
  min-height: 300px;
  font-size: 108%;

  background: url(../images/bg_homealiance.jpg) no-repeat bottom center;   

}



@media all and (min-width : 1200px) {


  #bodymain_contactus form label{
    padding-top: 8px;
    font-size: 156%;


  }


}

/****************************************************************************************** bodymain_reinsurance */

#bodymain_reinsurance  {    
  padding: 2px 10px 15px;   

}

.block-reinsurance { 
  padding: 42px 10px;
  margin: 0 auto;           

  height: 300px;
  max-width: 356px;

  background: url(../images/bg_bubb.png) no-repeat center center;   

}

#bodymain_content_panel .block-reinsurance { 

  padding:18px 10px;
  margin: 0 auto;           

  height: 220px;
  max-width: 306px;

  font-size: 80%;

  background-size: 74%;  

}

.block-reinsurance img{
  display: block;
  margin: 10px auto 17px;     
}

#bodymain_content_panel .block-reinsurance img{
  display: block;
  height: 60px;
  margin: 8px auto 10px;    
}

.block-reinsurance .fa{
  font-size: 164%;     
  color: #9B805A;
}

#bodymain_content_panel .block-reinsurance .fa{         

}

#bodymain_reinsurance p{
  font-size: 146%;
  line-height: 140%;
  padding: 0px 20px 20px;  
  margin: 0 auto;           

  max-width: 356px;
}


@media all and (min-width : 992px) {

  .block-reinsurance .fa{
    font-size: 264%;
  }


  #bodymain_content_panel .block-reinsurance .fa{   

  }


}


/****************************************************************************************** bodymain_news */

#bodymain_news  {
  min-height: 410px;

  background: url(../images/bg_news.jpg) repeat-x bottom center;

}

.title-big {
  font-size: 240%;
  font-weight: 600;
  text-transform: uppercase;  
}

.list-news {
  padding: 40px 0 0 0;
}

.listitem-news {
  position: relative;
  padding: 10px 20px 10px 70px;    
}

.listitem-news .date{
  position: absolute;
  left: 10px;
  top: 20px;  

  width: 48px;
  height: 48px;
  line-height: 48px;   

  font-size: 132%;
  font-weight: 600;

  text-align: center;
  vertical-align: middle;


}

.listitem-news .title{


}
.listitem-news .perex{
  position: relative;
  overflow: hidden;
  padding-top: 0px;
  font-size: 144%;
  line-height: 146%;

  height: 1.4em; 

}

@media all and (min-width : 768px) {

}         


@media all and (min-width : 992px) {

  .title-big {
    font-size: 292%;

  }


  .list-news {
    padding: 40px 0 0 0;
  }

  .listitem-news {
    position: relative;
    padding: 30px 30px 10px 90px;    
  }

  .listitem-news .date{

    left: 20px;
    top: 40px;  
  }

  .listitem-news .perex{      
    height: initial;        
    height: auto; 

  }


}



@media all and (min-width : 1200px) {   
  .list-news {
    padding: 40px 0 0 0;
  }      
  .listitem-news {
    position: relative;
    padding: 32px 30px 10px 100px;   
  }

  .listitem-news .date{

    left: 32px;
    top: 35px;   
  }

}
/****************************************************************************************** bodymain_contact */

/*#bodymain_social  {
        padding-top: 20px;
        padding-bottom: 20px;
        min-height: 247px;
}*/

#bodymain_social  {
  padding-top: 20px;
  padding-bottom: 26px;
  text-align: center;
}


/****************************************************************************************** bodymain_content */

#nav_breadcrumb  { 
  position: relative;   
  z-index: 11 !important;  
  padding-top: 25px;
  padding-bottom: 10px;
}
#nav_breadcrumb .container .list-unstyled {  

  padding: 5px 0 15px 0px;  
  border-bottom: 1px solid;    
}
#nav_breadcrumb li { 
  padding: 0 2px;

}
#nav_breadcrumb li:first-child {
  padding: 0; 

}

#nav_breadcrumb li a{
  text-decoration: underline; 
}

#nav_breadcrumb li {     
}



@media all and (min-width : 992px) {   
}



@media all and (min-width : 1200px) {   
}

/* ====================================================================================== */

#bodymain_content  {
  padding-top: 5px;
  padding-bottom: 20px;
}

/* ====================================================================================== */

#nav_subsections {    
  padding-top: 15px;
  padding-bottom: 30px;

}

#nav_subsections a{
  margin: 1px 0 0 0;

}

#nav_subsections a.active{
  position: relative;

}

#nav_subsections a.active:after{
  display: block;
  position: absolute;
  content: " ";
  right: -19px;
  top: 9px;
  width: 0;
  height: 0;

  border: 10px solid;

}

/* ====================================================================================== */


#bodymain_content_body {    
  padding-left: 17px;

}

#bodymain_content_body h1{
  padding: 3px 0 18px 0;

}

#bodymain_content_body h2{
  padding: 10px 0 10px;   
  font-size: 160%;
}

#bodymain_content_body h3{
  padding: 7px 0 8px;

  font-size: 140%;
}

#bodymain_content_body p,      
#bodymain_content_body li{    
  padding-bottom: 5px;
  font-size: 124%;
  line-height: 150%;
  text-align: justify;

}


#bodymain_content_body figure{
  padding-top: 10px;
  padding-bottom: 10px;  

}


#bodymain_content_body figure figcaption{
  padding: 5px;
}


#bodymain_content_body figure.pull-left{    
  padding-right: 20px;  
}


#bodymain_content_body figure.pull-right{  
  padding-left: 20px;  
}


#bodymain_content_body hr{     
  margin: 35px auto;        
}

#bodymain_content_body ol,      
#bodymain_content_body ul{
  padding: 0 0 0 15px;
  margin: 10px 0;

}

#bodymain_content_body h4{
  padding: 3px 0;

}

#bodymain_content_body ol.list-unstyled,      
#bodymain_content_body ul.list-unstyled{     
  padding: 0 0 0 0px;
}

#bodymain_content_body a {
  text-decoration: underline !important;
  color: #9B805A;
}

#bodymain_content_body a:hover {
  color: #000;
}

/* =========================================================================== */    
.form-login {

}      

.form-login fieldset{    
  padding: 0 0 10px 0;

}      

.form-login .fs-submit{
  padding: 15px 0 8px 0;

}      

.form-login .fs-submit .button{
  margin:  0 0 0 10px;
}      


/* =========================================================================== */    
@media all and (min-width : 476px) {

} 


@media all and (min-width : 768px) {

}         


@media all and (min-width : 992px) {


  #bodymain_content_body p,      
  #bodymain_content_body li{    
    padding-bottom: 8px;
    font-size: 132%;
    line-height: 150%;


  }

  #bodymain_content_body h2{
    padding: 10px 0 10px;   
    font-size: 210%;
  }

  #bodymain_content_body h3{
    padding: 10px 0 10px;   
    font-size: 168%;
  }


  #bodymain_content_body h4{
    padding: 5px 0;

  }
}


@media all and (min-width : 1200px) {


  #bodymain_content_body h4{
    padding: 7px 0;

  }
  #bodymain_content_body p,      
  #bodymain_content_body li{    
    padding-bottom: 10px;
    font-size: 140%;
    line-height: 152%;


  }

}                       



/****************************************************************************************** body_footer */




#body_footer p {
  padding: 0 5px;
}


#body_footer p > *{
  display: inline-block;
  padding: 0 14px 0 13px;
  font-size: 94%;
  letter-spacing: 0.2px;


}



@media all and (min-width : 1200px) {   

  #body_footer{


  }


}


@media all and (min-width : 1200px) {   

  #body_footer{        
    padding: 15px 0 20px;


  }

}


/****************************************************************************************************
 *
 *  5. Common classes   
 */   
/* ---------------------------------------------------------------------*/



.align-center {
  text-align: center !important;
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}



/* ---------------------------------------------------------------------*/

.clear-left {
  clear: left !important;
}

.clear-right {
  clear: right !important;
}

.clear-both {
  clear: both !important;
}

.text-underline {     
  text-decoration: underline;
}      


/* ---------------------------------------------------------------------*/

.block {
  display: block !important

}

.block-center {
  display: block;
  margin: 0 auto;

}

.inline-block {
  display: inline-block;
}

.block-separate {                      
  margin-top: 17px;
}


/* ---------------------------------------------------------------------*/

.no-padding {
  padding: 0 !important
}


.no-margin {
  margin: 0 !important
}

.no-border {
  border: 0 !important
}


/* ---------------------------------------------------------------------*/
.table-full {
  width: 100%;  
}         

.table-full caption {      
  padding: 3px 0px;
  font-size: 132%;    
}         

.table-full th,     
.table-full td {        
  padding: 3px 10px;   
  font-size: 124%;   
}         


.table-full caption,
.table-full th {
  font-weight: 700;    
}         

.table-full .button-small {
  font-size: 116%;    
  line-height: 18px;
  min-height: 28px;
}         



.table-full th.tcol_shrink,     
.table-full td.tcol_shrink {
  width:1%;
}         

@media all and (min-width : 992px) {    
  .table-full {
  }         


  .table-full caption {      
    padding: 5px 0px;
    font-size: 132%;    
  }      

  .table-full th,     
  .table-full td {
    padding: 5px 20px; 
    font-size: 132%; 
  }         

}         

@media all and (min-width : 1200px) {  
  .table-full { 
  }         



  .table-full caption {      
    padding: 7px 0px;
    font-size: 152%; 
    line-height: 140%;   
  }      



  .table-full th,     
  .table-full td {        
    font-size: 144%;  
    padding: 7px 30px;
  }         

}




/* ---------------------------------------------------------------------*/
.panel {
  padding: 10px;
  border: 5px solid;

}         


@media all and (min-width : 992px) {     
  .panel {
    padding: 20px;

  }    
}


/* ---------------------------------------------------------------------*/

.cp-cite  {
  position: relative;
  padding: 10px 50px; 

  font-size: 200% !important;

}

.cp-cite:before  {
  position: absolute;
  display: block;
  content : "“";
  top: 45px;
  left: 20px;

  font-family: arial;

  font-size: 600%;


}

@media all and (min-width : 992px) {     
  .panel {
    padding: 20px;

  }

  .cp-cite  {   
    padding: 16px 10px 13px 96px; 
    font-size: 217% !important;
  }

  .cp-cite:before  {
    top: 70px;
    left: 25px;   
    font-size: 215px;
  }    
}


/* ---------------------------------------------------------------------*/
.carousel-control.right,
.carousel-control.left {
  background-image: none;
}

/* ---------------------------------------------------------------------*/

.list-slider-pages {
  position: relative;
}


.list-slider-pages {
  position: relative;  
  z-index: 100;
}


.list-slider-pages .listitem-slider-page{
  position: absolute;
  z-index: 100;       
  width: 100%;
  top: 0;
  left: 0;
}

.list-slider-pages .listitem-slider-page.active{

  z-index: 1000;
}


.nav-slider{
  position: absolute;
  z-index: 10000;
  left: 0;
  top: 0;

  width: 100%;
  height: 0;      
}


.nav-slider .button{
  position: absolute;
  display: block;

  left: 0;
  top: 0;
  width: 40px;

  padding: 0 !important; 

  font-size: 250%;  

  text-align: center;
  vertical-align: middle;

  border: 0!important;     
}


.nav-slider .buttonslider-right{  
  left: auto;
  right: 0;
}

.list-slider-pages,
.list-slider-pages .listitem-slider-page,   
.nav-slider .button{
  height: 200px;
  line-height: 200px;

}


/* =========================================================================== */    
@media all and (min-width : 476px) {


  .list-slider-pages,
  .list-slider-pages .listitem-slider-page,   
  .nav-slider .button{
    height: 200px;
    line-height: 200px;

  }

} 


@media all and (min-width : 768px) {


  .list-slider-pages,
  .list-slider-pages .listitem-slider-page,   
  .nav-slider .button{
    height: 200px;
    line-height: 200px;

  }

}         


@media all and (min-width : 992px) {

  #bodymain_homeslider .listitem-slider-page figure img {
    height: 360px;
  }

  .list-slider-pages,
  .list-slider-pages .listitem-slider-page,   
  .nav-slider .button{
    height: 360px;
    line-height: 360px;

  }

}



@media all and (min-width : 1200px) {

  #bodymain_homeslider .listitem-slider-page figure img {
    height: 450px;
  }

  .list-slider-pages,
  .list-slider-pages .listitem-slider-page,   
  .nav-slider .button{
    height: 450px;
    line-height: 450px;

  }

}


/* ---------------------------------------------------------------------*/
.cslider-wrapper{
  position: relative;  

}

.cslider-wrapper .cslider-pages{
  position: relative;  
  z-index: 1;         
  overflow: hidden;
}


.cslider-wrapper .cslider-pages .cslider-page{
  position: absolute;
  z-index: 1;

  left: 0;
  top:0;

  width: 100%; 

}

.cslider-wrapper .cslider-pages .cslider-page.active{   
  z-index: 2;

}  


.cslider-wrapper .cslider-items{
  position: absolute;
  left: 0;
  top: 0;   


}

.cslider-wrapper .cslider-items .cslider-item{
  position: relative;
  float: left;

}




/* ---------------------------------------------------------------------*/
.cslider-wrapper .cslider-nav{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;

}      

.cslider-wrapper .buttonslider-left,
.cslider-wrapper .buttonslider-right{   
  position: absolute;
  display: block;
  z-index: 10001;
  background-color: transparent;
  top: 0;
  left: 0;

  width: 30px;

  padding: 0;


  font-size: 400%;

  text-align: center;
  vertical-align: middle;

  border: 0;
}   

.cslider-wrapper .buttonslider-right{  
  left: auto;
  right: 0px;

}   

/* ---------------------------------------------------------------------*/
.cslider-wrapper .cslider-nav-pages{    
  position: absolute;   
  z-index: 10001;
  top: 170px;
  left: 0;

  width: 100%;
  height: 30px;

  text-align: center;

}   

.cslider-wrapper .buttonslider-page{ 
  display: inline-block;
  margin: 0 5px;
  padding: 0 !important; 

  width: 16px;
  height: 16px;  
  min-height: 16px;  
  line-height: 16px;  

  border: 0;

}

/* ====================================================================================== */

.section-gallery {



}       
.section-gallery .cslider-horizontal-wrapper .cslider-pages{

  overflow: hidden;          
}

.section-gallery .cslider-horizontal-wrapper{
  height: 300px;     
  overflow: hidden; 

  background: url(../images/bg_sliderbottom.png) repeat-x top center; 

}

.section-gallery .cslider-horizontal-wrapper .cslider-items{ 
  padding: 10px 20px 0 20px !important;
  margin: 8px 0 !important;
  height: 290px; 

  background-image: url(../images/bg_sliderbottom.png);
  background-repeat: repeat-x;
  background-position: bottom center; 

}


.section-gallery .cslider-horizontal-wrapper .cslider-items .cslider-item{  
  padding: 20px;      
  height: 260px; 

}      

.section-gallery  .cslider-wrapper .buttonslider-left,
.section-gallery   .cslider-wrapper .buttonslider-right{    
  width: 60px;   
  height: 290px;     
  line-height: 290px; 
}

.section-gallery .cslider-horizontal-wrapper .cslider-items .cslider-item a{ 
  position: relative;
  overflow: hidden;

  border: 3px solid;         

}

.section-gallery .cslider-horizontal-wrapper .cslider-items .cslider-item a:after,     
.section-gallery .cslider-horizontal-wrapper .cslider-items .cslider-item a:before{
  display: block;
  position: absolute; 
  content: " ";
  z-index: 100;
  right: -10px;
  bottom: -10px;

  width: 44px;
  height: 44px;
  line-height: 44px;

  text-align: center;
  vertical-align: middle;

}

.section-gallery .cslider-horizontal-wrapper .cslider-items .cslider-item a:after{
  font-family:FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00e";
  z-index: 101;    
  right: -5px;
  bottom: -5px;

}



.section-gallery .cslider-horizontal-wrapper .cslider-items .cslider-item img{
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;      


}

/* ====================================================================================== */

.section-downloads {

  padding: 20px 0 60px;


}


.section-downloads .block-download {
  position: relative;
  padding: 0 0 0 100px;
  min-height: 85px;

}


.section-downloads .block-download img{
  position: absolute;
  left: 20px;
  top: 0px;


}


.section-downloads .block-download .title{
  padding: 10px 0 0;

}


/* ====================================================================================== */

@media all and (max-width :475px) {
  .clear-xxs {
    clear: left
  }

}

@media all and (min-width : 476px)  and (max-width : 767px) {    
  .clear-xs {
    clear: left
  }

}

@media all and (min-width : 768px)  and (max-width : 991px) {  
  .clear-sm {
    clear: left
  }

}

@media all and (min-width : 992px)  and (max-width : 1199px) { 
  .clear-md {
    clear: left
  }

}


@media all and (min-width : 1200px){  
  .clear-lg {
    clear: left
  }

}   


/* ======================================================================================== */
#body_popup {      
  position: absolute; 
  display: none;  

  z-index: 999999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}	

#body_popup #body_popup_overlay{ 
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background :#2F485E;


  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;  
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
  filter: alpha(opacity=70);

  cursor: pointer;
  cursor: hand;

}	


#body_popup #body_popup_content {    
  position: absolute;
  overflow: hidden;
  z-index: 100;
  top: 100px;
  left: 1%;
  width:98%;

  background :#fff;


}	



#body_popup #body_popup_content .c_innerwrapper {  
  position: relative;
  overflow: hidden;
  padding: 5px 5px 10px 5px;

  border-bottom: 2px solid #eee;

  background: rgb(255,255,255);


  max-width: 100%;
  max-height: 100%;

}	



#body_popup #body_popup_content .c_innerwrapper h2 {       
  position: absolute;  

  left: 0;
  top: 0px;

  padding: 10px 20px;  

  width: 100%;

  text-align: left;
  font-size: 128%;
  font-weight: 400;

  border-bottom: 2px solid #E7EBED;  

}	



#body_popup #body_popup_content  .ca_close {      
  position: absolute;    
  z-index: 10000;
  display: block;

  right: 5px;
  top: 5px;

  font-size: 200%;
  line-height: 1;
  text-align: center;
  vertical-align: middle;


  -moz-opacity: 0.70;
  -khtml-opacity: 0.70;
  opacity: 0.70;  
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
  filter: alpha(opacity=70); 

}	


#body_popup #body_popup_content  .ca_close:active,
#body_popup #body_popup_content  .ca_close:hover {  

  -moz-opacity: 0.99;
  -khtml-opacity: 0.99;
  opacity: 0.99;  
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; 
  filter: alpha(opacity=99); 


}	


#body_popup #body_popup_content  .ca_prev,
#body_popup #body_popup_content  .ca_next {      
  position: absolute;
  z-index: 10009;
  display: block;
  left: 0;
  top: 44%; 			

  width: 40px;
  height: 80px;
  line-height: 80px;  

  font-size: 200%;  

  text-align: center;
  vertical-align: middle;


}	

#body_popup #body_popup_content  .ca_next {        
  left: auto;
  right: 0;


}	

#body_popup #body_popup_content .c_innerwrapper.c_imgpopup figure,
#body_popup #body_popup_content .c_innerwrapper.c_imgpopup img {    
  display: block;

  margin: 0 auto;


}	

#body_popup #body_popup_content .c_innerwrapper.c_imgpopup figure{
  padding: 10px 0;  

}	




#body_popup #body_popup_content .c_innerwrapper.c_imgpopup h3{

  padding: 20px;

  text-align: center;
  color:#74b300;        
}	                                            
/*------------------------------------------*/






/*------------------------------------------*/
@media (min-width : 476px) {   

  #body_popup #body_popup_content { 
    left: 0%;
    width: 100%; 
    top: 120px;    

  }	

  #body_popup #body_popup_content .c_innerwrapper {  
    padding: 15px 10px 20px 10px;

  }	


}   

/*------------------------------------------*/
@media (min-width : 767px) {     

  #body_popup #body_popup_content { 
    left: 5%;
    width: 90%;     

    top: 140px;
  }	


  #body_popup #body_popup_content .c_innerwrapper {  
    padding: 20px 15px 20px 15px;

  }	



  #body_popup #body_popup_content .c_innerwrapper > .ca_close {  
    right: 10px;
    top: 10px;

  }




}                                                                                

/*------------------------------------------*/
@media (min-width : 1080px) { 


  .cheader_section strong{
    padding: 15px 40px;
    font-size: 144%;  
  }


  #body_popup #body_popup_content { 
    left: 10%;
    width: 80%;     

  }	


  #body_popup #body_popup_content .c_innerwrapper {
    padding: 30px 20px 20px 30px;

  }

}                                                                        

/*------------------------------------------*/
@media (min-width : 1220px) { 



  #body_popup #body_popup_content { 
    left: 15%;
    width: 70%;     

  }	


  #body_popup #body_popup_content .c_innerwrapper {  
    padding: 60px 60px 40px 60px;

  }        
}   




/****************************************************************************************************
  *
  *   6. Buttons + Controls
  */

/* ---------------------------------------------------------------------*/

.button {
  display: inline-block;
  padding: 0px 10px;

  text-align: center;

  font-weight: 600 !important; 
  font-size: 116%;

  min-width: 100px;

  border: 2px solid;

}

.button-small { 
  padding: 0px 5px;
  line-height: 20px;   
  font-size: 100%;
  min-height: 20px;   
}        

.button-mid {   
  padding: 0px 10px;
  line-height: 24px;
  min-height: 24px;  
  font-size: 108%;
}


.button-full { 
  display: block;
  width: 100%;
  padding: 0 !important;
}

@media all and (min-width : 992px) {

  .button {

    padding: 0px 12px;
    font-size: 124%;
  }

  .button-mid {   
    padding: 0px 15px;
    line-height: 26px;
    min-height: 26px;  
    font-size: 116%;
  }


  .button-small {    
    padding: 0px 10px;
    line-height: 22px;
    min-height: 22px;  
    font-size: 116%;
  }

}

@media all and (min-width : 1200px) {

  .button {

    padding: 0px 16px;
    font-size: 144%;
  }

  .button-mid {   
    padding: 0px 20px;
    line-height: 28px;
    min-height: 28px;  
    font-size: 124%;
  }


  .button-small {   
    padding: 0px 15px;
    line-height: 24px;
    min-height: 24px;  
    font-size: 124%;
  }


}

/****************************************************************************************************
  *
  *   7. Common icons + spirites
  */

/* ---------------------------------------------------------------------*/



/****************************************************************************************************
  *
  *   8. Common styles + effects
  */

/* ---------------------------------------------------------------------*/

/* =================================================================== alpha */


.opacity-hidden,
.list-slider-pages .listitem-slider-page,
#body_header #nav-main-top a:before
{
  -moz-opacity: 0.00;
  -khtml-opacity: 0.00;
  opacity: 0.00;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
  filter: alpha(opacity=00);  
}


.opacity-full,
.list-slider-pages .listitem-slider-page.active
{
  -moz-opacity: 0.99;
  -khtml-opacity: 0.99;
  opacity: 0.99;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
  filter: alpha(opacity=99);
}

#body_header #nav-main-top a.active:before{
  display: none;
}


/* =================================================================== zoom */


.effect-hover-zoomin  .effect-hover-zoomin-target 
{
  zoom: 1; /* IE */
  -moz-transform: scale(1); /* Firefox */
  -moz-transform-origin: 50% 50%;
  -o-transform: scale(1); /* Opera */
  -o-transform-origin: 50% 50%;
  -webkit-transform: scale(1); /* Safari And Chrome */
  -webkit-transform-origin: 50% 50%;
  transform: scale(1); /* Standard Property */
  transform-origin: 50% 50%;  /* Standard Property */
}



.effect-hover-zoomin:active .effect-hover-zoomin-target,
.effect-hover-zoomin:hover .effect-hover-zoomin-target
{
  zoom: 1.11; /* IE */
  -moz-transform: scale(1.11); /* Firefox */
  -moz-transform-origin: 50% 50%;
  -o-transform: scale(1.11); /* Opera */
  -o-transform-origin: 50% 50%;
  -webkit-transform: scale(1.11); /* Safari And Chrome */
  -webkit-transform-origin: 50% 50%;
  transform: scale(1.11); /* Standard Property */
  transform-origin: 50% 50%;  /* Standard Property */
}


/* =================================================================== border radius */

.rounded-circle,
.ca_radio,
.ca_radio:after,
.section-gallery .cslider-horizontal-wrapper .cslider-items .cslider-item a:before

{             
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}


select,  
textarea,
input,  
.c_btn,   
.button  
{          
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}  

.radius-basic

{          
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.radius-button

{          
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.radius-button-small

{          
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/* =================================================================== animations */
a,      
.cslider-page,
#body_header #nav-main-top a:before,
.fa.big
{
  -webkit-transition: all 150ms ease-in !important;
  -moz-transition: all 150ms ease-in !important;
  -o-transition: all 150ms ease-in !important;
  -ms-transition: all 150ms ease-in !important;
  transition: all 150ms ease-in !important;
}


a:active,
a:hover,
.cslider-page.active,
#body_header #nav-main-top a.active:before     
{
  -webkit-transition: all 150ms ease-in !important;
  -moz-transition: all 150ms ease-in !important;
  -o-transition: all 150ms ease-in !important;
  -ms-transition: all 150ms ease-in !important;
  transition: all 150ms ease-in !important;
}


.effect-hover-zoomin  .effect-hover-zoomin-target,
.list-slider-pages .listitem-slider-page
{
  -webkit-transition: all 500ms ease-in !important;
  -moz-transition: all 500ms ease-in !important;
  -o-transition: all 500ms ease-in !important;
  -ms-transition: all 500ms ease-in !important;
  transition: all 500ms ease-in !important;
}


.effect-hover-zoomin:active  .effect-hover-zoomin-target,
.effect-hover-zoomin:hover  .effect-hover-zoomin-target,
.list-slider-pages .listitem-slider-page.active
{
  -webkit-transition: all 500ms ease-in !important;
  -moz-transition: all 500ms ease-in !important;
  -o-transition: all 500ms ease-in !important;
  -ms-transition: all 500ms ease-in !important;
  transition: all 500ms ease-in !important;
}



#bodymain_homeslider  .banner .h2  strong,
#bodymain_homeslider   .banner .h2  span,
#bodymain_homeslider   .banner .h2  .b     
{
  -webkit-transition: all 1500ms ease-out !important;
  -moz-transition: all 1500ms ease-out !important;
  -o-transition: all 1500ms ease-out !important;
  -ms-transition: all 1500ms ease-out !important;
  transition: all 1500ms ease-out !important;
}


#bodymain_homeslider .active .banner .h2  strong,
#bodymain_homeslider  .active .banner .h2  span,
#bodymain_homeslider  .active .banner .h2  .b     
{
  -webkit-transition: all 1500ms ease-in !important;
  -moz-transition: all 1500ms ease-in !important;
  -o-transition: all 1500ms ease-in !important;
  -ms-transition: all 1500ms ease-in !important;
  transition: all 1500ms ease-in !important;
}


/* =================================================================== box-shadow */

.content-shadow {
  -webkit-box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.05),  0px 2px 2px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.05),  0px 2px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.05),  0px 2px 2px 0px rgba(0, 0, 0, 0.05);

}

.boxshadow-none {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);

}

/* =================================================================== box-shadow */

.shadow  {
  -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.25);

}



/* =================================================================== box-shadow */

.ts-basic
{
  text-shadow : 2px 2px 5px rgba(0,0,0,0.24);
}

/****************************************************************************************************
  *
  *   9. Colors
  */

/* --------------------------------------------------------------------- Bg Colors */


.cbgcol-white,
html
{
  background-color:#ffffff;
}


#body_header,
#body_footer,    
.cbgcol-lblack, 
.section-gallery .cslider-wrapper .cslider-items .cslider-item a:before
{
  background-color:#2E2D32 !important;
}



.cbgcol-black
{
  background-color:#000;
}


.button-black
{
  background-color:#2D2C31;
}


.cbgcol-blue
{
  background-color:#9B805A;
}


.cbgcol-lblue
{
  background-color:#8FD4EE;
}

.cbgcol-llblue
{
  background-color:#F0F9FC;
}


.cbgcol-lgray,
.cslider-wrapper .buttonslider-page,
hr,
input,select,textarea
{   
  background-color: #DCE1E4;
}


.button-black.active,
.cbgcol-green,
#body_header #nav-main-top a:before
{
  background-color: #9B805A;
}


.cbgcol-lgreen
{
  background-color: #9B805A;
}


.cbgcol-red
{
  background-color:#CC3333;
}


.cbgcol-yellow
{
  background-color:#FFCC66;
}


/* --------------------------------------------------------------------- Colors */

html,
a ,
input,select,textarea
{
  color: #313133;
}

.block-reinsurance
{
  color: #9B805A !important;
}


a:focus,
a.active,
a:active,
a:hover
{
  color:#6b5332;

}

.block-reinsurance:active .fa.big,
.block-reinsurance:hover .fa.big,
.block-reinsurance:active,
.block-reinsurance:hover,
.block-reinsurance:active .fa,
.block-reinsurance:hover .fa
{
  color: #6b5332 !important;
}

.block-reinsurance
{
  color: #9B805A !important;
}




.ccol-blue
{
  color:#9B805A !important;
}


.ccol-red,
.product-price,
.product-stockinfo,
.comment-thumb .comment-rate .fa-minus 
{
  color:#CC3333;
}


#nav_breadcrumb li{    
  color: #757D7F; 
}

#nav_breadcrumb li a {    
  color: #171B1C; 
}

.ccol-green{
  color: #9B805A;
}

#body_header a:active,
#body_header a:hover
{
  color:#03A102  !important;
}               

.ccol-yellow
.fa-star ,
.fa-star-half-o 
{
  color:#FFCC66;
}



.ccol-white,
#body_footer,
#body_footer *,
#body_footer a ,  
.button-black.active,
.button-black,
.section-gallery .cslider-wrapper .cslider-items .cslider-item a:after   

{
  color: #FFFFFF !important;
}


.ccol-lblue
{
  color:#8FD4EE !important;
}

.ccol-lgray{    
  color: #ADADAD; 
}      

.ccol-gray{    
  color: #858688; 
}      

.ccol-dgray{    
  color: #303030; 
}


/* --------------------------------------------------------------------- Border */

.ca_radio,
.ca_checkbox,
.block-infobox-wrapper .button-active-toggle-hover
{
  border-color: #96D7EF;
} 
.panel {
  border-color: #DCE2E2;
}

#nav_breadcrumb .container .list-unstyled {     
  border-color: #DCE2E2;
}

.cfs_pmbox input,
.cfs_pmbox button {
  border-color: #9B805A;
} 


.cborder-white,
.button,
.section-gallery .cslider-horizontal-wrapper .cslider-items .cslider-item a {  
  border-color:#fff !important;
}

.section-gallery .cslider-horizontal-wrapper .cslider-items .cslider-item a:hover {  
  border-color:#96D7EF !important;
}


.cborder-black,
.button-blackgr {  
  border-color:#000 !important;
}

.cborder-orange {  
  border-color:#E67E22 !important;
}

.cborder-yellow {  
  border-color:#F1C40F !important;
}

.cborder-red,
.button-red,
.ci_fail {  
  border-color:#E74C3C !important;
}

.cborder-blue {  
  border-color:#2980B9 !important;
}

.cborder-purple {  
  border-color:#8E44AD !important;
}

.cborder-green {  
  border-color:#2ECC71 !important;
}

#nav_subsections a.active:after  
{
  border-left-color:#03A102;
}

#snippet--questions > div {
  border-bottom: 1px solid silver;
  padding: 25px 0;
}

#snippet--questions a {
  text-decoration: none !important;
  font-size: 20px;
  color: #313133;
}

/* --------------------------------------------------------------------- Gradients */

.button-blackgr {
  color: #fff;
  background: #9B805A;
  background: -moz-linear-gradient(top,  #9B805A 0%, 	#b59a60 100%);
  background: -webkit-linear-gradient(top,  #9B805A 0%, 	#b59a60 100%);
  background: linear-gradient(to bottom,  #9B805A 0%, 	#b59a60 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9B805A', endColorstr='#b59a60',GradientType=0 );
  border:none;
}

.button-blackgr:hover {
  color: #fff;
  background: #9B805A;
  background: -moz-linear-gradient(top,  #775a32 0%, #9B805A 100%);
  background: -webkit-linear-gradient(top,  #775a32 0%, #9B805A 100%);
  background: linear-gradient(to bottom,  #775a32 0%, #9B805A 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#775a32', endColorstr='#9B805A',GradientType=0 );
  border:none;
}

#body_header #nav-main-top li:before {
  background: #d8d8d8;


}


.section-gallery  .cslider-wrapper .buttonslider-left{ 
  background: -moz-linear-gradient(left,  rgba(220,225,228,1) 0%, rgba(220,225,228,0) 100%);
  background: -webkit-linear-gradient(left,  rgba(220,225,228,1) 0%,rgba(220,225,228,0) 100%);
  background: linear-gradient(to right,  rgba(220,225,228,1) 0%,rgba(220,225,228,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce1e4', endColorstr='#00dce1e4',GradientType=1 );


}      


.section-gallery   .cslider-wrapper .buttonslider-right{
  background: -moz-linear-gradient(left,  rgba(220,225,228,0) 0%, rgba(220,225,228,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(220,225,228,0) 0%,rgba(220,225,228,1) 100%);
  background: linear-gradient(to right,  rgba(220,225,228,0) 0%,rgba(220,225,228,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dce1e4', endColorstr='#dce1e4',GradientType=1 );

}      


/* --------------------------------------------------------------------- tables */

.table-skin-bw, #bodymain_content_body table {      
  border-spacing: 2px;
  border-collapse: separate;

}

.table-skin-bw th,
.table-skin-bw td,
#bodymain_content_body table th,
#bodymain_content_body table td{      
  border: 1px solid #ECEDEF; 

}
.table-skin-bw th,
#bodymain_content_body table th{      
  color: #000; 

}

.table-skin-bw td ,
#bodymain_content_body table td{      
  color: #2E2D32;   

}

.table-skin-bw tr:nth-child(odd) th,
.table-skin-bw tr:nth-child(odd) td,
#bodymain_content_body table tr:nth-child(odd) th,
#bodymain_content_body table tr:nth-child(odd) td{  
  background-color: #EAEEEF;    

}


.table-skin-bw thead tr th,
.table-skin-bw thead tr td,
#bodymain_content_body table thead tr th,
#bodymain_content_body table thead tr td {  
  color: #fff !important;
  background-color: #2E2D32 !important;    
  border: 1px solid #2E2D32 !important;


}

#bodymain_content_body table td{
  padding: 6px 16px;
  font-size: 15px;
}

#bodymain_content_body table th{
  font-size: bold;
}

#bodymain_content_body ul.list-unstyled {
  padding: 0 0 0 0px;
  min-width: 260px;
}

@media all and (min-width: 992px){
  .listitem-news h3{
    font-size: 191%;
    line-height: 124%;
  }
}

.actuality .listitem-news {
  padding: 10px;
  padding-top: 15px;
}

.actuality .listitem-news .date {
  left: 35px;
  top: 22px;
  z-index: 999;
}

.actuality .col-md-12.right-col {
  padding-left: 90px;
}

.actuality a.btn.btn-default {
  float: right;
  margin-top: 5px;
}

.actuality  img {
  max-width: 100%;
}

@media all and (max-width: 991px){

  .actuality  img {
    margin-bottom: 15px;
  }

  .actuality>div>div{
    font-size: 145%;
  }
}

#bodymain_content_body .actuality h2 {
  padding: 0px 0 10px;
}

.pagination-container{
  text-align: center;
}

.pagination {
  display: inline-block;
  background: #FFFFFF;
  border: 1px solid #DCE2E2;
  padding: 12px 15px;
  border-radius: 0px;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 40px;
  font-size: 17px;
}

.pagination span {
  float: left;
  color: #327196;
}

#bodymain_content_body  .pagination ul {
  float: left;
  list-style: none;
  padding-left: 20px;
  margin: 0px;
}

#bodymain_content_body .pagination li{
  display: inline-block;
  padding-right: 10px;
  padding-bottom: 0px;
  font-size: 110%;
  line-height: 120%;
}

.pagination li a{
  color: #327196;
}

.pagination li.active{
  color: #9B805A;
  font-weight: bold;
}

.pagination li.disabled{
  color:  #333333;
}

.pagination ul li:before{
  display: none;
}

.pagination .glyphicon {
  font-size: 15px;
}

form .flash {
  text-align: center;
  padding: 5px;
  font-size: 16px;
  margin-bottom: 10px;
  color: white;
}

form .flash.success {
  background-color: #03A102;
}

form .flash.error {
  background-color: #FF1212;
}

button:focus, button.active, button:active, button:hover {
  background: black; 
}

.contacts table{
  width: 100%;
}

.contacts .contactMap {
  float: right;
  width: 100%;
  height: 335px;
  position: relative;
  margin-top: 55px;
  margin-bottom: 10px;
}

.contacts .contactMap #mapa {
  width: 100%;
  height: 335px;
}

.banner .h2 .b{
  animation: animationFrames linear 0.6s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 0.6s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 0.6s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 0.6s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 0.6s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(1500px,0px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(1500px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(1500px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(1500px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(1500px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

.banner .h2 strong{
  animation: animationFrames2 linear 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames2 linear 0.6s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames2 linear 0.6s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames2 linear 0.6s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames2 linear 0.6s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames2{
  0% {
    transform:  translate(-1500px,0px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames2{
  0% {
    -moz-transform:  translate(-1500px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames2 {
  0% {
    -webkit-transform:  translate(-1500px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames2 {
  0% {
    -o-transform:  translate(-1500px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames2 {
  0% {
    -ms-transform:  translate(-1500px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

#cookieUseAgreement {
  width: 100%;
  display: block;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  color: gray;
  border-top: 1px solid #D2D2D2;
  z-index: 999999;
  font-size: 14px;
}

#cookieUseAgreementInner {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 80%;
  padding-left: 10%;
  padding: 20px;
  line-height: 25px;
  max-width: 1170px;
}

#cookieUseAgreement button{
  font-size: 17px;
}

@media screen and (max-width: 991px) {
  #cookieUseAgreementInner {
    width: 96%;
    padding-left: 2%;
  }
}

#cookieUseAgreementInner .btn.btn-primary{
  font-size: 17px;
  margin-top: 7px;
  background-color: #00a651;
}

#cookieUseAgreementInner .col-md-2{
  text-align: center;
}

#body_header {
  background-color: white !important;
  box-shadow: 0px 0px 19px 0px #a7a7a7;
}


#body_header #nav-main-top li{
  color: #292929 !important;
}

#body_header #nav-main-top a{
  color: #894937 !important;
}

#body_footer  {
  position: relative;    
  z-index: 10 !important;  

  padding: 15px 0 15px;
  background-color: #9B805A !important;

}

.block-reinsurance h3.title{
  width: 265px;
  display: block;
  margin: 0 auto;
  margin-top: 28px;
  font-size: 170%;
}

#bodymain_content_panel h3.title{
  width: 165px;
  display: block;
  margin: 0 auto;
  margin-top: 34px;
  font-size: 165%;
}

#bodymain_content_panel .fa.big {
  margin: 12px 0px 20px 0px;
}

.block-reinsurance .fa.big{
  font-size: 500%;
  color: #9B805A;
  display: block;
  margin: 17px 0px 27px 0px;
}

#bodymain_content_body ul li ul li {
  padding-bottom: 7px;
  font-size: 97%;
  line-height: 119%;
}

#bodymain_content_body iframe{
  width: 100%;
}