/*!
Theme Name: RG&t
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rgt
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

RG&t is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap');
@font-face {
    font-family: 'Arial';
    src: url('assets/fonts/Arial-BoldItalicMT.eot');
    src: url('assets/fonts/Arial-BoldItalicMT.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Arial-BoldItalicMT.woff2') format('woff2'),
        url('assets/fonts/Arial-BoldItalicMT.woff') format('woff'),
        url('assets/fonts/Arial-BoldItalicMT.ttf') format('truetype'),
        url('assets/fonts/Arial-BoldItalicMT.svg#Arial-BoldItalicMT') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('assets/fonts/ArialMT.eot');
    src: url('assets/fonts/ArialMT.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/ArialMT.woff2') format('woff2'),
        url('assets/fonts/ArialMT.woff') format('woff'),
        url('assets/fonts/ArialMT.ttf') format('truetype'),
        url('assets/fonts/ArialMT.svg#ArialMT') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial CE';
    src: url('assets/fonts/ArialCE-BoldItalic.eot');
    src: url('assets/fonts/ArialCE-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/ArialCE-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/ArialCE-BoldItalic.woff') format('woff'),
        url('assets/fonts/ArialCE-BoldItalic.ttf') format('truetype'),
        url('assets/fonts/ArialCE-BoldItalic.svg#ArialCE-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('assets/fonts/Arial-BoldMT.eot');
    src: url('assets/fonts/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Arial-BoldMT.woff2') format('woff2'),
        url('assets/fonts/Arial-BoldMT.woff') format('woff'),
        url('assets/fonts/Arial-BoldMT.ttf') format('truetype'),
        url('assets/fonts/Arial-BoldMT.svg#Arial-BoldMT') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial CE';
    src: url('assets/fonts/ArialCE.eot');
    src: url('assets/fonts/ArialCE.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/ArialCE.woff2') format('woff2'),
        url('assets/fonts/ArialCE.woff') format('woff'),
        url('assets/fonts/ArialCE.ttf') format('truetype'),
        url('assets/fonts/ArialCE.svg#ArialCE') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial CE';
    src: url('assets/fonts/ArialCE-Italic.eot');
    src: url('assets/fonts/ArialCE-Italic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/ArialCE-Italic.woff2') format('woff2'),
        url('assets/fonts/ArialCE-Italic.woff') format('woff'),
        url('assets/fonts/ArialCE-Italic.ttf') format('truetype'),
        url('assets/fonts/ArialCE-Italic.svg#ArialCE-Italic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('assets/fonts/3f380a53-50ea-4a62-95c5-d5d8dba03ab8.woff2') format("woff2"),url('assets/fonts/8344e877-560d-44d4-82eb-9822766676f9.woff') format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('assets/fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2') format("woff2"),url('assets/fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff') format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('assets/fonts/49c5f3e1-5867-4b1d-a843-2d07fa60d85d.woff2') format("woff2"),url('assets/fonts/f401df6f-54eb-406c-b46a-90b9451c598d.woff') format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('assets/fonts/AvenirNext-UltraLightItalic.eot');
    src: url('assets/fonts/AvenirNext-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AvenirNext-UltraLightItalic.woff2') format('woff2'),
        url('assets/fonts/AvenirNext-UltraLightItalic.woff') format('woff'),
        url('assets/fonts/AvenirNext-UltraLightItalic.ttf') format('truetype'),
        url('assets/fonts/AvenirNext-UltraLightItalic.svg#AvenirNext-UltraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('assets/fonts/AvenirNext-BoldItalic.eot');
    src: url('assets/fonts/AvenirNext-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AvenirNext-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/AvenirNext-BoldItalic.woff') format('woff'),
        url('assets/fonts/AvenirNext-BoldItalic.ttf') format('truetype'),
        url('assets/fonts/AvenirNext-BoldItalic.svg#AvenirNext-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next'; 
    src: url('assets/fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2') format("woff2"),url('assets/fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff') format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('assets/fonts/14c73713-e4df-4dba-933b-057feeac8dd1.woff2') format("woff2"),url('assets/fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff') format("woff"); 
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('assets/fonts/AvenirNext-DemiBoldItalic.eot');
    src: url('assets/fonts/AvenirNext-DemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AvenirNext-DemiBoldItalic.woff2') format('woff2'),
        url('assets/fonts/AvenirNext-DemiBoldItalic.woff') format('woff'),
        url('assets/fonts/AvenirNext-DemiBoldItalic.ttf') format('truetype'),
        url('assets/fonts/AvenirNext-DemiBoldItalic.svg#AvenirNext-DemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('assets/fonts/AvenirNext-HeavyItalic.eot');
    src: url('assets/fonts/AvenirNext-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AvenirNext-HeavyItalic.woff2') format('woff2'),
        url('assets/fonts/AvenirNext-HeavyItalic.woff') format('woff'),
        url('assets/fonts/AvenirNext-HeavyItalic.ttf') format('truetype'),
        url('assets/fonts/AvenirNext-HeavyItalic.svg#AvenirNext-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('assets/fonts/7377dbe6-f11a-4a05-b33c-bc8ce1f60f84.woff2') format("woff2"),url('assets/fonts/92b66dbd-4201-4ac2-a605-4d4ffc8705cc.woff') format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('assets/fonts/AvenirNext-Heavy.eot');
    src: url('assets/fonts/AvenirNext-Heavy.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AvenirNext-Heavy.woff2') format('woff2'),
        url('assets/fonts/AvenirNext-Heavy.woff') format('woff'),
        url('assets/fonts/AvenirNext-Heavy.ttf') format('truetype'),
        url('assets/fonts/AvenirNext-Heavy.svg#AvenirNext-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
} 
@font-face { 
    font-family: 'Avenir Next';
    src: url('assets/fonts/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2') format("woff2"),url('assets/fonts/f26faddb-86cc-4477-a253-1e1287684336.woff') format("woff");   
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@charset "utf-8";
.container,
.container-fluid {width: 100%;max-width: 1316px;margin: auto;}

/* row and column */
.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
[class*="col-"]{padding-left: 15px;padding-right: 15px; position: relative;width: 100%;}
.no-gutters {margin-right: 0;margin-left: 0;}
.no-gutters > [class*="col-"] {padding-right: 0;padding-left: 0;}

