@charset "UTF-8";
/*******************************************************************************
  
  Starling
  
  main css 
  
  v101-r-mq-mf-ie

  Crys a Drak 2015   
  
----------------------------------------------
  Content INDEX :
       
  1. Reset + basic settings
  2. Structure common
  3. Forms
  4. Structure elements
  5. Common classes
  6. Color Buttons
  7. Common icons + spirites
  8. Common styles + effects
  9. Colors

*******************************************************************************/
        
        
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,latin-ext);

 
/***************************************************************************************************
 *
 *  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,
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, 
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;        
  
  color:inherit; 
  background: transparent;

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

html, body, div,
article, 
footer, header, nav, section {
  position: relative;
	display: block;
}

body,html {   
  font-family: 'Open Sans', serif;
  
}

     
/* ---------------------------------------------------------------------*/        
  
      
h1, h2, h3, h4, h5, h6, strong, em, th, b {                          
  font-weight: 700; 
}


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

}


  

h1 { font-size: 172%; }
h2 { font-size: 152%; }
h3 { font-size: 136%; }
h4 { font-size: 124%; }
h5 { font-size: 108%; }
h6 { font-size: 100%; }


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

a { 
  text-decoration: none; 
}

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


     
  
button,
a:focus {
  outline: none;
}       
                
     
/* ---------------------------------------------------------------------*/
p {  
  padding: 0 0 10px 0;
  
  font-size: 100%;
  line-height: 134%;
    
 }   
 
/* ---------------------------------------------------------------------*/

ul {
  list-style: none;   
}
       
     
/* ---------------------------------------------------------------------*/ 

 hr {
  margin: 10px 0 10px 0;
  border: 0;
  height: 2px;
  
background: -moz-linear-gradient(left,  rgba(193,156,135,0.51) 0%, rgba(193,156,135,0.79) 50%, rgba(193,156,135,0.51) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(193,156,135,0.51)), color-stop(50%,rgba(193,156,135,0.79)), color-stop(100%,rgba(193,156,135,0.51)));
background: -webkit-linear-gradient(left,  rgba(193,156,135,0.51) 0%,rgba(193,156,135,0.79) 50%,rgba(193,156,135,0.51) 100%);
background: -o-linear-gradient(left,  rgba(193,156,135,0.51) 0%,rgba(193,156,135,0.79) 50%,rgba(193,156,135,0.51) 100%);
background: -ms-linear-gradient(left,  rgba(193,156,135,0.51) 0%,rgba(193,156,135,0.79) 50%,rgba(193,156,135,0.51) 100%);
background: linear-gradient(to right,  rgba(193,156,135,0.51) 0%,rgba(193,156,135,0.79) 50%,rgba(193,156,135,0.51) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c19c87', endColorstr='#82c19c87',GradientType=1 );

  
 }                            

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

*,*:after,*:before { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box; 
}
              
.c_row,
.c_half,
.c_third, 
.c_2thirds,
.c_quarter,
.c_3quarters,
.c_floatleft, 
.c_g-1-10,
.c_g-2-10,
.c_g-3-10 ,
.c_g-4-10,
.c_g-6-10,
.c_g-8-10,
.c_g-0-5-12,
.c_g-1-12,
.c_g-1-5-12,
.c_g-2-12,  
.c_g-2-5-12,
.c_g-3-12,
.c_g-4-12,
.c_g-5-12,
.c_g-6-12,
.c_g-7-12,
.c_g-8-12,
.c_g-9-12 ,
.c_g-10-12 ,
.c_g-11-12  {    
  float: left;
  min-height: 1px;
}
   
   
/* ---------------------------------------------------------------------*/

.c_contentwrapper:after,
.c_clearfix:after,
.c_clearboth {    
  clear: both !important;

}


   
.c_contentwrapper:after,
.c_clearfix:after {
  overflow: hidden;
  content: " ";
  display: block;
  width: 100%;
  height: 0;       

}
/* ---------------------------------------------------------------------*/

.c_fulltable,      
.c_row,            
.c_half,
.c_third,
.c_2thirds {
  width: 100%;             
}
     
  .c_quarter,
  .c_3quarters {
    width: 50%;     
  }       
                         
  .c_g-1-10     { width: 50%; }
  .c_g-2-10     { width: 50%; }  
  .c_g-3-10     { width: 50%; }
  .c_g-4-10     { width: 100%; }
  .c_g-6-10     { width: 100%; }
  .c_g-7-10     { width: 100%; }
  .c_g-8-10     { width: 100%; }
      
  .c_g-0-5-12   { width: 50%; }        
  .c_g-1-12     { width: 50%; }   
  .c_g-1-5-12   { width: 50%; }
  .c_g-2-12     { width: 50%; } 
  .c_g-2-5-12   { width: 100%; }
  .c_g-3-12     { width: 100%; }
  .c_g-4-12     { width: 100%; }
  .c_g-5-12     { width: 100%; }
  .c_g-6-12     { width: 100%; }
  .c_g-7-12     { width: 100%; }
  .c_g-8-12     { width: 100%; }
  .c_g-9-12     { width: 100%; }
  .c_g-10-12    { width: 100%; }
  .c_g-11-12    { width: 100%; }           
                  
                   
