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

  Crys a Drak 2015

*******************************************************************************/
@font-face {
	font-family: 'Gotham Book';
	src: url('../fonts/subset-Gotham-Book.eot');
	src: local('Gotham Book'), local('Gotham-Book'),
		url('../fonts/subset-Gotham-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-Gotham-Book.woff') format('woff'),
		url('../fonts/subset-Gotham-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('../fonts/subset-Gotham-Light.eot');
	src: local('Gotham Light'), local('Gotham-Light'),
		url('../fonts/subset-Gotham-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-Gotham-Light.woff') format('woff'),
		url('../fonts/subset-Gotham-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

         
 
/***************************************************************************************************
 *
 *  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,
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:  'Gotham Book', sans-serif;   
  font-weight: 400;
  
}

h1,h2,h3,h4,h5,h6, th {
  font-weight: 400;
  
	font-family: 'Gotham';
  
}    

b, strong, .strong, em {    
  font-weight: 400;
  
	font-family: 'Gotham';

}


h1{          
  padding: 0px 0 20px;
  font-size: 200%;   
}

h2{
  padding: 30px 0 20px;
  font-size: 164%;
}

h3{                   
  padding: 25px 0 18px;
  font-size: 152%;
}

h4{                   
  padding: 20px 0 16px;
  font-size: 132%;
}

h5{                   
  padding: 15px 0 15px;
  font-size: 124%;
}  

h6{                   
  padding: 10px 0 3px;
  font-size: 116%;
}


a {
  text-decoration: underline !important;
  font-weight: bold;
}

a:hover,a:active,a:focus {
  text-decoration: none !important;
}
     
.list-classic li,
p {    
  font-size: 100%;
  line-height: 110%;
  padding-bottom: 5px;
}

.list-inline a{
  display: block;
}
    
    
.list-classic {
  margin-left: 15px;
}

   

@media only screen and (min-width : 992px) {
       
  h1{
    font-size: 320%; 
    line-height: 120%;  
  }
  
  h2{
    font-size: 234%; 
    line-height: 118%;
  }
  
  h3{                 
    font-size: 182%; 
    line-height: 115%;
  }
  
  h4{
    font-size: 148%;  
    line-height: 112%;
  }
  
  h5{
    font-size: 132%;  
    line-height: 110%;
  }  
  
  h6{
    font-size: 124%;  
    line-height: 108%;
  }
  
             
  .list-classic li,
  p { 
    font-size: 100%;  
    line-height: 115%;
    padding-bottom: 10px;
  }
        
}
       

@media only screen and (min-width : 1200px) {
           
  h1{
    font-size: 310%; 
    line-height: 120%; 
    padding: 0px 0 30px; 
  }
  
  h2{
    font-size: 264%; 
    line-height: 120%;
  }
  
  h3{                 
    font-size: 212%; 
    line-height: 115%;
  }
  
  h4{
    font-size: 168%;  
    line-height: 110%;
  }
  
  h5{
    font-size: 142%;  
    line-height: 108%;
  }  
  
  h6{
    font-size: 132%;  
    line-height: 104%;
  }
  
    
  .list-classic li,  
  p { 
    font-size: 108%;  
    line-height: 120%;
    padding-bottom: 13px;
  }
     
        
}

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

.page {  
  position: relative; 
  overflow-x: hidden;
  
  padding: 0 0 0px 0;
  
  font-size: 108%;
}   


@media only screen 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: 400; }
::-moz-placeholder { vertical-align: middle;color:#999; ;font-style: normal; font-weight: 400; } /* firefox 19+ */
:-ms-input-placeholder { vertical-align: middle;color:#999; ;font-style: normal; font-weight: 400; } /* ie */
input:-moz-placeholder { vertical-align: middle;color:#999; ;font-style: normal; font-weight: 400; }

      
  
 form {
 
 }     
 
  .c_tablecell,     
  .c_btn,
  select,
  button,
  .button,
  input {
    padding: 0 5px;
    min-height: 32px;
    line-height: 32px;
    
    vertical-align: middle;
    font-size: 116%; 
  }  
  
  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: 1px solid;
  } 
   
  select,
  input[type=text], 
  input[type=password] ,
  textarea {
  	position:relative;
    font-size: 108%;
		                   
     
  }  
  
  label {
    display: inline-block;
    padding: 5px 5px 3px 5px;
    
    font-size: 100%;
  }
  
  .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(../img/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;
      }
    }
       
             
  
    /*------------------------------------------*/
    .fs-agreement {
      vertical-align: middle;
      
    }
    
      .fs-agreement label{
        padding: 0 5px 0 8px!important; 
        margin: 0!important; 
        min-height:19px!important;
        line-height: 19px!important; 
        vertical-align: middle;
      
        font-size: 116%!important;
      }
                          
      .fs-agreement a { 
        display: inline-block;  
        padding: 0!important; 
        min-height: 19px;
        line-height: 19px; 
        vertical-align: middle;
        
        font-size: 116%;
      
      
      }
             
      .fs-agreement input{ 
        padding: 0!important;
      
      
      }
             
  
    /*------------------------------------------*/
  .cfs_hint {
    position: relative;
    display: none;
                       
  }
      
      
  label:hover + .cfs_hint {   
    display: inline-block;
  
  }        
     
           
.clabel-hint {
  display: inline-block;
  position: absolute; 
  right: 10px;
  padding: 16px;  
  top: 0%;      
}
  
  .clabel-hint .clabel-hint-content {
    position: absolute;
    z-index: 1000;    
     display: none;
    right: 70%;
    padding: 5px;
    top: 8px;      
    
    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%;
       
    }       
    @-moz-document url-prefix() {
      select {
        padding:5px;
        line-height: 1;
      }
    }
       
    
  	
  }
      
          
  
    /*------------------------------------------*/
  @media (min-width : 992px) {  
      
  .c_tablecell,   
    .c_btn,
    select,
    button,  
  .button,
    input {
      min-height: 40px;
      line-height:40px; 
    font-size: 132%;
       
    }  
    @-moz-document url-prefix() {
      select {
        padding:9px;
        padding-bottom: 0;
        line-height: 1;
      }
    }
    
     
    .button,  
    select,
    input[type=submit],
    input[type=button],
    input[type=text],
    input[type=password],
    input[type=file] {
      border: 1px solid;
    } 
        
  }
                   
  
/* ---------------------------------------------------------------------*/

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

}      

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

}      