/* align item */
.d-flex { display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; }
.align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center ;}
.align-content-center {-ms-flex-line-pack: center;align-content: center;}
.align-items-end {-ms-flex-align: end ;align-items: flex-end ;}
.justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}

/* column structure */
/* ----- Extra small devices ≤640px ----- */
.col-12 {width: 100%}
.col-11 {width: 91.66666667%}
.col-10 {width: 83.33333333%}
.col-9 {width: 75%}
.col-8 {width: 66.66666667%}
.col-7 {width: 58.33333333%}
.col-6 {width: 50%}
.col-5 {width: 41.66666667%}
.col-4 {width: 33.33333333%}
.col-3 {width: 25%}
.col-2 {width: 16.66666667%}
.col-1 {width: 8.33333333%}
.col-offset-12 {margin-left: 100%}
.col-offset-11 {margin-left: 91.66666667%}
.col-offset-10 {margin-left: 83.33333333%}
.col-offset-9 {margin-left: 75%}
.col-offset-8 {margin-left: 66.66666667%}
.col-offset-7 {margin-left: 58.33333333%}
.col-offset-6 {margin-left: 50%}
.col-offset-5 {margin-left: 41.66666667%}
.col-offset-4 {margin-left: 33.33333333%}
.col-offset-3 {margin-left: 25%}
.col-offset-2 {margin-left: 16.66666667%}
.col-offset-1 {margin-left: 8.33333333%}
.col-offset-0 {margin-left: 0}