/* ---------------------------------------------------------------------*/
  
  @media (min-width : 476px) {   
                                  
  .c_g-1-10     { width: 25%; }
  .c_g-2-10     { width: 25%; }
  .c_g-3-10     { width: 50%; }
  .c_g-4-10     { width: 50%; }
  .c_g-6-10     { width: 100%; }
  .c_g-8-10     { width: 100%; }  
  
  .c_g-0-5-12   { width: 25%; }        
  .c_g-1-12     { width: 25%; }   
  .c_g-1-5-12   { width: 25%; }
  .c_g-2-12     { width: 50%; } 
  .c_g-2-5-12   { width: 50%; }
  .c_g-3-12     { width: 50%; }
  .c_g-4-12     { width: 50%; }
  .c_g-5-12     { width: 50%; }
  .c_g-6-12     { width: 100%; }
  .c_g-7-12     { width: 100%; }
  .c_g-8-12     { width: 100%; }
  .c_g-9-12     { width: 100%; }
  .c_g-10-12    { width: 100%; }
  .c_g-11-12    { width: 100%; } 
        
       
  }                                                           
               
    
  /*------------------------------------------*/
  @media (min-width : 767px) {    
  
  
    .c_half     { width : 50%; }
    .c_third    { width: 33.33%; }
    .c_2thirds  { width: 66.666%; }
     
    .c_quarter  { width: 25%; }   
    
    .c_3quarters { width: 75%; }
	                                  
	  .c_g-1-10     { width: 10%; }
	  .c_g-2-10     { width: 20%; }
	  .c_g-3-10     { width: 30%; }
	  .c_g-4-10     { width: 40%; }
	  .c_g-6-10     { width: 60%; }
	  .c_g-7-10     { width: 70%; }
	  .c_g-8-10     { width: 80%; }
	  .c_g-9-10     { width: 90%; }
      
    
    .c_g-0-5-12   { width: 4.1666%; }        
    .c_g-1-12     { width: 8.3333%; }   
    .c_g-1-5-12   { width: 12.5%; }
    .c_g-2-12     { width: 16.6666%; }
    .c_g-2-5-12   { width: 20.8333%; }
    .c_g-3-12     { width: 25%; }
    .c_g-4-12     { width: 33.3333%; }
    .c_g-5-12     { width: 41.6666%; } 
    .c_g-6-12     { width: 50%; } 
	  .c_g-7-12     { width: 58.3333%; }
	  .c_g-8-12     { width: 66.6666%; }    
	  .c_g-9-12     { width: 75%; }
	  .c_g-10-12    { width: 83.3333%; }
	  .c_g-11-12    { width: 91.6666%; } 
         
  }
  
     

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

  
 form {
 
 }     
 
  .c_tablecell,
  select,
  button,
  input[type=text],
  input[type=password] ,
  input[type=file] {
    padding: 0 5px;
    min-height: 22px;
    line-height: 22px;
    
    vertical-align: middle;
     
  }  

  .c_btn,
  button,
  select{   
    min-height: 24px;
    line-height: 24px;
	
	}
  
  label[for],
  button,
  input[type=submit],
  input[type=button] {
    cursor: pointer;
    cursor: hand;
    
     
  } 
   
  select,
  input[type=text], 
  input[type=password] ,
  textarea {
  	position:relative;
    font-size: 108%;
    border: 1px solid;
		                   
     
  }  
  
  label {
    display: inline-block;
    padding: 10px 5px 5px 5px;
    font-weight: 700;
    
    font-size: 124%;
  }
  
  textarea {  
    padding: 10px;
  
  }
      
      
  .cfs_hint {
    position: relative;
    display: none;
                       
  }
      
      
  label:hover + .cfs_hint {   
    display: inline-block;
  
  }        
     
  .cfs_hint p{
    position: absolute;
    left: -135px;
    top: 18px;
    
    width: 210px;
    
    padding: 10px !important;   
    
    
    border: 0px solid transparent;

-webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.35);
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.35);
  }        
     
  .cfs_hint p:before{
    display: block;
    position: absolute;
    content: " ";
    
    left: 12px;
    top: -24px;
    
    width: 0;
    height: 0;
    
    border: 12px solid transparent;
  
  }        
          
  
    /*------------------------------------------*/
  @media (min-width : 767px) {  
      
       
  .c_tablecell,
    select,
    button,
    input[type=text],
    input[type=password] ,
    input[type=file] {
      min-height: 32px;
      line-height: 32px;
       
    }  
    .c_btn,
    button,
    select{   
      min-height: 34px;
      line-height: 34px;
  	
  	}     
  	
  	
  }
      
          
  
    /*------------------------------------------*/
  @media (min-width : 1020px) {  
      
  .c_tablecell,
    select,
    button,
    input[type=text],
    input[type=password] ,
    input[type=file] {
      min-height: 36px;
      line-height: 36px;
       
    }  
    .c_btn,
    button,
    select{   
      min-height: 38px;
      line-height: 38px;
  	
  	}     
  }
                   
  
/* ---------------------------------------------------------------------*/
.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_xsmall{
	width: 50px;
}

.ci_small{ 
  padding: 0 10px !important; 
	
	width: 100px;

}

.ci_xmedium{  
  padding: 0 12px !important;  
	width: 150px;
}

.ci_medium{ 
  padding: 0 15px !important;  
	width: 200px;
   
}

.ci_big{  
  padding: 0 15px !important;  
	width: 250px;

}

.ci_xbig{  
  padding: 0 15px !important;  
	width: 300px;

}

.ci_xxl{  
  padding: 0 15px !important;  
	width: 380px;

}

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


}           
  
/* ---------------------------------------------------------------------*/
  .c_componenthider {      
    display: inline-block !important;
    visibility: hidden !important;
    position: relative !important;
    overflow: hidden !important;
    width: 0 !important;
    height: 0 !important;  
    padding: 0 !important;
    
    margin: 0 !important; 
  
  }
  
/* ---------------------------------------------------------------------*/
  .ca_checkbox ,
  .ca_radio {       
    display: inline-block !important;  
    position: relative !important;
    padding: 0  !important;
		
		                         
    width: 17px !important;
    height: 17px !important;   
    
    
    vertical-align: middle !important;
    
    border: 1px solid;
       
  }     
  
  .ca_checkbox.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;
    border-color: #3CC92C;
    
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);    
  
  }
      
  .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: 26px;  
    line-height: 26px; 
                        
    vertical-align: middle;
  }        
  
  input[type=checkbox] + label,
  input[type=radio] + label {
  	padding-left: 10px;
  }
       
  
  input[type=checkbox]:checked + label,
  input[type=radio]:checked + label {
  }
      
               
                    
      
/* ---------------------------------------------------------------------*/
                                
			.cfs_pmbox{   
			 position: relative;
        padding: 0 0px;
      }   
			                                
			.cfs_pmbox input{ 
			 position: relative;
       z-index: 1;  
			 padding: 0 13px 0 4px !important;
			 width: 100%;
			 
			 
      min-height: 24px !important;
      line-height: 24px !important;
  		                                   
			}
			                                  
                           
			.cfs_pmbox button{  
  			 position: absolute;  
          z-index: 2;
  			 right: 2px;
  			 top: 2px;
  			 
  			 width: 12px; 
  			 height: 12px;
  			 line-height: 12px;
  			 min-height: 12px;
  			 
  			 padding: 0;
			 
			   text-align: center;
			   vertical-align: middle;              
			}
			                                  
                           
			.cfs_pmbox button .fa{    
			   position: relative;
			   top: -3px;
			   vertical-align: middle;   
			   
			}
			                                  
                           
			.cfs_pmbox button:first-child{       
  			
			}
			                                  
                                        
			.cfs_pmbox input + button{
    			                        
  			 top: 15px;      
			}
			                                  
                                        
			.cfs_pmbox input + button .fa{    
			   position: relative;
			   top: -4px;
			}        
  
