/**
 * Name: base.css
 *
 *	T.O.C
 *	
 *	#CssReset
 *	#Typography
 *		#Links
 *		#Lists
 *		#Images
 *		#Tables
 *		#Forms
 *		#Misc
 */


/* ==========================================================================
   #CssReset
   ========================================================================== */

   html, body, div, span, applet, object, iframe,
   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,
   table, caption, tbody, tfoot, thead, tr, th, td,
   article, aside, canvas, details, embed, 
   figure, figcaption, footer, header, hgroup, 
   menu, nav, output, ruby, section, summary,
   time, mark, audio, video {
       margin: 0;
       padding: 0;
       border: 0;
       font-size: 100%;
       font: inherit;
       vertical-align: baseline;
   }
   
   /* HTML5 display-role reset for older browsers */
   
   article, 
   aside, 
   details, 
   figcaption, 
   figure, 
   footer, 
   header, 
   hgroup, 
   menu, 
   nav, 
   section {
       display: block;
   }
   
   body {
       line-height: 1;
   }
   
   ol, 
   ul {
       list-style: none;
   }
   
   blockquote, 
   q {
       quotes: none;
   }
   
   blockquote:before, 
   blockquote:after,
   q:before, 
   q:after {
       content: '';
       content: none;
   }
   
   table {
       border-collapse: collapse;
       border-spacing: 0;
   }
   
   /**
    * 1. Always force vertical scroll
    * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom.
    * 3. For animations
    */
   
   html { 
       font-size: 100%; 
       overflow-y: scroll; /* 1  */ 
       -ms-text-size-adjust: 100%; /* 2 */
       -webkit-text-size-adjust: 100%; /* 2 */
       -webkit-font-smoothing: antialiased; 
       overflow-x: hidden; /* 3 */
   }