/* ----- Small devices ≥641px ----- */
@media (min-width:641px) {
    .col-sm-12 {width: 100%}
    .col-sm-11 {width: 91.66666667%}
    .col-sm-10 {width: 83.33333333%}
    .col-sm-9 {width: 75%}
    .col-sm-8 {width: 66.66666667%}
    .col-sm-7 {width: 58.33333333%}
    .col-sm-6 {width: 50%}
    .col-sm-5 {width: 41.66666667%}
    .col-sm-4 {width: 33.33333333%}
    .col-sm-3 {width: 25%}
    .col-sm-2 {width: 16.66666667%}
    .col-sm-1 {width: 8.33333333%}
    .col-sm-offset-12 {margin-left: 100%}
    .col-sm-offset-11 {margin-left: 91.66666667%}
    .col-sm-offset-10 {margin-left: 83.33333333%}
    .col-sm-offset-9 {margin-left: 75%}
    .col-sm-offset-8 {margin-left: 66.66666667%}
    .col-sm-offset-7 {margin-left: 58.33333333%}
    .col-sm-offset-6 {margin-left: 50%}
    .col-sm-offset-5 {margin-left: 41.66666667%}
    .col-sm-offset-4 {margin-left: 33.33333333%}
    .col-sm-offset-3 {margin-left: 25%}
    .col-sm-offset-2 {margin-left: 16.66666667%}
    .col-sm-offset-1 {margin-left: 8.33333333%}
    .col-sm-offset-0 {margin-left: 0}
}

/* ----- Medium devices ≥768px ----- */
@media (min-width:768px) {
    .col-md-12 {width: 100%}
    .col-md-11 {width: 91.66666667%}
    .col-md-10 {width: 83.33333333%}
    .col-md-9 {width: 75%}
    .col-md-8 {width: 66.66666667%}
    .col-md-7 {width: 58.33333333%}
    .col-md-6 {width: 50%}
    .col-md-5 {width: 41.66666667%}
    .col-md-4 {width: 33.33333333%}
    .col-md-3 {width: 25%}
    .col-md-2 {width: 16.66666667%}
    .col-md-1 {width: 8.33333333%}
    .col-md-offset-12 {margin-left: 100%}
    .col-md-offset-11 {margin-left: 91.66666667%}
    .col-md-offset-10 {margin-left: 83.33333333%}
    .col-md-offset-9 {margin-left: 75%}
    .col-md-offset-8 {margin-left: 66.66666667%}
    .col-md-offset-7 {margin-left: 58.33333333%}
    .col-md-offset-6 {margin-left: 50%}
    .col-md-offset-5 {margin-left: 41.66666667%}
    .col-md-offset-4 {margin-left: 33.33333333%}
    .col-md-offset-3 {margin-left: 25%}
    .col-md-offset-2 {margin-left: 16.66666667%}
    .col-md-offset-1 {margin-left: 8.33333333%}
    .col-md-offset-0 {margin-left: 0}   
}

/* ----- Large devices ≥1024px ----- */
@media (min-width:1024px) {
    .col-lg-12 {width: 100%}
    .col-lg-11 {width: 91.66666667%}
    .col-lg-10 {width: 83.33333333%}
    .col-lg-9 {width: 75%}
    .col-lg-8 {width: 66.66666667%}
    .col-lg-7 {width: 58.33333333%}
    .col-lg-6 {width: 50%}
    .col-lg-5 {width: 41.66666667%}
    .col-lg-4 {width: 33.33333333%}
    .col-lg-3 {width: 25%}
    .col-lg-2 {width: 16.66666667%}
    .col-lg-1 {width: 8.33333333%}
    .col-lg-offset-12 {margin-left: 100%}
    .col-lg-offset-11 {margin-left: 91.66666667%}
    .col-lg-offset-10 {margin-left: 83.33333333%}
    .col-lg-offset-9 {margin-left: 75%}
    .col-lg-offset-8 {margin-left: 66.66666667%}
    .col-lg-offset-7 {margin-left: 58.33333333%}
    .col-lg-offset-6 {margin-left: 50%}
    .col-lg-offset-5 {margin-left: 41.66666667%}
    .col-lg-offset-4 {margin-left: 33.33333333%}
    .col-lg-offset-3 {margin-left: 25%}
    .col-lg-offset-2 {margin-left: 16.66666667%}
    .col-lg-offset-1 {margin-left: 8.33333333%}
    .col-lg-offset-0 {margin-left: 0}
}