/* ---------------------------------------------------------------------*/
  legend {
    display: inline-block;
    padding: 5px 8px;
  }
  
  
  
/* ---------------------------------------------------------------------*/
::-webkit-input-placeholder { color:#999;font-weight: 200; font-size: 88% ;font-family: Tahoma, sans-serif; font-style: normal; }
::-moz-placeholder { color:#999;;font-weight: 200; font-size: 88% ;font-family: Tahoma, sans-serif; font-style: normal; } /* firefox 19+ */
:-ms-input-placeholder { color:#999;;font-weight: 200; font-size: 88% ;font-family: Tahoma, sans-serif; font-style: normal; } /* ie */
input:-moz-placeholder { color:#999;;font-weight: 200; font-size: 88% ;font-family: Tahoma, sans-serif; font-style: normal; }


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


html,body {        
  position: relative;
  left: 0;
  top: 0;
}


html {             
     
}

body {             
  padding: 0 0 100px;  
  font-size: 86%;   
    
}


.c_contentwrapper {  
  position: relative;  
  margin: 0 auto;  
  
  padding: 0px 0;
  
  
  width: 98%;
  min-width: 310px;
           
}      

.c_innerwrapper {    
  padding: 0px 1%; 
}  
             
.c_doubleinnerwrapper {   
  padding: 0px 2%; 
}

.c_contentblockleft {   
  padding-right: 3%; 
}

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

  /*------------------------------------------*/
  @media (min-width : 476px) {  
            
    body {                
    }    
                
    .c_contentwrapper {   
      width: 96%;
    }   
        
    .c_innerwrapper {    
      padding: 0px 1%;
      
    
    }        
    .c_doubleinnerwrapper {   
      padding: 0px 2%;
    
    }
       
    
    .c_contentblockleft {   
      padding-right: 3%; 
    }
     
            
               
  }   
    
  /*------------------------------------------*/
  @media (min-width : 767px) {      
        
    body {                   
    }               
     
    .c_contentwrapper {  
      width: 94%;       
    }  
     
    .c_innerwrapper {    
      padding: 0px 1%;
      
    
    }      
    .c_doubleinnerwrapper {   
      padding: 0px 2%;
    
    }
             
    .c_contentblockleft {   
      padding-right: 4%; 
    }
         
               
  }                                                                                
                                 
  /*------------------------------------------*/
  @media (min-width : 1000px) {   
           
    body {            
      font-size: 92%;   
    }  
                  
    .c_contentwrapper {     
      width: 960px;   
    }   
     
    .c_innerwrapper {    
      padding: 0px 1%;
      
    
    }   
    .c_doubleinnerwrapper {   
      padding: 0px 2%;
    
    }
        
    .c_contentblockleft {   
      padding-right: 5%; 
    }
     
            
  }                              
                                                                           
                                 
  /*------------------------------------------*/
  @media (min-width : 1220px) { 
             
    body {        
      font-size: 100%;   
    }  
                  
    .c_contentwrapper {     
      width: 1200px;    
    }   
     
    .c_innerwrapper {    
      padding: 0px 2%;
      
    
    }     
    .c_doubleinnerwrapper {   
      padding: 0px 4%;
    
    }
        
    .c_contentblockleft {   
      padding-right: 6%; 
    }
     
           
            
  }     
            
  
/*************************************************************************************************** body_footer */
  
  #body_header {    
    position: relative;     
    z-index: 8000;
    
    top: 0;
    left: 0; 
    
    width: 100%;      
  
  }
     
                
  #body_header .ca_logo {
    display: block;  
    padding: 20px;
  }  
     
         
  /* ====================================================================================== */
           
  #body_header #nav_headermain {  
    padding: 0 20px;
  }    
      
    #body_header #nav_headermain a{ 
      display: block;
      float: left; 
      padding: 20px;
    }  
         
         
    #body_header .ca_mobilemenu{    
      font-size: 186%;   
      top: 10px;  
           
    }    
      
    #body_header .ca_mobilemenu ~ a{
      display: none !important;     
    }    
      
    #body_header .ca_mobilemenu.c_active ~ a{
      display: block !important;
    }  
    
       
  /*------------------------------------------*/
  @media (min-width : 767px) {      
          
                
  #body_header .ca_logo {  
    padding: 30px 30px 30px 30px;
  }  
     
                       
    #body_header #nav_headermain {
      padding: 0 30px;  
      
    }  
         
    #body_header #nav_headermain a{ 
      margin: 0 0px;         
      padding: 20px 10px;
                         
      font-size: 100%;  
      text-align: left;    
               
  }    
       
       
      #body_header .ca_mobilemenu ~ a{
        display: block !important;     
      }    
      
        
      #body_header .ca_mobilemenu{
        display: none !important;     
      }    
         
    }  
    
       
  /*------------------------------------------*/
  @media (min-width : 1000px) {    
                 
    #body_header #nav_headermain a{ 
      margin: 0 0px;         
      padding: 20px;
                         
      font-size: 108%;  
      text-align: left;    
               
  }    
       
    
  }
   
       
  