/* ---------------------------------------------------------------------*/
  .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: 7px;
    height: 12px;
    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 {
  }
      
      
/****************************************************************************************************
 *
 *  4. Structure elements   
 */
 
/* ---------------------------------------------------------------------*/


/****************************************************************************************** body_header */
#body_header  {
  position: fixed;
  z-index: 10000;
  top: 0;
  left:0; 
  width: 100%;  
  padding: 0px 0 0 0;
  
  border-top: 2px solid;    
  
}  
     
#body_header.c_fixed {  
  position: fixed;   
                      
}   
                         
/* ====================================================================================== */

           
    #body_header .logo {         
      position: relative; 
      top: 0px;
      z-index: 100; 
      padding: 5px 15px 0 0px;
       
      vertical-align: middle; 
      text-align: center;         
    }   
              
      #body_header.c_fixed .logo{
        top: -150px;
      }   
              
      #body_header .logo img{
        display: block; 
        max-width: 100%;
        
        padding: 0 0 8px 0;
         
    }   
              
      #body_header .logo span{
        display: none;
      }         
         
                      
/* ====================================================================================== */
  
  #body_header #nav_main_menu {
    padding: 5px;
  
  }  
     
    #nav_main_menu a{
      padding: 9px 5px;
      text-transform: uppercase; 
       
       font-size: 144%;
       font-weight: 400;   
  }  
     
    #nav_main_menu a.active{
      text-decoration: underline !important;                               
    }   
         
         
    
