@charset "utf-8";
:root {
 --brown: #5F222A;
 --light-brown: #BA5931;
  --light-blue: #C9DBDF;
  --dark-blue: #336E80;
  --light-grey: #EFEFEF;     
  --orange: #FC6701;
  --light-orange: #FAF7F3;
  
  --black: #363636;
  --white-info: #DBDBDB;
	--fontsize: 16px;
	--textcolor: #333;
	--userfont: 'Roboto', sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}
/*    
color: var(--brown);
color: var(--light-brown);
color: var(--light-blue);
color: var(--dark-blue);
color: var(--light-grey);
color: var(--orange);
color: var(--light-orange);
color: var(--black);
color: var(--white-info);
*/
* {
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease;
}
html, body { padding: 0; margin: 0; height: 100%; background: #FFF3DE; } 
body { 
word-wrap: break-word;
font-family: var(--userfont);
font-size: var(--fontsize);
color: var(--textcolor);
}
.s-4 { font-size: 1rem;}
.s-5 { font-size: 1.2rem;}
.s-6 { font-size: 1.4rem;}
.tc-brown { color: var(--brown-light); }
.block:not(:last-child) { margin-bottom: 0rem; }

button, input, optgroup, select, textarea { font-family: 'Roboto', sans-serif; }
.section { padding: 1.4rem 2.6rem 0.6rem 2.6rem; }
.container-md { max-width: 600px !important; }
.content figure:not(:last-child) { margin-bottom: 0.9em; }
.content h5 { margin-bottom: 0.4rem; color: var(--brown) !important; }
.title:not(:last-child) {  margin-bottom: 2rem;}
.image img.ne-border-2 { padding: 2px;}
.image.is-140x140 {  height: 140px;  width: 140px; }
.ne-media-left { position: absolute; left: 0; padding-left: 1rem;}
.bg-two { background: #FFF9F0; }

/* ~~~~~~~|  Avatar |~~~~~~~ */
.avatar { background: url(../images/header.jpg) repeat-y center center; }
.avatar .title { margin-bottom: 0.6rem; }

/* ~~~~~~~|  Box-text |~~~~~~~ */
.box-text {  }
ul.list { padding-left: 34px; margin: 0; list-style: none; }
.list li {
position: relative;
font-family: 'Roboto Condensed', sans-serif;
font-size: 0.95rem;
font-weight: 700;
text-align: left;
color: #444;
line-height: 22px;
margin-bottom: 10px;
position: relative;
}
.list li i { position: absolute; top: 0px; left: -30px; }
.icon-2 { display: inline-block; width: 20px; height: 20px; }
.icon-2.check {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 27 26' xmlns='http://www.w3.org/2000/svg' fill='%23BA5931' %3e%3cpath d='M13.2683 25.7027C20.1246 25.7027 25.7033 20.1245 25.7033 13.2677C25.7033 12.0843 25.5381 10.918 25.211 9.80102C25.0498 9.25178 24.4763 8.9363 23.9255 9.09745C23.3758 9.2581 23.0613 9.83365 23.2219 10.3829C23.4929 11.3109 23.6308 12.2818 23.6308 13.2677C23.6308 18.9815 18.9821 23.6302 13.2683 23.6302C7.55451 23.6302 2.90581 18.9815 2.90581 13.2677C2.90581 7.55396 7.55451 2.90526 13.2683 2.90526C15.3448 2.90526 17.3427 3.51244 19.0458 4.66076C19.5199 4.98079 20.1646 4.85506 20.4841 4.38095C20.8039 3.90634 20.6791 3.26223 20.2045 2.94245C18.1578 1.56239 15.7595 0.832764 13.2683 0.832764C6.412 0.832764 0.833313 6.41095 0.833313 13.2677C0.833313 20.1245 6.412 25.7027 13.2683 25.7027Z'/%3e%3cpath d='M24.9038 2.2942L13.2681 13.9294L9.54554 10.2074C9.10396 9.76606 8.38859 9.76606 7.94701 10.2074C7.5057 10.6489 7.5057 11.3643 7.94701 11.8059L12.4688 16.3277C12.6899 16.5488 12.9786 16.6589 13.2681 16.6589C13.5576 16.6589 13.8463 16.5488 14.0674 16.3277L26.5023 3.89273C26.9436 3.45114 26.9436 2.73578 26.5023 2.2942C26.0607 1.85289 25.3454 1.85289 24.9038 2.2942Z'/%3e%3c/svg%3e");
}

/* ~~~~~~~|  Boxs |~~~~~~~ */
.block { padding: 2.6rem 0 2.6rem 0; }
.block .text-two { 
font-size: 1.4rem;
font-weight:bold;
color: #1C6EAD;
text-transform:uppercase;
}

/* ~~~~~~~|  Buttons |~~~~~~~ */
.buttons { padding: 0 1.5rem; }
.buttons .button { 
color: #fff;
margin-bottom: 1rem; 
border: 2px solid #fff;
background-color: var(--orange);
}
.button.py-5 {
padding-top: 1.7rem !important;
padding-bottom: 1.7rem !important;
}
.button.is-rounded:hover, .button.b-links:hover, .button.b-links-3:hover {
box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.9), 0 0 10px rgba(255, 255, 255, 0.6);
color: #335380;
}

/* ~~~~~~~|  Buttons-2 |~~~~~~~ */
.button { border-radius: 6px; }
.b-links .is-size-5, .b-links-3 .is-size-5 { text-transform: uppercase; }
.button.b-links { background: #51AED1; }

/* ~~~~~~~|  Buttons-3 |~~~~~~~ */
.button.b-links-3 { background: #4D8DC3; }

/* ~~~~~~~|  Footer |~~~~~~~ */
.footer { 
padding: 0 1.4rem 1.4rem 1.4rem; 
background-color: inherit;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~|  Media |~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media (max-width: 374px) { 
.section { padding: 1.2rem 2rem 1.2rem 2rem; }
.box { font-size: 0.9rem; }
.image.is-140x140 { height: 110px; width: 110px; }
.is-size-5 {  font-size: 1.2rem !important; font-weight: 500; }
.list li { font-size: 0.9rem; font-weight: 400; }
.b-links .is-size-5, .b-links-3 .is-size-5  { font-size: 1rem !important; font-weight: 500; }
}