/*************************************************************************************************** body_main */
  
  #body_main {
    position: relative;       
    z-index: 1;
                       
  
  }   
  
  
  /* ====================================================================================== */
  .cdiv_maincontent {
  }
  
  
  /* ====================================================================================== */
    #div_homeslider { 
      overflow: hidden;
      position: relative; 
      
    }
    
      #div_homeslider  .cul_slider{ 
        position: relative; 
        z-index: 1;  
        overflow: hidden;
        height: 560px; 
      }
                
        #div_homeslider  .cul_slider > li{  
          position: absolute;   
          overflow: hidden;
          z-index: 10;
          left: 0;
          top: 0;
          width: 100%;          
          
          height: 560px; 
        }
                
        #div_homeslider  .cul_slider > li.c_active{                                
          z-index: 100;                   
        }
                  
          #div_homeslider  .cul_slider > li > figure{  
            position: absolute;   
            overflow: hidden;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;  
            height: 100%;         
          }
                    
            #div_homeslider  .cul_slider > figure img{
              display: block;   
              width: 100%;  
                          
            }
                  
          #div_homeslider  .cul_slider .c_slidetext{   
            position: absolute;  
            z-index: 3;
            
            bottom: 0;
            left: 0;
            
            padding: 20px;         
            }
                  
          #div_homeslider  .cul_slider .c_slidetext:before{     
            position: absolute;    
            display: block;
            content: " ";  
            z-index: -1;
                  
            left: 0;
            top: 0;
            width: 100%;  
            height: 100%;  
            
          
          }
              
    
      #div_homeslider  nav{ 
        position: absolute;  
        z-index: 1000; 
        right: 20px;
        bottom: 30px;  
      }
              
      
        #div_homeslider  nav button{
          display: inline-block;
          margin: 0 10px 0 0;
          
          width: 20px;
          height: 20px;
          line-height: 20px;
          min-height: 20px;
          
          border: 2px solid;    
        }
              
      
        #div_homeslider  nav button.c_active{
        
        }
            
  
  /* ====================================================================================== */
    #div_homeabout { 
      overflow: hidden;
      position: relative;
      padding: 30px 0;
      
      border-top: 1px solid; 
      
    }
  
      #div_homeabout h1,
      #div_homeabout h2 {
        padding: 0px 0 30px; 
      }
      #div_homeabout h3 {
        padding: 0px 0 25px; 
      }
      #div_homeabout h4 {
        padding: 0px 0 20px; 
      }
      #div_homeabout h5 {
        padding: 0px 0 15px; 
      }
      #div_homeabout h6 {
        padding: 0px 0 10px; 
      }
      
      #div_homeabout p {
        font-size: 92%;
        padding: 0px 0 15px; 
      }
      
           
  /* ====================================================================================== */
    #div_homeservices { 
      overflow: hidden;
      position: relative;
      padding: 30px 0;
      padding-bottom: 10px !important;
      
      
    }   
        
            
    #div_homeservices a{   
      position: relative;
      display: block;     
      
      padding-top: 100px;  
      
      height: 200px;   
      
      text-align: center;       
    }   
        
            
    #div_homeservices h3{ 
    }   
        
            
    #div_homeservices a > span:first-child{  
      position: absolute; 
      top: 20px;  
      left: 50%;
    }   
        
            
    #div_homeservices a .fa{ 
      display: inline-block;     
      position: relative;
      left: -50%;
      
      font-size: 300%;  
    }   
        
            
    #div_homeservices a p{    
      font-size: 82%;  
    }   
        
              
  /* ====================================================================================== */
    #div_homereferences { 
      overflow: hidden;
      position: relative;
      padding: 30px 0;
      padding-bottom: 10px !important;
      
      
    }   
        
            
    #div_homereferences h3{
      padding: 0 0 20px;
      margin: 0 0 20px;
      border-bottom: 1px solid;
    }   
        
            
    #div_homereferences #div_homerefsliderwrapper{  
      position: relative; 
      overflow: hidden;
      height: 320px;   
      
    }   
                               
      .c_horizontalslide_wrapper > .c_left,
      .c_horizontalslide_wrapper > .c_right {
        position: absolute;
        z-index: 11000000;
        top: 0;
        left: 0;
        
        width: 4%;
        height: 100%; 
        
        font-size: 300%;
        text-align: left;    
      
      }                
      .c_horizontalslide_wrapper > .c_right {  
        left: auto;
        right: 0;
                  
        text-align: right;
      }                
           
            
    #div_homereferences .cul_slider{ 
      position: absolute;
      left: 0;
      top: 0;
      white-space: nowrap;        
    }   
        
            
    #div_homereferences .cul_slider > li{  
      position: relative;
      padding: 10px;
    }   
        
            
    #div_homereferences #div_homerefsliderwrapper a{   
      position: relative;
      display: block;     
      overflow: hidden;
         
      
      padding: 140px 10px 0 10px;  
      
      height: 290px;   
      
      text-align: center;   
      white-space: normal;  
    }   
        
            
    #div_homereferences #div_homerefsliderwrapper a figure{     
      position: absolute;  
      overflow: hidden;
      left: 0%;
      top: 0px;      
      width: 100%;  
      padding: 10px;
      height: 130px;  
      line-height: 130px;   
      
      vertical-align: middle;     
    }   
    
            
    #div_homereferences #div_homerefsliderwrapper a figure img{
      display: inline-block;
      
      max-width: 100%;
        
          
      vertical-align: middle;
                       
    }   
        
            
    #div_homereferences #div_homerefsliderwrapper a h4{ 
      padding: 10px;
      font-size:92%;
    }   
        
            
    #div_homereferences #div_homerefsliderwrapper a h5{  
      padding: 0 10px;
           
    }   
        
        
            
  
/* ---------------------------------------------------------------------*/
  @media (min-width : 767px) {      
                              
    .cdiv_maincontent {
    }
    
    #div_homeabout,
    #div_homeservices { 
      padding: 50px 0; 
      
    }
       
             
             
  }
     
  /*------------------------------------------*/
  @media (min-width : 1000px) {      
                              
    .cdiv_maincontent {
    }    
    
    #div_homeabout,
    #div_homeservices { 
      padding: 70px 0; 
      
    } 
             
  }
  
  
       
  
/*************************************************************************************************** body_main */
  
  #body_main {
    position: relative;       
    z-index: 1;
                       
  
  }   
  
  
  /* ====================================================================================== */
  .cdiv_pagecontent {
    padding-top: 30px;
  }
  
  
     
  
  /* ====================================================================================== */
  .cdiv_pagecontent h1{
    padding-bottom: 30px;
  }
  
  .cdiv_pagecontent h2{
    padding-top: 35px;
    padding-bottom: 25px;
  }
  
  .cdiv_pagecontent h3{  
    padding-top: 30px;
    padding-bottom: 20px;
  }
  
  
  .cdiv_pagecontent h4{  
    padding-top: 25px;
    padding-bottom: 15px;
  }
  
  
  .cdiv_pagecontent h5{ 
    padding-top: 20px;
    padding-bottom: 10px;
  }
  
  
  .cdiv_pagecontent h6{  
    padding-top: 15px;
    padding-bottom: 5px;
  }
  
  
     
  .cdiv_pagecontent p{  
    padding-top: 0px;
    padding-bottom: 15px;
    
  }
  
  
     
  .cdiv_pagecontent .cul_circs{  
    margin-top: 10px;  
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 15px;
      
  }
  
  
     
  
  /* ====================================================================================== */
   .carticle_ref {
      overflow: hidden;
      position: relative;
                       
      padding: 5px;
      text-align: center;
   }
     
     .carticle_ref a{
      display: block;  
      overflow: hidden;
      padding: 10px;  
      height: 280px;
    }
     
     .carticle_ref figure{
        position: relative; 
        overflow: hidden;
             
        height: 130px;      
        line-height: 130px;
        
        vertical-align: middle;
      
     }
     
     .carticle_ref  figure img{
        position: relative;
        display: inline-block;
        max-width: 100%;   
        vertical-align: middle;
      
     }
     
     .carticle_ref .cref_title{
        position: relative; 
        font-size: 100%;
      
     }
     
  
     .carticle_ref .cref_subtitle {
      display: none;
        position: relative; 
        font-size: 92%;
      
     }
     
     .carticle_ref .cref_data { 
      display: none;
        position: relative; 
        font-size: 84%;
      
     }
       