/* ====================================================================================== */
  @media (min-width : 476px) { 
        
    #nav_main_menu a{
       font-size: 116%;                                  
    }   
        
  }
  
  @media (min-width : 767px) { 
        
    #nav_main_menu a{
       font-size: 132%;                                  
    }   
        
  }
  
                         
  @media (min-width : 992px) { 
                         
    #body_header .logo {   
      padding: 10px 0 0 0px;
      
    }   
         
         
    #nav_main_menu a{
       font-size: 152%;                                  
    }   
        
   
  }  
     
    
  /*------------------------------------------*/
  @media (min-width : 1200px) {      
                             
    #body_header .logo {   
      padding: 49px 0 0 3px;
      
    }   
         
    #nav_main_menu a{
       font-size: 162%;                                  
    }   
            
                   
  }
         
    

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

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

           
    #body_main .row  {  
    
    }

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

           
    #body_main_homeheader  {  
      z-index: 100;   
      height: 300px;     
    
    }

  
    #body_main_homeheader > figure  {  
      position: relative;
      overflow: hidden;   
      height: 300px;  
    
    }

  
    #body_main_homeheader > figure img  {   
      position: relative;
      left: -200%;
      display: block;
      
      
      height: 500px;  
    
    }

  
    #body_main_homeheader .container {     
      position: relative; 
      height: 0;
                   
    }
  
    
      #body_main_homeheader #body_main_homeheader_panel  { 
        position: relative;
        top: -50px;  
        padding: 10px;  
        font-size: 132%;
      }
  
      
        #body_main_homeheader #body_main_homeheader_panel li {
          padding: 10px 0;                                                
          border-top:  1px solid;
          font-weight: 400;
          font-size: 120%;
          
          vertical-align: middle;
        }
    
        
          #body_main_homeheader #body_main_homeheader_panel li .fa {
            margin-right: 10px;                   
            font-size: 112%; 
            vertical-align: middle;
          }
      
          
            #body_main_homeheader #body_main_homeheader_panel li:first-child {
              border-top:  0;
            }
        
        
    
    
  /*------------------------------------------*/
  @media (min-width : 476px) { 
                         
             
    #body_main_homeheader,
    #body_main_homeheader > figure  { 
      height: 400px;  
    }

      #body_main_homeheader > figure img  { 
        left: -100%;   
        height: 600px; 
      }
          
  
  }
        
        
    
    
  /*------------------------------------------*/
  @media (min-width : 767px) { 
             
    #body_main_homeheader,
    #body_main_homeheader > figure  { 
      height: 400px;  
    }

    
      #body_main_homeheader > figure img  { 
        left: -100%;  
        height: auto;  
      }
            
          
            #body_main_homeheader #body_main_homeheader_panel li .fa {
              margin-right: 20px;                   
              font-size: 120%;
            }
           
    }
        
        
    
    
  /*------------------------------------------*/
  @media (min-width : 992px) { 
              
           
    #body_main_homeheader,
    #body_main_homeheader > figure  { 
      height: 470px;     
    }
            
  
    #body_main_homeheader > figure img  { 
      left: 0%;    
        height: auto; 
        width: 100%; 
    }
        
    
      #body_main_homeheader #body_main_homeheader_panel  {
        top: -100px;    
        padding: 10px 20px;     
        font-size: 144%;
      }  
               
          #body_main_homeheader #body_main_homeheader_panel li {
            padding: 15px 0;          
          }
          
          
            #body_main_homeheader #body_main_homeheader_panel li .fa {
              margin-right: 20px;                   
              font-size: 130%;
            }
        
    
  }  
     
    
  /*------------------------------------------*/
  @media (min-width : 1200px) {      
              
    #body_main_homeheader,
    #body_main_homeheader > figure  { 
      height: auto;        
    }
  
    
      #body_main_homeheader #body_main_homeheader_panel  {  
        top: -310px;
        padding: 17px 30px;
        
        font-size: 144%; 
    }  
           
        #body_main_homeheader #body_main_homeheader_panel li {
          padding: 25px 0;         
        }
              
          
            #body_main_homeheader #body_main_homeheader_panel li .fa {
              margin-right: 45px;                   
              font-size: 180%;
              line-height: 100%;
            }
  }
              
               
/* ====================================================================================== */

           
    #body_main_homeabout  {  
      z-index: 10;      
    }
  
    
      #body_main_homeabout #body_main_homeabout_panel  {
        padding: 20px 0 20px 40px;  
                     
    }
  
    
      #body_main_homeabout #body_main_homeabout_panel hr {
        margin: 32px 0;  
      }
    
    
  /*------------------------------------------*/
  @media (min-width : 992px) { 
           
      #body_main_homeabout #body_main_homeabout_panel  {
        padding: 30px 0 30px 60px;  
    
      }
   
              
  }  
     
    
  /*------------------------------------------*/
  @media (min-width : 1200px) {      
            
      #body_main_homeabout #body_main_homeabout_panel  {
        padding: 55px 0 40px 80px;  
    
      }

       
  #body_main_homeabout #body_main_homeabout_panel h2{
    font-size: 310%; 
    line-height: 120%; 
    padding: 30px 0 25px; 
  }
  
  
    
      #body_main_homeabout #body_main_homeabout_panel hr {
        margin: 47px 0 58px;  
      }
    
    
  }
          
              
               
/* ====================================================================================== */

           
    #body_main_contact  {  
      z-index: 10;      
    }
  
     
         
    
      #body_main_contact #body_main_contact_panel  {
        padding: 20px;
      
      
      }
  
      
        #body_main_contact #body_main_contact_panel #form_contact {
          margin-left: -15px;
          margin-right: -15px; 
        
        }
        
          #body_main_contact #body_main_contact_panel #form_contact > * {
            position: relative;
            padding-bottom : 15px; 
          
          }
        
          #body_main_contact #body_main_contact_panel #form_contact textarea {
            position: relative;
            height: 200px;
          }
    
  /*------------------------------------------*/
  @media (min-width : 992px) { 
           
      #body_main_contact #body_main_contact_panel  {
        padding: 30px;  
    
      }
   
              
  }  
     
    
  /*------------------------------------------*/
  @media (min-width : 1200px) {      
            
      #body_main_contact #body_main_contact_panel  {
        padding: 40px;  
    
      }

  }
       
              