/* ----- Extra Large devices ≥1200px ----- */
@media (min-width:1200px) {
    .col-xl-12 {width: 100%}
    .col-xl-11 {width: 91.66666667%}
    .col-xl-10 {width: 83.33333333%}
    .col-xl-9 {width: 75%}
    .col-xl-8 {width: 66.66666667%}
    .col-xl-7 {width: 58.33333333%}
    .col-xl-6 {width: 50%}
    .col-xl-5 {width: 41.66666667%}
    .col-xl-4 {width: 33.33333333%}
    .col-xl-3 {width: 25%}
    .col-xl-2 {width: 16.66666667%}
    .col-xl-1 {width: 8.33333333%}
    .col-xl-offset-12 {margin-left: 100%}
    .col-xl-offset-11 {margin-left: 91.66666667%}
    .col-xl-offset-10 {margin-left: 83.33333333%}
    .col-xl-offset-9 {margin-left: 75%}
    .col-xl-offset-8 {margin-left: 66.66666667%}
    .col-xl-offset-7 {margin-left: 58.33333333%}
    .col-xl-offset-6 {margin-left: 50%}
    .col-xl-offset-5 {margin-left: 41.66666667%}
    .col-xl-offset-4 {margin-left: 33.33333333%}
    .col-xl-offset-3 {margin-left: 25%}
    .col-xl-offset-2 {margin-left: 16.66666667%}
    .col-xl-offset-1 {margin-left: 8.33333333%}
    .col-xl-offset-0 {margin-left: 0}
}

/* hidden element */
.hidden{ display: none ; }



/* Wordpress align class */
.alignnone{float: none; margin: 20px 0;}
.aligncenter {display: block; clear:both; margin:20px auto;}
.alignleft {float: left; margin: 0 20px 20px 0; }
.alignright {float: right; margin: 0 0 20px 20px;}

/* text alignment */
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-justify{text-align: justify;}

/* images */
.img-fluid {max-width: 100%;height: auto;display: block;}
.img-full{width: 100%;display: block;}

/* float class */
.float-left{float:left}
.float-right{float:right}
.float-none{float:none}

/* mange spacing */
.space-small{ padding-top: 30px; padding-bottom: 30px; }
.space-medium { padding-top: 50px; padding-bottom: 50px; }
.space-large { padding-top: 70px; padding-bottom: 70px; }
.no-bdr{border-width: 0 }

/* padding */
.no-padding{padding: 0 ;}
.pt-0{padding-top: 0;}
.pb-0{padding-bottom: 0;}
.pl-0{padding-left: 0;}
.pr-0{padding-right: 0;}
.pt-1{padding-top: 20px;}
.pb-1{padding-bottom: 20px;}
.pl-1{padding-left: 20px;}
.pr-1{padding-right: 20px;}

/* margin */
.no-margin{margin: 0 ;}
.mt-0{margin-top: 0;}
.mb-0{margin-bottom: 0;}
.ml-0{margin-left: 0;}
.mr-0{margin-right: 0;}
.mt-1{margin-top: 20px;}
.mb-1{margin-bottom: 20px;}
.ml-1{margin-left: 20px;}
.mr-1{margin-right: 20px;}

/* clear element when using */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }

*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ font-size: 18px;font-weight: 400;font-style: normal;letter-spacing: normal; font-family: 'Avenir Next', serif; background-color: #fff;display: flex;flex-wrap: wrap;}
ul > li, p {font-size: 18px;font-weight: 400;font-style: normal;letter-spacing: normal; color: #76797a;line-height: 1.4em;}
.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {color: #333333; font-weight: 700;font-family: "Vollkorn", serif;}

.h1, h1 {font-size: 72px;font-style: normal;letter-spacing: normal;line-height: normal;}
.h2, h2 {font-size: 42px;font-style: normal;letter-spacing: normal;line-height: normal}
.h3, h3 {font-size: 35px;font-style: normal;letter-spacing: normal;line-height: normal}
.h4, h4 {font-size: 23px;font-style: normal;letter-spacing: normal;line-height: normal}
.h5, h5 {font-size:26px; font-style: normal;letter-spacing: normal;line-height: normal}
.h6, h6 {font-size:18px; font-style: normal;letter-spacing: normal;line-height: normal}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;}

p:last-child { margin-bottom:0; }
ul{ margin:0;margin-left: 20px; padding:0; }
ul li{ margin-bottom: 8px; }
ul li:last-child{margin-bottom: 0;}
ul > li { list-style:outside disc; }

ol{ margin:0;margin-left: 20px; padding:0; list-style: none; }
ol li{padding: 0;margin-bottom: 8px;  }
ol > li { list-style: outside decimal; }

blockquote {font-size: 32px;line-height: 48px;color: #343434;font-weight: 600;border-left: 5px solid #0082ff;padding-left: 40px;margin-bottom: 42px;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit;padding-bottom: 0 ; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;}

img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}

/* 4. Link
------------------------------------------------------------------------------*/
a{ color:#4777ac; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
a:hover{text-decoration: none; }
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
label {color:#000; margin-bottom:10px; display: block;}
input, 
textarea, 
button { font-family: 'Avenir Next', sans-serif;}
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {-webkit-appearance: none; outline: none;}

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="search"],
input[type="number"],
textarea { border:1px solid #dedede; padding:0 15px; color:#000; width: 100%;}

textarea{ height:150px; resize:none; overflow: auto; padding: 20px 15px; }

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {border-color: #66afe9}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer; background-color: #cbcbcb; padding: 0 15px; height: 40px; display: inline-block; vertical-align: top; font-size: 14px; font-weight: 600; line-height: 1.52857143; text-align: center; border: none; text-transform: uppercase; border-radius: 0px; color: #fff; background-color: #0eb769; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {background-color: #66afe9; color: #fff;}

input[type="search"] {-webkit-appearance: textfield;}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

::-webkit-input-placeholder { opacity: 1 !important; color: #000; }
:-moz-placeholder { opacity: 1 !important; color: #000; }
::-moz-placeholder { opacity: 1 !important; color: #000; }
:-ms-input-placeholder { opacity: 1 !important; color: #000; }

.form-group {margin-bottom: 30px;}

/* buttons */
.btn,
.gform_wrapper.gravity-theme .cmn-signup-form .gform_footer button, .gform_wrapper.gravity-theme .cmn-signup-form .gform_footer input, .gform_wrapper.gravity-theme .cmn-signup-form .gform_page_footer button, .gform_wrapper.gravity-theme .cmn-signup-form .gform_page_footer input,.btn-15  
{ color: #333333;
    font-family: 'Avenir Next', serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    background: #fff;
    padding: 17px 63px 17px 33px;
    display: inline-block;
    position: relative;
}

.btn:hover,
.btn:focus,
.gform_wrapper.gravity-theme .cmn-signup-form .gform_footer button:hover, .gform_wrapper.gravity-theme .cmn-signup-form .gform_footer input:hover, .gform_wrapper.gravity-theme .cmn-signup-form .gform_page_footer button:hover, .gform_wrapper.gravity-theme .cmn-signup-form .gform_page_footer input,.btn-15:hover { background: #064276;
    color: #fff;
    text-decoration: none;}
.btn:hover :after{color: #fff;}    
.btn-sm {padding: 8px 16px; }
.btn-md {padding: 12px 24px;}
.btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #98989c; margin-bottom: 2px; }
.btn-link:hover,
.btn-link:focus{ color: #0eb769; font-weight: 700; text-decoration: none; border-bottom: 1px solid #0eb769; }
.second-btn {color: #064276;text-decoration: none;position: relative;width: fit-content;}
.btn:after {
    content: "";
    position: absolute;
    right: 0px;
    font-size: 22px;
    top: 2px;
    background-image: url(./assets/image/Arrow.png);
    width: 61px;
    height: 51px;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.blue-btn {
    color: #ffffff;
    font-family: 'Avenir Next', serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    background-color: #064276;
    padding: 17px 63px 17px 33px;
    display: inline-block;
    position: relative;
}
.blue-btn:after {
    content: "";
    position: absolute;
    right: 0px;
    font-size: 22px;
    top: 2px;
    background-image: url(./assets/image/white-arrow.png);
    width: 61px;
    height: 51px;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.blue-btn:hover {
    background-color: #3EA750;
}
.green-btn{background-color: #3EA750;width: fit-content;}
.green-btn:hover {
    background-color: #064276;
}
/* a:visited {
    color: #064276;
} */
.second-btn:hover {color: #333333;text-decoration: none;}
.second-btn:before {
    content: "\279C";
    width: 28px;
    height: 28px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    font-size: 19px;
    color: #064276;
    align-items: center;
    position: absolute;
    right: -30px;
    top: -3px;
}
.full-border{height: 6px;background: linear-gradient(to right, #333333 16.66%, #064276 16.66% 33.32%, #3EA750 33.32% 49.980000000000004%, #333333 49.980000000000004% 66.64%, #064276 66.64% 83.3%, #3EA750 83.3%);}
.full-border-banner{height: 6px;background: linear-gradient(to right, #b0b3af 16.66%, #064276 16.66% 33.32%, #3EA750 33.32% 49.980000000000004%, #b0b3af 49.980000000000004% 66.64%, #064276 66.64% 83.3%, #3EA750 83.3%);}
.three-color-border{height: 6px;background: linear-gradient( to right, #b0b3af 0 33.33%, #064276 33.33% 66.66%, #3EA750 66.66% 100% );}
.second-btn:hover::before {background: none;}

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
.table-bordered{width: 100%;max-width: 100%;text-align: left;}
.table-bordered th, 
.table-bordered td{ vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {width: 100%;display: flex;min-height: 100%;position: relative;flex-wrap: wrap;background-color: #fff;justify-content: space-between;align-content: space-between;}
.body-content ul, 
.body-content ol{margin-bottom: 20px;}
.body-content ul ul, 
.body-content ul ol,
.body-content ol ol,
.body-content ol ul{margin-bottom: 0;}

/* header */
.main-header { width:100%; height:auto;}

/* responsive nav for small devices */
.hamburger{padding: 0;margin: 0;height: auto;width: auto; text-align: center;background-color: transparent}
.hamburger:not(.close){position: absolute;top: 23px;right: 30px;z-index: 99;}
.hamburger:hover, 
.hamburger:focus{background-color: transparent;outline: none;}
.hamburger .line{width: 30px; height: 4px; background-color: #064276; display: block; margin: 6px auto;}
.hamburger:hover{cursor: pointer;}
.hamburger.close{padding: 10px;}
.hamburger.close .wrap{ position: relative;width: 30px;height: 30px;display: block;}
.hamburger.close .line{margin: 0; width: 100%; position: absolute; top: calc(50% - 2px); transform: rotate(45deg); background-color: #000}
.hamburger.close .line:last-child{transform: rotate(-45deg);}
#menu{position: fixed; top: 0; left: -100%; width: 80%; height: 100%; background-color: #e6e9ec; max-width: 450px; transition: all 0.3s ease-in-out; z-index: 999;}
#mobilenav.is-open #menu{left: 0;}
#mobilenav .nav-logo{padding: 15px;}
#mobilenav ul,
#mobilenav li{padding: 0;margin: 0;list-style: none;position: relative;}
#mobilenav ul ul{display: none;}
#mobilenav .caret{display: block;width: 36px;height: 36px;position: absolute;top: 3px;right: 2px;cursor: pointer;}
#mobilenav .caret:not(.trigger-caret){pointer-events: none;}
#mobilenav .caret:before,
#mobilenav .caret:after{content:'';position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;margin: auto; width: 20px;height: 2px;background: #fff;}
#mobilenav .caret:after{transform: rotate(-90deg);transition: all .2s ease;}
#mobilenav .is-open > .caret:after{transform: rotate(0)}
#mobilenav ul a {display: block; padding: 10px 15px; cursor: pointer; z-index: 2; font-size: 16px; text-decoration: none; color: #333333; background: #e6e9ec; border-bottom: 1px solid #333333;}
#mobilenav .has-sub>a{padding-right: 40px;}
#mobilenav li li a { padding-left: 30px; font-size: 14px;text-decoration: none;color: #dddddd;background: #49505a; }
#mobilenav li li li a {padding-left: 50px;}
#mobilenav .nav-backdrop{ left: 0;right: 0;top: 0;bottom: 0;position: fixed;height: 100%;width: 100%;background: rgba(0,0,0,0.8);z-index: -1;opacity: 0;visibility: hidden;transition: all 0.4s ease-in;}
#mobilenav.is-open .nav-backdrop{ opacity: 1;z-index: 999;visibility: visible;}
#mobilenav .menu-outer{max-height: calc(100vh - 80px);overflow-y: auto;padding-bottom: 60px;}

/* nav */
.navigation { width:100%; height:auto; }
.navigation ul{ padding: 0; margin: 0; list-style: none; }
.navigation ul li{ padding: 0; margin: 0; list-style: none; }

/* Common css */
.w-font{color: #fff;}