/*************************************************************************************************** body_footer */
  
  #div_blog {
  
    position: relative;       
    z-index: 1;
    padding: 40px 0;   
                       
  
  }   
    
    #div_blog .c_half {
    
      padding: 20px 20px 0 0;   
              
    }   
    
    #div_blog .c_half + .c_half { 
      padding: 20px 0 0 20px;         
                              
    }   
       
    
    #div_blog .clist_videos {  
      margin-top: 30px;  
      padding: 0px 0 0px 0px;   

    }   
       
    
    #div_blog .clist_videos article{ 
    }   
       
    
    #div_blog .clist_videos iframe{ 
      display: block;
      width: 100%;
      border: 0;
      min-height: 300px;
      
    }   
       
    
    #div_blog .clist_articles { 
      margin-top: 30px;  
      padding: 0px 0 0px 0px;   
    }   
       
      
      #div_blog .carticle_blog_left {
      
        padding: 0px 0px 0 0;  
    }   
       
      
      #div_blog .carticle_blog {
        position: relative; 
    }   
       
      
        
        #div_blog .carticle_blog .figmain{
          position: relative;   
          z-index: 1;
          display: block;
      }   
               
        
        #div_blog .carticle_blog_right .figmain{   
                        
          border-right: 0;       
        }   
           
        
        #div_blog .carticle_blog_right .figmain a{  
          position: relative;   
          z-index: 1;
          display: block;  

          overflow: hidden; 
          max-height: 380px;
        }   
        
        
        #div_blog .carticle_blog .figmain a:after {
          display: block;
          position: absolute;
          z-index: 100;
          content: " ";
          left: 0;bottom:0;
          width: 100%;
        }   
           
        #div_blog .carticle_blog .figmain img{   
          position: relative;   
          z-index: 1;
          display: block;
          width: 100%;                    
        }   
      
        
        #div_blog .carticle_blog .carticle_blog_content{   
          position: relative;  
          z-index: 1000 ;
          display: block;
          padding: 20px 30px 0; 
          overflow: hidden;  
                         
        }   
      
        
        #div_blog .carticle_blog_right .carticle_blog_content{
          display: block;
          padding: 20px 30px 0; 
          text-align: right;
                         
        }   
      
        
        #div_blog .carticle_blog_content h5{ 
          position: absolute; 
          left: 15px;
          top: 7px;     
          font-size: 82%;    
        }   
      
        
        #div_blog .carticle_blog_content h5 .fa{ 
          padding: 0 10px;                        
          font-size: 132%;
        }   
      
        
        #div_blog .carticle_blog_right .carticle_blog_content h5{   
          left: auto;
          right: 15px;
        }   
      
        
        #div_blog .carticle_blog_content h6{      
          padding: 10px 0;            
        }   
      
          
          #div_blog .carticle_blog_content h5 span{ 
            display: inline-block;
            padding: 0 10px;  
          }   
        
          
        #div_blog .carticle_blog_content div{  
          padding: 10px 0 20px;  
        }   
        
          
        #div_blog .carticle_blog  .cbtn_big{
          position: relative;
          display: inline-block;
          margin: 20px 0;
          padding: 0 60px;
          
          height: 50px;   
          line-height: 50px;
          vertical-align: middle;
          font-size: 124%;
          
          color: #000;
                 
        }   
        
          
        #div_blog .carticle_blog  .cbtn_big:hover{
                     
          color: #fff;
          background: #A49F00;
       
        }  


        .list-gallery{
          list-style: none;
        }

        .list-gallery > li{
          display: block;
          position: relative;
          padding: 2px;
        }

        .list-gallery > li a{
          position: relative;
          display: block;
          overflow: hidden;
          height: 80px;
        }

        #div_blog .carticle_blog .list-gallery > li a{
          height: 80px;
        }

        #div_blogdetail .list-gallery > li a{
          height: 100px;
        }

        #div_blogdetail .list-gallery > li a figure,
        #div_blog .carticle_blog .list-gallery > li a figure{
          position: relative;
          z-index: 1;
          padding: 0px;

        }

        #div_blogdetail .list-gallery > li a div,
        #div_blog .carticle_blog .list-gallery > li a div{
          position: absolute;
          z-index: 2;
          left: 0;
          padding: 0 !important;
          bottom: -30px;
          width: 100%;
          height: 30px;
          line-height: 30px;
          vertical-align: middle;
          text-align: center;

          color: #ffffff;
          background: rgba(0,0,0,0.7);
        }

        #div_blogdetail .list-gallery > li a:hover div,
        #div_blog .carticle_blog .list-gallery > li a:hover div{
          bottom: 0px;
        }

        .list-gallery > li a figure img{
          width: 100%;
        }

          
         
  /*------------------------------------------*/
  @media (min-width : 1000px) {    
            
      #div_blog .carticle_blog { 
      }   
         
        
        #div_blog .carticle_blog figure{
          display: block;
          overflow: hidden;  
          padding: 30px;
      }   
      
        #div_blog .carticle_blog .carticle_blog_content{  
                         
        }   
      
         
  }                 
           