/* ==========================================================================
  #Typography
  ========================================================================== */
  
  /**
    * 1. For animations
    */
    
   body {
       overflow-x: hidden; /* 1 */
       background-color: #fff;
       color: #5e5e5e;
       font: 14px "Lucida Sans Unicode","Lucida Grande",sans-serif;
       line-height: 24px;
       font-weight: 300;	
   }
   
   h1, 
   h2, 
   h3, 
   h4, 
   h5, 
   h6 {
       color: #5e5e5e;
       font-family: 'Open Sans', Arial, sans-serif;
       /*font-weight: 400;*/
   }
       
   h1 a, 
   h2 a, 
   h3 a, 
   h4 a, 
   h5 a, 
   h6 a { 
       font-weight: inherit; 
   }
   
   h1 {
       margin-bottom: 14px; 	 
       font-size: 30px; 
       line-height: 36px; 
   }
   
   h2 { 
       margin-bottom: 10px;	
       font-size: 20px; 
       line-height: 40px;
       font-weight:bold;
   }
   
   h3 { 
       margin-bottom: 8px;
       font-size:14px; 
       line-height: 24px;   
   }
   
   h4 {
       margin-bottom: 4px; 
       font-size: 16px; 
       line-height: 30px;   
   }
   
   h5 { 
       font-size: 14px; 
       line-height: 24px; 
   }
   
   h6 { 
       font-size: 12px; 
       line-height: 21px; 
   }
   .widget p{
       text-align: left;
   }
   p { margin-bottom: 10px; font-size:13px; text-align:justify; }
   em { font-style: italic; }
   strong { font-weight: 600; }
   small { font-size: 70%; }
   
   sub { 
       vertical-align: sub; 
       font-size: 75%; 
   }
   
   sup { 
       vertical-align: super; 
       font-size: 75%; 
   }
   
   abbr[title] {  
       border-bottom: 1px dotted #999; 
       cursor: help;
   }
   
   address { 
       display: block; 
       margin-bottom: 20px; 
   }
   
   blockquote {}
   
   blockquote p { font-style: italic; }
   
   blockquote span { 
       display: block;
       margin-top: 5px;
       color: #999999;  
   }
   
   blockquote span:before { content: "\2013 \00A0"; }

   hr { 
       height: 0; 
       border: solid #efefef; 
       border-width: 1px 0 0 0;
       margin: 30px 0;
   }

   code, 
   pre { 
       -webkit-border-radius: 3px;
               border-radius: 3px;	
       font-family: Monaco, Menlo, Consolas, "Courier New", monospace;			
   }
   
   code { 
       padding: 1px 4px;
       border: 1px solid #e1e1e8;
       background-color: #f7f7f7;  
       color: #d14;  
   }
   
   pre { 
       overflow-x: auto; 
       display: block;
       padding: 20px;
       border: 1px solid #e1e1e8;   
       margin-bottom: 20px;
       white-space: pre-wrap;
       background-color: #f7f7f7; 
   }
   
   /* Typography Helper Classes */
   
   /**
    * <div class="hr"></div> acts like an <hr />
    */
   
   .hr { 
       border-top: 1px solid #efefef;  
       margin: 30px 0;
   }
   
   .text-left { text-align: left; }
   .text-right { text-align: right; }
   .text-center { text-align: center; }
   
   .text-highlight { color: #ed1c24; }

   .text-uppercase { text-transform: uppercase; }
   
   .mute{ color: #aaa; }
   
   p.last,
   h1.last,
   h2.last,
   h3.last,
   h4.last,
   h5.last,
   address.last { margin-bottom: 0; }
   
/* #Links
  ========================================================================== */
   
   a, 
   a:visited { 
       color: #ed1c24; 
       text-decoration: none; 
   }
   
  /**
   * 1. Remove the gray background color from active links in IE 10.
   */
   
   a:active {
        background: transparent; /* 1 */
   }
   
   a:hover, 
   a:focus {
       outline: 0; 
       text-decoration: underline;
   }	
   
/* #Lists
  ========================================================================== */
   
   ul, 
   ol { 
       margin-bottom: 20px;
       list-style-position: inside; 
   }
   
   ul ul, 
   ul ol, 
   ol ol, 
   ol ul { 
       margin-bottom: 0; 
       margin-left: 30px; 
   }
   
   li {}
   
   ul { list-style-type: disc; }
   ol { list-style-type: decimal; }
   
   /* List Helper Classes */

   ul.last,
   ol.last { margin-bottom: 0; }

/* #Images
  ========================================================================== */
   
   img { border: none; }
   
   /* Images Helper Classes */
   
   .img-align-left { 
       float: left;
       margin: 5px 10px 0 0;  
   }
   
   .img-align-right { 
       float: right;
       margin: 5px 0 0 10px; 
   }

/* #Tables
  ========================================================================== */

   table { 
       width: 100%;
       margin-bottom: 20px; 
       border-collapse: collapse; 
       border-spacing: 0; 
       background-color: transparent; 
   }
   
   caption { 
       margin: 20px 0;
       text-align: center; 
   }

   table th, 
   table td {
       padding: 15px 8px; 
       border-top: 1px solid #acacac;
       text-align: center;
       vertical-align: top; 
   }
   
   table th { 
       border-top: none;
       background-color:  rgb(34,132,198);;
       color: #fff;
       font-size: 16px;
       font-weight: 700;
   }
   
   table thead th { vertical-align: bottom; }
   
/* #Forms
  ========================================================================== */

   form {}
   
   fieldset {}
   
   form p {}
   
   label {
       display: block;
       margin-bottom: 5px;
   }

   label span { color: #ff0000; }
   
   select,
   button,
   input[type="button"],
   input[type="reset"],
   input[type="submit"],
   input[type="radio"],
   input[type="checkbox"] { cursor: pointer; }
   
   /*
    * 1. stop safari from overwriting input styles
    */	
   
   input,
   textarea,
   select {
       -webkit-appearance: none; /* 1 */
       display: block;		
       max-width: 100%;
       -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
               box-sizing: border-box;
       padding: 10px;
       border: 1px solid #acacac;
        -webkit-border-radius: 0px;
                border-radius: 0px;
       margin-bottom: 10px;
       background: transparent;
       color: #666;
       font: 12px 'Open Sans', Arial, sans-serif;		 
   }
   
   input[type="text"]:focus,
   input[type="email"]:focus,
   input[type="url"]:focus,
   textarea:focus {
       border-color: #888;
       outline: 0;	
   }
   
   select { 
       height: 40px;
       border-radius: 5px;
   }
   
   select:focus {
     outline: thin dotted #333;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
   }
   
   textarea { 
       min-height: 100px; 
       overflow: auto; 
   }

   .radio,
   .checkbox {
       min-height: 18px;
       padding-left: 18px;
   }
   
   .radio input[type="radio"],
   .checkbox input[type="checkbox"] {
       float: left;
       margin-left: -18px;
   }
   
   input:-moz-placeholder,
   textarea:-moz-placeholder {
       color: #ccc;
   }
   
   input:-ms-input-placeholder,
   textarea:-ms-input-placeholder {
       color: #ccc;
   }
   
   input::-webkit-input-placeholder,
   textarea::-webkit-input-placeholder {
       color: #ccc;
   }

/* #Misc
  ========================================================================== */
  
  .javascript-required {
       padding: 15px 0;
       background-color: #f00;
       color: #fff;
       text-align:center;
       font-weight: bold;
   }



   @media(max-width:767px){
    .carousel-item {
        height: auto !important;
    }
    .layer{
        position: static !important;
    }
    .slider2 h1 {
        font-size: 1.5rem !important;
    }
    .slider1 h1 {
        font-size: 1.5rem !important;
    }
    .cr-f{
        margin-top:0px !important;
        margin-left:10px !important;
    }
    .icon-box-2 {
    
        width: auto !important;
   }
   .service-box{
       flex-direction: column;
   }
   .icon-box-2 .icon-box-content {
    padding: 24px;
    }
.prices h1{
    font-size: 1.7rem !important;
    }
    
    .table-bordered td {
        border: 1px solid rgb(218, 213, 213) !important;
    }
    .commu h1{
font-size: 1.5rem !important;
    }













   }