/****************************************************************************************** body_footer */
   
#body_footer  {
  position: relative;    
  z-index: 10 !important;  
  
  padding: 30px 0;
}
        
                          
/* ====================================================================================== */

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

}

     

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



        

 
/****************************************************************************************************
 *
 *  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;
  }
            
      

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

  .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
  }
     
       
/* ====================================================================================== */
  
  
  .cfs-submitwrapper .c_status{ 
    position: absolute; 
    z-index: 100; 
    left: 0;
    top: 0;
    
    padding: 0px 5px 0; 
    
    text-align: center;
    
    width: 100%;
    height: 100%;
  }	

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

  .separator {
    padding: 30px 0 60px;      
  }

  .separator > fieldset {
    padding: 10px 0 20px;      
  }


@media only screen and (min-width : 1200px){  
         
  .separator {
    padding: 40px 0 80px;      
  }
           
}


@media only screen and (min-width : 1200px){  
       
  .separator {
    padding: 50px 0 90px;      
  }
             
}
    
    

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

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

}

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

}

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

}

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

}


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

}   
   

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

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

.button {
  display: inline-block;
  padding: 0px 10px;
  
  text-align: center;
  
  font-weight: 400 !important; 
  font-size: 116%;
  
  text-transform: uppercase;
  
}
  
  @media only screen and (min-width : 992px) {
          
    .button {
    
      padding: 0px 15px;  
      font-size: 124%;
    }
      
  }
  
  @media only screen and (min-width : 1200px) {
         
    .button {
    
      padding: 0px 25px;
      font-size: 132%;
    }
    
  }
  

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

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



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

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

/* =================================================================== alpha */
  
  
  .opacity-hidden    
  {
    -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   
  {
    -moz-opacity: 0.99;
    -khtml-opacity: 0.99;
    opacity: 0.99;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
    filter: alpha(opacity=99);
  }

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

  .rounded-circle,
  .ca_radio,
  .ca_radio:after
  {             
    -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;
  }

/* =================================================================== animations */
  a,      
  button,
  #body_header .logo    
  {
    -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,
  button:active,
  button:hover,
  #body_header.c_fixed .logo    
  {
    -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;
  }
  
  
/* =================================================================== 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 */
  
  .ts-basic
  {
    text-shadow : 2px 2px 5px rgba(0,0,0,0.24);
  }

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

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


.cbgcol-white,
html,
input,select,textarea,
.cfs-submitwrapper .c_status 
{
  background-color:#ffffff;
}


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


.cbgcol-blue,
.button-blue
{
  background-color: #006CA0;
}

  
.cbgcol-lgray
{   
  background-color: #F3F3F3;
}
  
      
.cbgcol-green
{
  background-color:#6DAB24;
}
    
    
.cbgcol-red
{
  background-color:#CC3333;
}

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


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

html,
a ,
input,select,textarea ,
.ccol-black
 {
  color: #1A171B;
}
      
      
.ccol-blue,
a:visited,
a:focus,
a.active,
a:active,
a:hover
{
  color:#006CA0;

}

    
.ccol-lblue 
{
  color:#3187B1;
}

    
.ccol-red,
.clabel-hint 
{
  color:#CC3333;
}
    
.ccol-green
{
  color:#6DAB24;
}
    
.ccol-yellow 
{
  color:#FFCC66;
}

.ccol-gold           
{
  color:#FFCF1F;
}


    
.ccol-white,
#nav_main_menu a,
#nav_main_menu a:active,
#nav_main_menu a:hover,
.button-blue
{
  color: #FFFFFF;
}

        
.ccol-lgray{    
  color: #ADADAD; 
}      


.ccol-dgray{    
  color: #303030; 
}


/* --------------------------------------------------------------------- Border */
        
.button,
textarea,
input[type=submit],
input[type=button],
input[type=text],
input[type=password],
input[type=file],
  .ca_checkbox.ca_active:after,
  .ca_checkbtn.ca_active:after
{
  border-color: #006CA0;
} 


.ca_radio,
.ca_checkbox
{
  border-color: #006CA0;
} 

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

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

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

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

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

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

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

#body_main_homeheader_panel li,
.cborder-gray {  
  border-color:#E4E4E4 !important;
}


.cborder-dgray {  
  border-color:#D9D9D9 !important;
}