/*************************************************************************************************** body_footer */
  
  #div_blogdetail {
  
    position: relative;       
    z-index: 10;
    padding: 0px 0;   
                       
  
  }   
    
    #div_blogdetail figure {
  
  }   
    
    #div_blogdetail figure img {
     display: block;
     width: 100%;
  
    }   
                                                 
    #div_blogdetail .carticle_blogdetail {
    
      padding: 20px 20px 0 0;   
              
    }   
    
    
               
  /*------------------------------------------*/
    #div_blogdetail_info {     
    position: relative;       
    z-index: 100;
      padding : 40px 4% 100px 4%; 
      
      
    }          
      
      #div_blogdetail_info h1 {     
        position: relative;       
        z-index: 100;
        padding : 0px 0 10px 0; 
        
                  
      }          
      
      #div_blogdetail_info h5 {  
        padding : 10px 0 10px 0; 
      
      }          
      
      #div_blogdetail_info h6 {  
        padding : 10px 0 10px 0; 
       
      }          
      
      #div_blogdetail_info div {  
        padding : 10px 0 10px 0; 
                                 
      }          
      
      #div_blogdetail_info div a {
        text-decoration: underline;  
      }          
    
               
  /*------------------------------------------*/
    #div_blogdetailpanel {  
    position: relative;       
    z-index: 100;
      padding : 20px 0 100px 1%; 
      
      
    }             
    
    #div_blogdetailpanel article{   
       
        padding: 20px 0 10px;
        
        border-top: 1px solid;  
    }             
    
    #div_blogdetailpanel article:first-child{
                             
        padding: 0px 0 20px;
        border-top: 0px solid; 
    
    }             
    
      #div_blogdetailpanel figure{   
        display: block; 
        padding: 0 0 10px;
      
      }
      
        #div_blogdetailpanel figure img,
        #div_blogdetailpanel figure a,
        #div_blogdetailpanel figure a img{
          display: block; 
        }
                
        #div_blogdetailpanel figure img{ 
        
          width: 100%;
        
        }
           
      #div_blogdetailpanel h2{ 
        padding: 5px 0 0px;
        text-transform: none;
        
        font-size: 144%;
               
      }
           
      #div_blogdetailpanel h5{  
        padding: 5px 0;    
        font-size: 76%; 
      }
      
      
    
    #div_blogdetailpanel p{
      padding: 5px 0 10px;
      font-size: 82%;
      
    }
    
                       
     
  /*------------------------------------------*/
    #div_social {
      position: fixed;
      z-index: 1000000;
      left: 0px;
      top: 20%;
      width: 80px;
      
    }
    
      #div_social > div{   
        position: relative; 
        z-index: 1;
        overflow: hidden;
      
      }
      
      
      #div_social > div > div{
        position: relative;
        text-align: left;
      }
      
          
      #div_social > div > div a{
        position: relative;
        display: block;
        left: -6px;
        padding: 0 0 0 6px;
        width: 46px;
        height: 40px;
        line-height: 40px;
        
        text-align: center;
        vertical-align: middle; 
      }
      
      #div_social > div > div a:active,    
      #div_social > div > div a:hover{   
        left: 0;
      }
      
    
    
  /*------------------------------------------*/
  @media (max-width : 767px) { 
              
       
    #div_blogdetail {
      position: relative;
      
      padding-left: 5%; 
      
    }    
     
      #div_social > div > div a{
        left: -5px;
        padding: 0 0 0 5px;
        width: 35px;
        height: 30px;
        line-height: 30px;
      }
      
    
    #div_blogdetailpanel {       
      width: 80%;
      margin: 0 auto;
      float: none;   
      padding-right: 1%; 
      
    }
    
  
  }
      
  /*------------------------------------------*/
  @media (max-width : 468px) { 
              
    
    #div_blogdetail {
      position: relative;
      
      padding-left: 10%; 
      
    }    
    
  }
        
        
  /*------------------------------------------*/
  @media (min-width : 767px) { 
            
      
    #div_blogdetailpanel {
      padding-left: 1%; 
      
      
    }             
         
      
       
  }  
         
  /*------------------------------------------*/
  @media (min-width : 1000px) { 
        
    .cbody_blogdetail p:first-child{
      padding: 5px 0 15px;
      font-size: 104%;  
      line-height: 145%;
      
    }
                
    .cbody_blogdetail p{
      padding: 5px 0 15px;
      font-size: 82%;  
      line-height: 160%;
      
    }
           
    #div_blogdetailpanel {
      padding-left: 3%; 
      
      
    }    
    
    
    #div_blogdetailpanel p{
      line-height: 160%;
      
    }
         
    #div_blogdetailpanel article{   
       
        padding: 30px 0 20px;
    
    }             
         
    #div_blogdetailpanel article:first-child{   
       
        padding: 0px 0 20px;
    
    } 
  }   
  
           
        
       
/*************************************************************************************************** body_footer */
  
  #div_contact {
  
    position: relative;       
    z-index: 1;
    padding: 0px 0;   
                       
  
  }   
    
    #div_contact iframe {
      display: block;
      width: 100%;
      height: 600px;
      
                
  }   
    
    #div_contact #div_mappanel {
      position: absolute;
      left: 10%;
      bottom: 100px;
      padding: 30px;
      
      
      border: 1px solid;
              
    }    
  
/*************************************************************************************************** body_footer */
  
  #body_footer {
    position: relative;       
    z-index: 1;
    padding: 20px;   
                       
  
  }   
  #body_footer p {
                        
      font-size: 82%;  
      line-height: 60px;   
  }   
  #body_footer .fa {
    padding: 0 10px;
    font-size: 132%;
                  
  }   
  #body_footer p span{
    display: inline-block;
    vertical-align: bottom;
    
      line-height: 120%;  
  }   
  
  
  
  #body_footer .cnav_social {  
      line-height: 60px;    
  
  }
     
   #body_footer  .cnav_social div{  
      display: inline-block;  
      vertical-align: bottom; 
      line-height: 120%;  
    
    }
      
     #body_footer  .cnav_social div a{    
        display: inline-block;  
        vertical-align: bottom;  
        padding: 0;
        margin-left: 5px;
        
        width: 24px;
        height: 24px;
        line-height: 24px;
        
        text-align: center;
        vertical-align: middle; 
      
        font-size: 162%;    
    }
      
     #body_footer  .cnav_social div a .fa{ 
        padding: 0 ;             
        font-size: 100%;   
    
    }
      
     #body_footer  .cnav_social div a span{
        display: none;
      
      }
         
  
  #body_footer #p_copyright {
    margin: 30px  0 0 0;
    padding: 20px;          
  
    border-top: 1px solid;
  }   
  
           
            
    
