@import url('https://fonts.googleapis.com/css?family=Open+Sans|Quicksand&display=swap');

html, body, div, span, applet, object,main, article, aside, header, footer, nav, section, hgroup, mark, time, caption, address, details, figure, figcaption, summary, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, button, input, optgroup, select, textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .DDS { margin:0;outline:0;padding:0;border:0;border-style:none;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;vertical-align:baseline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; border-radius: 0; }

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

::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track  { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(124,172,63,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(124,172,63,0.4); }

@-ms-viewport {  width: device-width; }


.ft1 { font-family: 'Open Sans', sans-serif; }
.ft2 { font-family: 'Helvetica', sans-serif; }

.bg1,.bg2,.bg3,.bg4,.bg5 { background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }

/*body * { border: solid 1px #ddd; }*/
.br { border: solid 1px red; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
   font-family: Quicksand, Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height: 1.5;
  color: #4c4c4c;
  text-align: left;
  background-color: #fff;
}

h1,h2,h3,h4,h5,h6 {font-family: Quicksand, Arial, Helvetica, sans-serif;}

iframe { }
table { border-collapse:collapse; border-spacing:0; width:100%; }
table tr td {font-size:16px;color:#000;padding:10px 5px;}
table th {font-size:16px;font-weight:bold;padding:10px 5px;}
ol, ul { list-style: none; }
img { vertical-align: middle; border-style: none; }
button {  border-radius: 0;}
button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color;}
textarea { overflow:auto;  resize:vertical;}
fieldset {  padding: 0;  margin: 0;  border: 0;}
legend {  display: block;  width: 100%;  max-width: 100%;  padding: 0;  margin:0;}
img { display:block;border-style: none; vertical-align:middle; max-width:100%;}
a { color: #000; text-decoration: none; background-color: transparent; } a:hover { color: #000; text-decoration: none; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none;} a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit;  text-decoration: none;} a:not([href]):not([tabindex]):focus { outline: 0;}

header, footer { width:100%;}
.row { display:table;width:100%; }
.container, .container2 { display:table;padding:0 30px;margin:0 auto; width:100%;}
.container2 {display:block;}
.loading { background-image:url(../images/basic/loading.gif);background-position:50% 50%;background-repeat:no-repeat; }
.posrel {position:relative;}

.ofh, ofo { overflow:hidden; }
.ofs { overflow-x:scroll; }
.ofo:hover { overflow-x:scroll; }

.r1 { border-radius:5px; } .r2 { border-radius:10px; } .r3 { border-radius:15px; } .r4 { border-radius:20px; } .r5 { border-radius:25px; } .r6 { border-radius:30px; }


.bcb { background-color:#fff; } /* back */
.bcm { background-color:#0169BD; } /* menu */
.bch { background-color:#0169BD;} /* header */
.bcf { background-color:#111; } /* footer */
.bce { background-color:#fafafa; } /* even */
.bco { background-color:#f2f2f2;} /* odd */
.bcg {background-color:#0169BD;} /* red */

.tca { color:#333; } /* Article */
.tch { color:#333; } /* Heading */
.tcc { color:#0169BD; } /* Caption */

.tch1 { color:#333; } /* h1 */
.tch2 { color:#333; } /* h2 */
.tch3 { color:#333; } /* h3 */
.tch4 { color:#333; } /* h4 */
.tch5 { color:#333; } /* h5 */
.tch6 { color:#333; } /* h6 */ 


.fl,.sfl,.ffl { float:left; } 
.fr,.sfr,.ffr { float:right; }

.al,.alc { text-align:left;}
.ac { text-align:center !important;}
.ar,.arc { text-align:right;}
.aj { text-align:justify !important;}


.fwb {font-weight:bold;}
.fs4 {font-size:20px;}
.fs5 {font-size:25px;}
.fs28 {font-size:28px;}
.fs8 {font-size:40px;}
.lh6 {line-height:30px;}


.w1,.cl1,.rc11 { width:8.333333%; flex:8.333333%; max-width:8.333333%;}
.w2,.cl2,.rc10 { width:16.666667%; flex:16.666667%; max-width:16.666667%;}
.w3,.cl3,.rc9 { width:25%; flex:25%; max-width:25%;}
.w4,.cl4,.rc8 { width:33.333333%; flex:33.333333%; max-width:33.333333%;}
.w5,.cl5,.rc7 { width:41.666667%; flex:41.666667%; max-width:41.666667%;}
.w6,.cl6,.rc6 { width:50%; flex:50%; max-width:50%;}
.w7,.cl7,.rc5 { width:58.333333%; flex:58.333333%; max-width:58.333333%;}
.w8,.cl8,.rc4 { width:66.666667%; flex:66.666667%; max-width:66.666667%;}
.w9,.cl9,.rc3 { width:75%; flex:75%; max-width:75%;}
.w10,.cl10,.rc2 { width:83.333333%; flex:83.333333%; max-width:83.333333%;}
.w11,.cl11,.rc1 { width:91.666667%; flex:91.666667%; max-width:91.666667%;}
.w12,.cl12,.rc12 { width:100%; flex:100%; max-width:100%;}

.w20 { width: 20%; flex: 20%; }
.w25 { width: 25%; flex: 25%; }

.next4 .cl3:nth-child(4n+1) {clear:both;}
.next3 .cl4:nth-child(3n+1) {clear:both;}

.hf10 { height:10px;} .hf15 { height:15px;} .hf20 { height:20px;} .hf25 { height:25px;} .hf30 { height:30px;} .hf35 { height:35px;} .hf40 { height:40px;} .hf45 { height:45px;} .hf50 { height:50px;} .hf55 { height:55px;} .hf60 { height:60px;} .hf65 { height:65px;} .hf70 { height:70px;} .hf75 { height:75px;} .hf80 { height:80px;} .hf85 { height:85px;} .hf90 { height:90px;} .hf95 { height:95px;} .hf100 { height:100px;} 
.hm10 { min-height:10px; } .hm15 { min-height:15px; } .hm20 { min-height:20px; } .hm25 { min-height:25px; } .hm30 { min-height:30px; } .hm35 { min-height:35px; } .hm40 { min-height:40px; } .hm45 { min-height:45px; } .hm50 { min-height:50px; } .hm55 { min-height:55px; } .hm60 { min-height:60px; } .hm65 { min-height:65px; } .hm70 { min-height:70px; } .hm75 { min-height:75px; } .hm80 { min-height:80px; } .hm85 { min-height:85px; } .hm90 { min-height:90px; } .hm95 { min-height:95px; } .hm100 { min-height:100px; } .hm300 {min-height:300px;}
.hx10 { max-height:10px; } .hx15 { max-height:15px; } .hx20 { max-height:20px; } .hx25 { max-height:25px; } .hx30 { max-height:30px; } .hx35 { max-height:35px; } .hx40 { max-height:40px; } .hx45 { max-height:45px; } .hx50 { max-height:50px; } .hx55 { max-height:55px; } .hx60 { max-height:60px; } .hx65 { max-height:65px; } .hx70 { max-height:70px; } .hx75 { max-height:75px; } .hx80 { max-height:80px; } .hx85 { max-height:85px; } .hx90 { max-height:90px; } .hx95 { max-height:95px; } .hx100 { max-height:100px; } .hx350 {max-height:350px;}

.odf { -ms-flex-order: -1; order: -1;} .odl { -ms-flex-order: 13; order: 13;} .od0 { -ms-flex-order: 0; order: 0;} .od1 { -ms-flex-order: 1; order: 1; } .od2 { -ms-flex-order: 2; order: 2;} .od3 { -ms-flex-order: 3; order: 3;} .od4 { -ms-flex-order: 4; order: 4;} .od5 { -ms-flex-order: 5; order: 5;} .od6 { -ms-flex-order: 6; order: 6;} .od7 { -ms-flex-order: 7; order: 7;} .od8 { -ms-flex-order: 8; order: 8;} .od9 { -ms-flex-order: 9; order: 9;} .od10 { -ms-flex-order: 10; order: 10;} .od11 { -ms-flex-order: 11; order: 11;} .od12 { -ms-flex-order: 12; order: 12;}

.pa1 {padding:5px;} .pl1 { padding-left:5px; } .pr1 { padding-right:5px; } .pt1 { padding-top:5px; } .pb1 { padding-bottom:5px; }
.pa2 {padding:10px;} .pl2 { padding-left:10px; } .pr2 { padding-right:10px; } .pt2 { padding-top:10px; } .pb2 { padding-bottom:10px; }
.pa3 {padding:15px;} .pl3 { padding-left:15px; } .pr3 { padding-right:15px; } .pt3 { padding-top:15px; } .pb3 { padding-bottom:15px; }
.pa4 {padding:20px;} .pl4 { padding-left:20px; } .pr4 { padding-right:20px; } .pt4 { padding-top:20px; } .pb4 { padding-bottom:20px; }
.pa5 {padding:25px;} .pl5 { padding-left:25px; } .pr5 { padding-right:25px; } .pt5 { padding-top:25px; } .pb5 { padding-bottom:25px; }
.pa6 {padding:30px; } .pl6 { padding-left:30px; } .pr6 { padding-right:30px; } .pt6 { padding-top:30px; } .pb6 { padding-bottom:30px; }
.pa7 {padding:55px;}.pl7 { padding-left:35px; } .pr7 { padding-right:35px; } .pt7 { padding-top:35px; } .pb7 { padding-bottom:35px; }
.pa8 {padding:40px;} .pl8 { padding-left:40px; } .pr8 { padding-right:40px; } .pt8 { padding-top:40px; } .pb8 { padding-bottom:40px; }
.pa9 {padding:45px;}.pl9 { padding-left:45px; } .pr9 { padding-right:45px; } .pt9 { padding-top:45px; } .pb9 { padding-bottom:45px; }
.pa10 {padding:50px;}.pl10 { padding-left:50px; } .pr10 { padding-right:50px; } .pt10 { padding-top:50px; } .pb10 { padding-bottom:50px; }
.pl11 { padding-left:55px; } .pr11 { padding-right:55px; } .pt11 { padding-top:55px; } .pb11 { padding-bottom:55px; }
.pl12 { padding-left:60px; } .pr12 { padding-right:60px; } .pt12 { padding-top:60px; } .pb12 { padding-bottom:60px; }
.pl16 { padding-left:80px; } .pr16 { padding-right:80px; } .pt16 { padding-top:80px; } .pb16 { padding-bottom:80px; }
.pl14 { padding-left:70px; } .pr14 { padding-right:70px; } .pt14 { padding-top: 70px; }
.pl20 { padding-left:100px; } .pr20 { padding-right:100px; } .pt20 { padding-top: 100px; }
.pl0 { padding-left:0px !important; } .pr0 { padding-right:0px !important; } .pt0 { padding-top:0px !important; } .pb0 { padding-bottom:0px !important; }

.ma {margin:0px auto;}
.ma2 {margin:0px auto !important;}
.mt-6 { margin-top: -30px; }
.ma1 { margin:5px; } .ml1 { margin-left:5px; } .mr1 { margin-right:5px; } .mt1 { margin-top:5px; } .mb1 { margin-bottom:5px; }
.ma2 { margin:10px; } .ml2 { margin-left:10px; } .mr2 { margin-right:10px; } .mt2 { margin-top:10px; } .mb2 { margin-bottom:10px; }
.ma3 { margin:15px; } .ml3 { margin-left:15px; } .mr3 { margin-right:15px; } .mt3 { margin-top:15px; } .mb3 { margin-bottom:15px; }
.ma4 { margin:20px; } .ml4 { margin-left:20px; } .mr4 { margin-right:20px; } .mt4 { margin-top:20px; } .mb4 { margin-bottom:20px; }
.ma5 { margin:25px; } .ml5 { margin-left:25px; } .mr5 { margin-right:25px; } .mt5 { margin-top:25px; } .mb5 { margin-bottom:25px; }
.ma6 { margin:30px; } .ml6 { margin-left:30px; } .mr6 { margin-right:30px; } .mt6 { margin-top:30px; } .mb6 { margin-bottom:30px; }
.ma7 { margin:35px; } .ml7 { margin-left:35px; } .mr7 { margin-right:35px; } .mt7 { margin-top:35px; } .mb7 { margin-bottom:35px; }
.ma8 { margin:40px; } .ml8 { margin-left:40px; } .mr8 { margin-right:40px; } .mt8 { margin-top:40px; } .mb8 { margin-bottom:40px; }
.ma10 { margin:50px; } .ml10 { margin-left:50px; } .mr10 { margin-right:50px; } .mt10 { margin-top:50px; } .mb10 { margin-bottom:50px; }

.mt51 { margin-top:50px; } .mt52 { margin-top:100px; } .mt53 { margin-top:150px; } .mt54 { margin-top:200px; }

.pl51 { padding-left:50px; } .pl52 { padding-left:100px; } .pl53 { padding-left:150px; } .pl54 { padding-left:200px; }
.pr51 { padding-right:50px; } .pr52 { padding-right:100px; } .pr53 { padding-right:150px; } .pr54 { padding-right:200px; }
.pt51 { padding-top:50px; } .pt52 { padding-top:100px; } .pt53 { padding-top:150px; } .pt54 { padding-top:200px; }
.pb51 { padding-bottom:50px; } .pb52 { padding-bottom:100px; } .pb53 { padding-bottom:150px; } .pb54 { padding-bottom:200px; }

.gc12,.gc22,.gc13,.gc23,.gc33,.gc14,.gc24,.gc34,.gc44  {  }

.bl {display:block;}
.cp {cursor:pointer;}
#back-top {position:fixed;right:10px;bottom:10px;border-radius:50%;z-index:1111;background-color:#faa61a;}
#back-top {display:block;color:#fff;width:50px;height:50px;text-align:center;line-height:50px;}

.dtma {display:table;margin:auto;}

.btn1 {font-family: 'BarlowBold', Arial, Helvetica, sans-serif;}

/* Social Media */
.social {display:inline-block;margin-left:15px;}
.social a {display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;margin:0 0 0 8px;}
.social a i {color:#fff;line-height:24px;}

.FB {background-color:#3B5998;}
.TW {background-color:#1DA1F2;}
.YT {background-color:#FF0000;}
.LI {background-color:#007BB5;}
.GP {background-color:#DB4437;}
.IN {background-color:#e4405f;}
.SN {background-color:#333;} .SC {background-color:#FFFC00;}
.WA {background-color:#4dc247;}
.GH {background-color:#000000;}
.PI {background-color:#bd081c;}
.BB {background-color:#FF6501;}
.RS {background-color:#FF9900;}

.blinkme { animation: blinker 1s linear infinite;}
@keyframes blinker { 50% { opacity: 0; }}

@media ( min-width: 1200px ) { 
    .container, .container2 { max-width: 1140px;padding:0px; }

    .mv, .tv {display:none !important;}
}

@media ( max-width: 992px ) { 
    .container, .container2 { max-width:960px;padding:0px; }
    
    .alc,.arc {text-align:center;}
    .pbm20 { padding-bottom: 100px; }
    .p0 { padding:0px; }
    .pt16 { padding-top: 40px;}
    .pb16 {padding-bottom:40px;}
    .pl51, .pl52, .pl53, .pl54 { padding-left:0; }
    .pr51, .pr52, .pr53, .pr54 { padding-right:0; }
    .pt51, .pt52, .pt53, .pt54 { padding-right:30px; }
    .pb51, .pb52, .pb53, .pb54 { padding-right:30px; }

    .dv, .mv { display:none !important;}
}

@media ( max-width: 768px ) { 
    .container, .container2 { max-width:720px;padding:0px 20px; }
   
    .ffl,.ffr,.sfl,.sfr { float:none; }
    
    .alc,.arc {text-align:center;}
    
    .cl1,.cl2,.cl3,.cl4,.cl5,.cl6,.cl7,.cl8,.cl9,.cl10,.cl11,.cl12, .rc1, .rc2, .rc3, .rc4, .rc5, .rc6, .rc7, .rc8, .rc9, .rc10, .rc11, .rc12 { width:100%;max-width:100%; }
    .w20,.w25 { width: 100%; }
    
    .p0 { padding:0px; }
    .pl1, .pl2,.pl3,.pl4,.pl5,.pl6,.pl7,.pl8,.pl9,.pl10,.pl11,.pl12,.pl13,.pl14 { padding-left:0; }
    .pr1, .pr2,.pr3,.pr4,.pr5,.pr6,.pr7,.pr8,.pr9,.pr10,.pr11,.pr12,.pr13,.pr14 { padding-right:0; }
    .pl20 { padding-left:20px; }
    .pr20 { padding-right:20px; }
    .pl51, .pl52, .pl53, .pl54 { padding-left:0; }
    .pr51, .pr52, .pr53, .pr54 { padding-right:0; }
    .pt51, .pt52, .pt53, .pt54 { padding-top:20px; }
    .pb51, .pb52, .pb53, .pb54 { padding-bottom:20px; }

    .mt0 { margin-top:0px !important; }
    .mtm { margin-top:20px !important; }
    .mbm { margin-bottom:20px !important; }

    .mt-6 {margin-top:0px;}
    .mv {display:block !important;}
    .dv, .tv {display:none !important;}

    .hm300 {min-height:200px;}
    .hx350 {max-height:250px;}
}