body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    overflow-x: hidden;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Roboto';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;

}

/*--------------------------
 01 opens sans
 02 Roboto
 03 playfair display
----------------------------*/

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 28, 2021 */

@font-face {
  font-family: 'open_sansbold';
  src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
  url('../fonts/opensans-bold-webfont.woff') format('woff');
  font-weight: normal;  font-style: normal;}

@font-face {
  font-family: 'open_sansbold_italic';
  src: url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
  url('../fonts/opensans-bolditalic-webfont.woff') format('woff');
 font-weight: normal; font-style: normal;}

@font-face {
  font-family: 'open_sansextrabold';
  src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
  url('../fonts/opensans-extrabold-webfont.woff') format('woff');
  font-weight: normal;font-style: normal;}

@font-face {
  font-family: 'open_sanslight';
  src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
  url('../fonts/opensans-light-webfont.woff') format('woff');
  font-weight: normal;font-style: normal;}

@font-face {
  font-family: 'open_sansregular';
  src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
  url('../fonts/opensans-regular-webfont.woff') format('woff');
  font-weight: normal; font-style: normal;}

@font-face {
  font-family: 'open_sanssemibold';
  src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
  url('../fonts/opensans-semibold-webfont.woff') format('woff');
  font-weight: normal;font-style: normal;}

@font-face {
  font-family: 'open_sanssemibold_italic';
  src: url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
 url('../fonts/opensans-semibolditalic-webfont.woff') format('woff');
  font-weight: normal; font-style: normal;}

@font-face {
  font-family: 'open_sansbold';
  src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
  url('../fonts/opensans-bold-webfont.woff') format('woff');
  font-weight: normal;font-style: normal;}

@font-face {
  font-family: 'open_sansbold_italic';
  src: url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
  url('../fonts/opensans-bolditalic-webfont.woff') format('woff');
  font-weight: normal; font-style: normal;}