/****************************************************************************************************
 *
 *  5. Common classes
 */

/* ---------------------------------------------------------------------*/
            
 
 .c_nopadding {   
  padding: 0 !important;
 
 }
  
/* ---------------------------------------------------------------------*/
 
.c_floatright {  
  float: right  !important;   
}

.c_clearleft {   
  clear: left !important;

}


.c_floatleft {  
  float: left !important;  
} 

.c_clearright {   
  clear: right !important;
}

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

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

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

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

.cul_circs {   
  position: relative;
              
}


.cul_circs:before {    
  position: absolute;
  display: block;
  content: " ";
  
  left: 5px;
  top: -7px;
  
  width: 0px;
  height: 100%;
        
  border-left: 1px solid;
}


.cul_circs > li {
  position: relative;
  padding: 0px 10px 15px 25px;
  margin: 0; 
           
}


.cul_circs > li:before {
  position: absolute;
  display: block;
  content: " ";
  
  left: 0px;
  top: 7px;
  
  width: 11px;
  height: 11px;
  
  border: 2px solid;
}


                    
/* ======================================================================================== */
	#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: 130px;
			left: 20%;
			width: 60%;
			
			background :#fff;
		                     
	
		}	
		
		
		
		#body_popup #body_popup_content .c_innerwrapper {  
			position: relative;
			padding: 20px 20px 30px 20px;
			
			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: 10%;
			top: 10px;  
		  
		  width: 80%;
		  
      text-align: center; 
	
		}	
		
		
		
		#body_popup #body_popup_content  .ca_close {      
			position: absolute;    
			z-index: 10000;
			display: block;
			
			right: 5px;
			top: 5px;
			
			width: 20px;
			height: 20px;
			line-height: 20px;
			
			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 figure,
		#body_popup #body_popup_content .c_innerwrapper img {    
			display: block;
			max-width: 100%;
			max-height: 100%;
			margin: 0 auto;
			
			                  
		}	
		
		#body_popup #body_popup_content .c_innerwrapper figure{
			padding: 10px 0;  
			
		}	
		
		
		
		
		#body_popup #body_popup_content .c_innerwrapper h3{
			padding: 20px;
			
			text-align: center;
			color:#74b300;        
		}	
		

           
  /*------------------------------------------*/
  @media (min-width : 476px) {   
	        
  }   
    
  /*------------------------------------------*/
  @media (min-width : 767px) {     
		
		#body_popup #body_popup_content { 
			left: 5%;
			width: 90%;     
	
		}	
		
		
		#body_popup #body_popup_content .c_innerwrapper {  
			padding: 30px 30px 20px 30px;
			                         
		}	
		
		
		
		#body_popup #body_popup_content .c_innerwrapper > .ca_close {  
			right: 10px;
			top: 10px;
		
		}
 
               
  }                                                                                
                                 
  /*------------------------------------------*/
  @media (min-width : 1010px) { 
	
		
		#body_popup #body_popup_content { 
			left: 10%;
			width: 80%;     
	
		}	
		
		
		#body_popup #body_popup_content .c_innerwrapper {
			padding: 40px 30px 30px 40px;
			
		}
    

           
  }                                                                        
                                 
  /*------------------------------------------*/
  @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. Color Buttons  
  */
 
/* ---------------------------------------------------------------------*/

 .c_btn {  
  display: inline-block;
  position: relative;
  padding: 0 20px;
  
  min-height: 22px;
  line-height: 22px;
  
  vertical-align: middle;
  
  text-align: center;
  text-decoration: none;
  
  font-size: 92%;
  font-weight: 400;
  
  border: 1px solid;
  border-bottom: 3px solid;
}
  
  .cbtn_big{      
  padding: 0 30px;
  
    min-height: 26px;
    line-height: 26px;
    
    font-size: 108%;
    
    border-bottom: 4px solid;
         
  }
    
    .c_btn .c_icon  {    
  vertical-align: middle;
      
    }
  
  .c_btn:active,
  .c_btn:focus,  
  .c_btn:hover {   
    text-decoration: none;   
}
  
    /*------------------------------------------*/
  @media (min-width : 767px) {  
      
        
   .c_btn {     
    padding: 0 30px;     
                     
      font-size: 116%;
      min-height: 24px;
      line-height: 24px;
    }
    
    
    .cbtn_big{ 
    padding: 0 40px;
    
      font-size: 116%;
    
      min-height: 34px;
      line-height: 34px;
    
    }
           
  }
     
    /*------------------------------------------*/
  @media (min-width : 1220px) {  
      
        
   .c_btn {              
    padding: 0 40px;  
                     
      font-size: 124%; 
      
      min-height: 28px;
      line-height: 28px;
    }
    
    .cbtn_big{     
    padding: 0 50px;  
    
      min-height: 44px;
      line-height: 44px;
      
      font-size: 124%;
    
    }
           
  }
      
        

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

          
/****************************************************************************************************
  *                          
  *   8. Common styles + effects   
  */
 
/* ---------------------------------------------------------------------*/
                                  
/* =================================================================== text effects */
                             
/* =================================================================== opacity */

  .calpha_zero,
  #div_homeslider .cul_slider > li
  {
		  -moz-opacity: 0.0;
		  -khtml-opacity: 0.0;
		  opacity: 0.0;  
		   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; 
		  filter: alpha(opacity=00);
  }
  
  
  .calpha_half
  {
		  -moz-opacity: 0.5;
		  -khtml-opacity: 0.5;
		  opacity: 0.5;  
		   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
		  filter: alpha(opacity=50);
  }
  
  #div_homeslider .cul_slider .c_slidetext:before 
  {
		  -moz-opacity: 0.70;
		  -khtml-opacity: 0.70;
		  opacity: 0.70;  
		   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
		  filter: alpha(opacity=70);
  }
  
  

  .calpha_full,
  #div_homeslider .cul_slider > li.c_active
  {
		  -moz-opacity: 1;
		  -khtml-opacity: 1;
		  opacity: 0.9999;  
		   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		  filter: alpha(opacity=100);
			
  }
        
                                   
/* =================================================================== radius */

  .ca_radio,
  .ca_radio.ca_active:after,
  .c_circle,
  #div_homeslider  nav button,
  .cul_circs > li:before
  
  {
  
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important; 
  }
  

  #body_footer  .cnav_social div a 
  {
  
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    
     
  }

  #nav_headermain{     
        
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  #body_footer{ 
        
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
         
