/*
* Theme Name: Responsive CSS3 
* Description: Responsive and clean layout
* Author URI:  http://www.314100.com/
* Copyright (c) 2020 Jiashan Panoramic Technology Co.,Ltd.
* Version: 2.0
*/


/*  01. Reset & Basics 
-------------------------------------------------*/
   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; zooom:1; }
    
   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; }
   
   
/*  02. Basic Styles
-------------------------------------------------*/
	body { background-color:#fff; width:100%; height:100%; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
	body, h1, h2, h3, h4, h5, h6, p, input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea, select, button { font-family:'OpenSans-Regular', Verdana, Geneva, sans-serif; color:#444; font-size:.875rem;  }
    
    
/*  03. Basic Alginment
-------------------------------------------------*/
   img, object, video { height: auto; display:block; }
   img { width:100%; border: 0; -ms-interpolation-mode: bicubic; }
   
   
/*  04. Typography
-------------------------------------------------*/
   h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; color: #232a34; -ms-word-wrap: break-word; word-wrap: break-word; }
   h1 { font-size: 1.8em; margin: 0.67em 0; }
   h2 { font-size: 1.8em; margin: 1em 0;  text-transform: uppercase; letter-spacing:4px;  font-weight: 600; color:#191919;}
   h3 { font-size: 1.8em; margin: 0; letter-spacing: 1px; line-height: 2em; font-family: 'dosis-light', Helvetica, sans-serif; }
   h4 { font-size: 16px; line-height:24px;font-weight: 600; }
   h5 { font-size: 14px; margin: 1.67em 0; }
   h6 { font-size: 12px; margin: 2.33em 0; }
   p { font-size: 14px;  line-height:22px; letter-spacing:.5px;}
   abbr, strong, b { color: #21252b; font-weight: 600; }
   abbr[title] { border-bottom: 1px dotted; }
   blockquote { margin: 1em 40px; }
   hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
   p, pre { margin: 1em 0; }
   pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
   small { font-size: 80%; }
   em { font-style: italic; }
   sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
   sup { top: -0.5em; }
   sub { bottom: -0.25em; }

   .pt-font-size-11px { font-size:12px; }
   .pt-font-size-12px { font-size:12px; }
   .pt-font-size-14px { font-size:14px; line-height:24px;}
   .pt-font-size-16px { font-size:16px; line-height:26px; }
   .pt-font-size-18px { font-size:18px; line-height:32px; }
   .pt-font-size-20px { font-size:20px; line-height:20px; }
   .pt-font-size-24px { font-size:24px; line-height:36px; }
   .pt-font-size-32px { font-size:32px; line-height:32px;}
   .pt-font-size-38px { font-size:38px; line-height:38px; }
   .pt-font-size-48px { font-size:48px; line-height:48px; }
   .pt-font-size-70px { font-size:70px; line-height:70px; }
   
 @media (max-width: 480px) {
     .pt-font-size-38px { font-size:28px; line-height:38px;}
	 .pt-font-size-48px { font-size:28px; line-height:38px;}
	 h2 {font-size:28px; }
}

   
/* 05. Links
-------------------------------------------------*/
   a { padding: 0; -webkit-transition: color 0.1s ease-in-out, border 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out, border 0.1s ease-in-out; -ms-transition: color 0.1s ease-in-out, border 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out, border 0.1s ease-in-out; transition: color 0.1s ease-in-out, border 0.1s ease-in-out; text-decoration: none;  }
   a:hover { text-decoration: none; outline: 0;}
   a:focus {  outline: 0; text-decoration: none; }
   
   a:link, a:active, a:hover, a:focus { outline: none; text-decoration: none;  }
   *:focus { outline: none; }
  
   a { padding: 0; -webkit-transition: color 0.1s ease-in-out, border 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out, border 0.1s ease-in-out; -ms-transition: color 0.1s ease-in-out, border 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out, border 0.1s ease-in-out; transition: color 0.1s ease-in-out, border 0.1s ease-in-out; text-decoration: none; }
   a:hover { text-decoration: none; }

   a { color:#222; }
   a:hover { color:#339626; }


/*	07. Misc
-------------------------------------------------*/
   /* Margin bottom */
   .pt-mb-3px { margin-bottom: 3px !important; }
   .pt-mb-5px { margin-bottom: 5px !important; }
   .pt-mb-7px { margin-bottom: 7px !important; }
   .pt-mb-10px { margin-bottom: 10px !important; }
   .pt-mb-12px { margin-bottom: 12px !important; }
   .pt-mb-15px { margin-bottom: 15px !important; }
   .pt-mb-20px { margin-bottom: 20px !important; }
   .pt-mb-25px { margin-bottom: 25px !important; }
   .pt-mb-30px { margin-bottom: 30px !important; }
   .pt-mb-35px { margin-bottom: 35px !important; }
   .pt-mb-40px { margin-bottom: 40px !important; }
   .pt-mb-45px { margin-bottom: 45px !important; }
   .pt-mb-50px { margin-bottom: 50px !important; }
   .pt-mb-55px { margin-bottom: 55px !important; }
   .pt-mb-60px { margin-bottom: 60px !important; }
   .pt-mb-65px { margin-bottom: 65px !important; }
   .pt-mb-70px { margin-bottom: 70px !important; }
   .pt-mb-100px { margin-bottom: 100px !important; }
   .pt-mb-150px { margin-bottom: 150px !important; }
   .pt-remove-bottom { margin-bottom: 0 !important; }
   .pt-mt--100px { margin-top: -120px !important; }
   
   
   /* Margin top */
   .pt-mt-3px { margin-top: 3px !important; }
   .pt-mt-5px { margin-top: 5px !important; }
   .pt-mt-7px { margin-top: 7px !important; }
   .pt-mt-10px { margin-top: 10px !important; }
   .pt-mt-12px { margin-top: 12px !important; }
   .pt-mt-15px { margin-top: 15px !important; }
   .pt-mt-20px { margin-top: 20px !important; }
   .pt-mt-25px { margin-top: 25px !important; }
   .pt-mt-30px { margin-top: 30px !important; }
   .pt-mt-35px { margin-top: 35px !important; }
   .pt-mt-40px { margin-top: 40px !important; }
   .pt-mt-45px { margin-top: 45px !important; }
   .pt-mt-50px { margin-top: 50px !important; }
   .pt-mt-55px { margin-top: 55px !important; }
   .pt-mt-60px { margin-top: 60px !important; }
   .pt-mt-65px { margin-top: 65px !important; }
   .pt-mt-70px { margin-top: 70px !important; }
   .pt-mt-80px { margin-top: 80px !important; }
   .pt-mt-100px { margin-top: 100px !important; }
   .pt-mt-150px { margin-top: 150px !important; }
   .pt-remove-top { margin-top: 0 !important; }
   


  .container {
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}


.btn-primary {
  background: #323232;
  border: none;
  font-size: 14px;
  padding: 0 25px;
  line-height: 40px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  -webkit-border-radius: 20px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius:  20px;
  color: #ffffff;
}

.btn-primary:hover {
  color: #ffffff;
  background:#339626;
}