/* playfair display fonts */
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-Black.woff') format('woff'),
  url('../fonts/PlayfairDisplay-Black.ttf') format('truetype');
  font-weight: 900;font-style: normal;font-display: swap;}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-BoldItalic.woff') format('woff'),
  url('../fonts/PlayfairDisplay-BoldItalic.ttf') format('truetype');
  font-weight: bold;font-style: italic;font-display: swap;}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-ExtraBoldItalic.woff') format('woff'),
  url('../fonts/PlayfairDisplay-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;font-style: italic;font-display: swap;}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-BlackItalic.woff') format('woff'),
  url('../fonts/PlayfairDisplay-BlackItalic.ttf') format('truetype');
  font-weight: 900;font-style: italic;font-display: swap;}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-Bold.woff') format('woff'),
  url('../fonts/PlayfairDisplay-Bold.ttf') format('truetype');
  font-weight: bold; font-style: normal; font-display: swap;}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-ExtraBold.woff') format('woff'),
  url('../fonts/PlayfairDisplay-ExtraBold.ttf') format('truetype');
  font-weight: 800;font-style: normal;font-display: swap;}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-Regular.woff') format('woff'),
  url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype');
  font-weight: normal;font-style: normal;font-display: swap;}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-Medium.woff') format('woff'),
  url('../fonts/PlayfairDisplay-Medium.ttf') format('truetype');
  font-weight: 500;font-style: normal;font-display: swap;}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-MediumItalic.woff') format('woff'),
  url('../fonts/PlayfairDisplay-MediumItalic.ttf') format('truetype');
  font-weight: 500;font-style: italic;font-display: swap;}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-Italic.woff') format('woff'),
  url('../fonts/PlayfairDisplay-Italic.ttf') format('truetype');
  font-weight: normal;font-style: italic;font-display: swap;}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-SemiBold.woff') format('woff'),
  url('../fonts/PlayfairDisplay-SemiBold.ttf') format('truetype');
  font-weight: 600;font-style: normal;font-display: swap;}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-SemiBoldItalic.woff') format('woff'),
  url('../fonts/PlayfairDisplay-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;font-style: italic;font-display: swap;}

/* Roboto fonts */

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.woff') format('woff'),
  url('../fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: bold;font-style: normal;font-display: swap;}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-BlackItalic.woff') format('woff'),
  url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
  font-weight: 900;font-style: italic;font-display: swap;}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Black.woff') format('woff'),
  url('../fonts/Roboto-Black.ttf') format('truetype');
  font-weight: 900;font-style: normal;font-display: swap;}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-BoldItalic.woff') format('woff'),
  url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
  font-weight: bold;font-style: italic;font-display: swap;}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Light.woff') format('woff'),
  url('../fonts/Roboto-Light.ttf') format('truetype');
  font-weight: 300;font-style: normal;font-display: swap;}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Italic.woff') format('woff'),
  url('../fonts/Roboto-Italic.ttf') format('truetype');
  font-weight: normal;font-style: italic;font-display: swap;}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-LightItalic.woff') format('woff'),
  url('../fonts/Roboto-LightItalic.ttf') format('truetype');
  font-weight: 300;font-style: italic;font-display: swap;}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.woff') format('woff'),
  url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;font-style: normal;font-display: swap;}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-ThinItalic.woff') format('woff'),
  url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
  font-weight: 100;font-style: italic;font-display: swap;}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Thin.woff') format('woff'),
  url('../fonts/Roboto-Thin.ttf') format('truetype');
  font-weight: 100;font-style: normal;font-display: swap;}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-MediumItalic.woff') format('woff'),
  url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
  font-weight: 500;font-style: italic;font-display: swap;}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.woff') format('woff'),
  url('../fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;font-style: normal;font-display: swap;}

article,aside,details,figcaption,
figure,footer,header,hgroup,
menu,nav,
section { display: block;}
a{transition: all 0.3s linear;}

/*========================
  form fill section
======================== */
textarea {height: 110px; resize: none; }
.form-control,select,
textarea,input[type="text"],input[type="email"],
input[type="password"] {border-radius: 0;box-shadow: none;-moz-box-shadow: none;
-webkit-appearance: none;-webkit-box-shadow: none;padding: 14px 15px;font-size: 16px;
height: auto;width: 100%;line-height: normal;color: #000;border:0px; border-bottom: 1px solid #ddd;
outline: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;
-o-appearance: none;appearance: none;}


.form-control:focus{color: #495057;
  background-color: #fff;
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.0em rgb(0 123 255 / 0%);}

input[type="submit"],
input[type="button"] {  cursor: pointer;  -webkit-appearance: none;}

::-webkit-input-placeholder {opacity: 1; }
::-moz-placeholder {opacity: 1; }
::-ms-placeholder {opacity: 1; }
::-o-input-placeholder {opacity: 1; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #fff !important;}

input::-moz-placeholder,
textarea::-moz-input-placeholder { color: #fff !important;}

input::-ms-placeholder,
textarea::-ms-input-placeholder {color: #fff !important;}

input::-o-input-placeholder,
textarea::-o-input-placeholder {color: #fff !important;}

/*-------------------------------------
         Typography 
-------------------------------------*/
h1, h2, h3, h4, h5, h6 { margin: 0px; font-family: 'Playfair Display';font-weight: 700;}
h6{font-size: 20px; }

h1 {font-size: 70px; margin-bottom: 25px;line-height: 1.1;}
h2 {font-size: 35px; margin-bottom: 25px; color: #000; }
h3 {font-size: 35px; margin-bottom: 25px; color: #000; }
h4{font-size: 25px; margin-bottom: 15px; }
h5{font-size: 25px;  margin-bottom: 30px;}
p {margin-bottom: 25px; line-height:1.5; font-size: 18px; color: #000; font-weight: 400;}
a{ color: #000; }

h5,h6{font-family: 'Roboto';}

.navbar,.navbar-right,.tel-section {-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;}
.section {padding:70px 0;}
.section h1, .section h2, .section h3 { line-height: 1.1; }

a img{ display: inline-block; vertical-align: middle;}
ul{padding-left: 0; margin-bottom: 0;}

.img-figure figure img,
.navbar-default .navbar-nav li:before,
a,.pull-right ,.nav-tabs>li>a {transition: all 0.3 ease; -webkit-transition: all 0.3 ease; -o-transition: all 0.3 ease; 
-moz-transition: all 0.3 ease; -ms-transition: all 0.3 ease; color: inherit; }

a {color: #76BE43; text-decoration: none; }
a:hover, a:focus {color: #76BE43; text-decoration: none; }
img { border: none; vertical-align: top; max-width: 100%; height: auto; }
img:focus {outline: none; }
.clear {clear: both; }

.site-header .navbar-brand{ padding: 8px 11px;transition: all 0.4s linear; width: 140px;}
.site-header .navbar-brand img{ transition: all 0.4s linear; width: 100%;}
.site-header .navbar-brand .logo02{display: none;}


/*----------- button --------------*/
.btn{ border:0px; transition: all 0.4s linear; 
display: inline-block;padding:16px 40px; font-size: 16px;color:#fff;border-radius: 0px;text-transform: uppercase;
-webkit-appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none; background-color: #fff; color: #000; 
-ms-appearance: none;appearance: none; position: relative; z-index: 3; overflow: hidden;   font-family: 'Roboto'; font-weight: 500;}
.btn:hover,.btn:focus{outline: none; box-shadow: 0px 0px 0px;}

.btn-link{color: #76BE43; text-transform: uppercase; font-size: 20px; display: inline-block; vertical-align: middle;}
.btn-link img{display: inline-block; vertical-align: sub; margin-right: 10px;}
.btn-link:hover, .btn-link:focus{color:#76BE43; text-decoration: none;}
.btn:hover{background-color: #76BE43; color: #fff;}

.nav>li>a:focus, .nav>li>a:hover {
  text-decoration: none; border: 0px;background-color: transparent;
  outline: 0px auto -webkit-focus-ring-color;outline-offset: 0px;}