/* =================================================================== animations */
    a,             
    .c_btn,
    #div_homeslider .cul_slider > li,
    #div_homeslider nav button ,
    #div_homeservices a *,
    #div_homereferences #div_homerefsliderwrapper a figure,
    #div_blog .carticle_blog .list-gallery > li a div
    {
      -webkit-transition: all 300ms ease-in;
      -moz-transition: all 300ms ease-in;
      -o-transition: all 300ms ease-in;
      -ms-transition: all 300ms ease-in;
      transition: all 300ms ease-in;              
      
    }  
   
                          
     a:active, 
     a:hover,
               
    .c_btn:active,
    .c_btn:hover,
    #div_homeslider .cul_slider > li.c_active,
    #div_homeslider nav button.c_active,
    #div_homeservices a:active,
    #div_homeservices a:hover *,
    #div_homereferences #div_homerefsliderwrapper a:active figure,
    #div_homereferences #div_homerefsliderwrapper a:hover figure
    {    
      -webkit-transition: all 300ms ease-in;
      -moz-transition: all 300ms ease-in;
      -o-transition: all 300ms ease-in;
      -ms-transition: all 300ms ease-in;
      transition: all 300ms ease-in;  
    }  
        
         
/* =================================================================== box-shadow */

.content-shadow,
#div_contact #div_mappanel ,
#div_homeslider .cul_slider .c_slidetext {      
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.24);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.24);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.24); 

}


#div_contact #div_mappanel{      
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55); 

}

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


html,
#body_footer  .cnav_social div a {        
  color: #58585A;    
}
                                   
#body_header #nav_headermain a.c_active,                                      
#body_header #nav_headermain a:active,
#body_header #nav_headermain a:hover {  
  color: #DFDB00;

}


#body_footer{     
  color: #eee;

}

#div_blog .carticle_blog_content h5{     
  color: #888;

}

#div_homeslider .cul_slider .c_slidetext,
#div_social > div > div a {  
  color: #fff;
}

                    
#div_blogdetail_info div a,              
  .cdiv_pagecontent h1,
  .cdiv_pagecontent h2,
  .cdiv_pagecontent h3,
  .cdiv_pagecontent h4,
  #div_homeabout h1,
  #div_homeabout h2,
  #div_homeabout h3,
  #div_homeabout h4,
  #div_homeservices h3,
  #div_homeservices .fa,
  #div_homereferences #div_homerefsliderwrapper a h4 { 
    color: #706E02
  }
      
      
  #div_homeservices a:active h3,
  #div_homeservices a:hover h3,
  #div_homeservices a:active .fa ,
  #div_homeservices a:hover .fa { 
    color: #DFDB00
  }
      

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

#body_main,
.cul_circs > li:before {    
  background-color: #fafafa;

}

.cbgcol-lgray,
#div_blog .carticle_blog:nth-child(even) {    
  background-color: #f1f1f1;

}

#nav_headermain {
  background-color: #DFDB00;
}
   
#body_footer,                                      
#body_header #nav_headermain a.c_active,                                      
#body_header #nav_headermain a:active,
#body_header #nav_headermain a:hover {  
  background-color: #58585A;

}   

#div_homeslider .cul_slider .c_slidetext:before  {
  background-color: #333;
}   

#div_homeservices ,
#body_footer  .cnav_social div a,
#div_blog .carticle_blog,
#div_homereferences #div_homerefsliderwrapper a,
.carticle_ref a,
#div_contact #div_mappanel {
  background-color: #fff;
}   
          
/* ---------------------------------------------------------------------*/  
   
#div_social > div > div a.ca_facebook { 
  background-color: #3B5998;
}       

#div_social > div > div a.ca_twitter {   
  background-color: #02ACED;

}       

#div_social > div > div a.ca_googleplus {    
  background-color: #DD4B39;

}       

#div_social > div > div a.ca_linkedin {   
  background-color: #007BB6;

}       

#div_social > div > div a.ca_pinterest {   
  background-color: #AA2529;

}       


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

#div_homereferences h3  {
  border-bottom-color: #D3D1D1 ;
}        

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

#div_homeabout  {
  border-top-color: #D3D1D1 ;
}      


#body_footer #p_copyright  {
  border-top-color: #706A6A ;
}    
       
/* ---------------------------------------------------------------------*/  

#div_homeslider  nav button,
.cul_circs > li:before {  
  border-color: #DFDB00 !important;
}  

.cul_circs:before,
#div_contact #div_mappanel {  
  border-color: #DFDB00 !important;
}  


#div_homeslider  nav button.c_active {  
  background-color: #DFDB00 !important;
}  


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

.cbtn_green {
  color:#BFBB00;  
  background-color:#FFFFF0;  
  border-color:#BFBB00 ;   

}      

.cbtn_green:active,
.cbtn_green.c_active,
.cbtn_green:hover{  
  color:#fff;   
  
  background-color: #BFBB00;  
   
}


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

.cbtn_red {
  color:#fff;  
  background-color: #D83636;  
  border-color:#A01D1D ;   

}      

.cbtn_red:active,
.cbtn_red.c_active,
.cbtn_red:hover{  
  color:#fff;   
  
  background-color: #A01D1D;  
   
}


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

.cbtn_black {
  color:#333;  
  background-color: #fff;  
  border-color:#333 ;   

}      

.cbtn_black:active,
.cbtn_black.c_active,
.cbtn_black:hover{  
  color:#fff;   
  
  background-color: #333;  
  border-color:#000 ;   
   
}


#div_blog .carticle_blog figure a:after {
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

}

#div_blog .carticle_blog_right figure a:after {
background: -moz-linear-gradient(top,  rgba(241,241,241,0) 0%, rgba(241,241,241,1) 100%);
background: -webkit-linear-gradient(top,  rgba(241,241,241,0) 0%,rgba(241,241,241,1) 100%);
background: linear-gradient(to bottom,  rgba(241,241,241,0) 0%,rgba(241,241,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1f1f1', endColorstr='#f1f1f1',GradientType=0 );

}


.c_horizontalslide_wrapper > .c_left {
background: -moz-linear-gradient(left,  rgba(241,241,241,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left,  rgba(241,241,241,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(241,241,241,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#00ffffff',GradientType=1 );

}
   
.c_horizontalslide_wrapper > .c_right  {
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(241,241,241,1) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(241,241,241,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(241,241,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f1f1f1',GradientType=1 );

}