/* ------------------------------- */
/*      04 Layout Helpers          */
/* ------------------------------- */
.section  { 
  padding: 6.5rem 1.25rem;
}
.text-center {
  text-align:center;
}
.text-justify {
  text-align:justify;
}
.text-uppercase {
  text-transform:uppercase;
}
.center {
  float:none !important;
  margin:0 auto !important;
  display:block !important;
}
.float-left {
  float: left !important;
}

/* ------------------------------- */
/*           Paddings              */
/* ------------------------------- */
.padding { padding: 1.25em !important; }
.padding-2x { padding: 2.8em; }
.padding-top-0 { padding-top:0px !important }
/* paddings top */
.padding-top { padding-top: 1.25em; }
.padding-top-10 { padding-top:10px; }
.padding-top-20 { padding-top:20px; }
.padding-top-30 { padding-top:30px; }
.padding-top-40 { padding-top:40px; }
.padding-top-50 { padding-top:50px; }
.padding-top-60 { padding-top:60px; }
.padding-top-70 { padding-top:70px; }
/* paddings right */
.padding-right { padding-right: 1.25em; }
.padding-right-10 { padding-right:10px; }
.padding-right-20 { padding-right:20px; }
.padding-right-30 { padding-right:30px; }
.padding-right-40 { padding-right:40px; }
.padding-right-50 { padding-right:50px; }
.padding-right-60 { padding-right:60px; }
.padding-right-70 { padding-right:70px; }
/* paddings bottom */
.padding-bottom { padding-bottom: 1.25em; }
.padding-bottom-10 { padding-bottom:10px; }
.padding-bottom-20 { padding-bottom:20px; }
.padding-bottom-30 { padding-bottom:30px; }
.padding-bottom-40 { padding-bottom:40px; }
.padding-bottom-50 { padding-bottom:50px; }
.padding-bottom-60 { padding-bottom:60px; }
.padding-bottom-70 { padding-bottom:70px; }
/* paddings left */
.padding-left { padding-left: 1.25em; }
.padding-left-10 { padding-left:10px; }
.padding-left-20 { padding-left:20px; }
.padding-left-30 { padding-left:30px; }
.padding-left-40 { padding-left:40px; }
.padding-left-50 { padding-left:50px; }
.padding-left-60 { padding-left:60px; }
.padding-left-70 { padding-left:70px; }

/* ------------------------------- */
/*            Margins              */
/* ------------------------------- */
/* margins top */
.margin-top { margin-top: 1.25em; }
.margin-top-10 { margin-top:10px; }
.margin-top-20 { margin-top:20px; }
.margin-top-30 { margin-top:30px; }
.margin-top-40 { margin-top:40px; }
.margin-top-50 { margin-top:50px; }
.margin-top-60 { margin-top:60px; }
.margin-top-70 { margin-top:70px; }
/* margins left */
.margin-left { margin-left: 1.25em; }
.margin-left-10 { margin-left:10px; }
.margin-left-20 { margin-left:20px; }
.margin-left-30 { margin-left:30px; }
.margin-left-40 { margin-left:40px; }
.margin-left-50 { margin-left:50px; }
.margin-left-60 { margin-left:60px; }
.margin-left-70 { margin-left:70px; }
.margin-left-100 { margin-left: 100px; }
/* margins bottom */
.margin-bottom { margin-bottom: 1.25em; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-bottom-30 { margin-bottom:30px; }
.margin-bottom-40 { margin-bottom:40px; }
.margin-bottom-50 { margin-bottom:50px; }
.margin-bottom-60 { margin-bottom:60px; }
.margin-bottom-70 { margin-bottom:70px; }
/* margins right */
.margin-right { margin-right: 1.25em; }
.margin-right-10 { margin-right:10px; }
.margin-right-20 { margin-right:20px; }
.margin-right-30 { margin-right:30px; }
.margin-right-40 { margin-right:40px; }
.margin-right-50 { margin-right:50px; }
.margin-right-60 { margin-right:60px; }
.margin-right-70 { margin-right:70px; }


/* ------------------------------- */
/*             07 Forms            */
/* ------------------------------- */
/* custom form */ 
.customform input, .customform textarea, .customform select .customform button {
  margin-bottom:50px;
  color:#1d191a;
  background:none;
  border:0px;
  border-bottom: 1px solid #716b6c;
  padding: 1em 1em;
  width: 100%;
  transition: background 0.20s linear 0s;
  -o-transition: background 0.20s linear 0s;
  -ms-transition: background 0.20s linear 0s;
  -moz-transition: background 0.20s linear 0s;
  -webkit-transition: background 0.20s linear 0s;
}
.customform input:hover, .customform textarea:hover, .customform select:hover, .customform input:focus, .customform textarea:focus, .customform select:focus {
  background:#f9f9f9;
}
.customform input[type="submit"] {
  border:solid 1px #1d191a;
  color:#1d191a;
  width:auto;
  padding: 0.900rem 1.2rem;
  text-align: center;
}
.customform input[type="submit"]:hover {
  background:#cf9963;
  border-color:#cf9963;
  color:#fff;
  cursor:pointer;
}
/* placeholder */
.customform ::-webkit-input-placeholder { /* Chrome */
  color: #1d191a;
}
.customform :-ms-input-placeholder { /* IE 10+ */
  color: #1d191a;
}
.customform ::-moz-placeholder { /* Firefox 19+ */
  color: #1d191a;
  opacity: 1;
}
.customform :-moz-placeholder { /* Firefox 4 - 18 */
  color: #1d191a;
  opacity: 1;
}
/* blog search form */
.blog-search input[type="search"] {
  background:#fff;
  border:0;
  border-top:2px solid #fff;
  border-bottom:solid 2px #daa270;
  padding: 0.800rem 0.25rem;
  width:100%;
}
.blog-search input[type="submit"] {
  background:#cf9963;
  border:solid 2px #cf9963;
  color:#fff;
  padding: 0.800rem 1.25rem;
}
.blog-search input[type="submit"]:hover {
  background:#c5894d;
  cursor:pointer;
}

/* ------------------------------- */
/*             Icons               */
/* ------------------------------- */
i.icon-square {
  border-radius: 100px;
  display: block;
  height: 100px;
  line-height: 100px;
  margin-bottom: 0.625rem;
  text-align: center;
  width: 100px;
}

i.icon-square-small {
  display: block;
  background:#1d191a;
  color:#fff;
  font-size: 2em;
  height: 82px;
  line-height: 80px;
  margin-bottom: 0.625rem;
  text-align: center;
  width: 82px;
}
.icon-center {
  display: block;
  font-size: 3rem;
  text-align: center;
  width: 100%;
}

.size-960 .line {max-width:60rem;}
.size-1140 .line {max-width:71.25rem;}
.size-1280 .line {max-width:80rem;}
.size-960.align-content-left .line,.size-1140.align-content-left .line,.size-1280.align-content-left .line {margin-left:0;}
.size-960 .line,.size-1140 .line,.size-1280 .line {
  margin:0 auto;
  padding:0 0.625rem;
}
.line:after, nav:after, .center:after, .box:after, .margin:after, .margin2x:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;
}
.padding {
  display:list-item;
  list-style:none outside none;
  padding:10px;
}
.margin,.margin2x {display: block;}
.margin {margin:0 -0.625rem;}
.margin2x {margin:0 -1.25rem;}
.line {clear:left;}
.line .line {padding:0;}
.hide-l {display:none;}
.box {
  background:none repeat scroll 0 0 #fff;
  display:block;
  padding:1.25rem;
  width:100%;
}
.margin-bottom {margin-bottom:1.25rem;}
.margin-bottom2x {margin-bottom:2.5rem;}
.s-1, .s-2, .s-five,.s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12, .m-1, .m-2, .m-five, .m-3, .m-4, .m-5, .m-6, .m-7, .m-8, .m-9, .m-10, .m-11, .m-12, .l-1, .l-2, .l-five, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10, .l-11, .l-12, .fullwidth {
  float:left;
  position:static;
}
.l-offset-1 {margin-left:8.3333%;}
.l-offset-2 {margin-left:16.6666%;}
.l-offset-five {margin-left:16.6666%;}
.l-offset-3 {margin-left:25%;}
.l-offset-4 {margin-left:33.3333%;}
.l-offset-5 {margin-left:41.6666%;}
.l-offset-6 {margin-left:50%;}
.l-offset-7 {margin-left:58.3333%;}
.l-offset-8 {margin-left:66.6666%;}
.l-offset-9 {margin-left:75%;}
.l-offset-10 {margin-left:83.3333%;}
.l-offset-11 {margin-left:91.6666%;}
.l-offset-12 {margin-left:100%;} 
.s-1 {width:8.3333%;}
.s-2 {width:16.6666%;}
.s-five {width:16.6666%;}
.s-3 {width:25%;}
.s-4 {width:33.3333%;}
.s-5 {width:41.6666%;}
.s-6 {width:50%;}
.s-7 {width:58.3333%;}
.s-8 {width:66.6666%;}
.s-9 {width:75%;}
.s-10 {width:83.3333%;}
.s-11 {width:91.6666%;}
.s-12 {width:100%;}
.margin > .s-1,.margin > .s-2,.margin > .s-five,.margin > .s-3,.margin > .s-4,.margin > .s-5,.margin > .s-6,.margin > .s-7,.margin > .s-8,.margin > .s-9,.margin > .s-10,.margin > .s-11,.margin > .s-12,
.margin > .m-1,.margin > .m-2,.margin > .m-five,.margin > .m-3,.margin > .m-4,.margin > .m-5,.margin > .m-6,.margin > .m-7,.margin > .m-8,.margin > .m-9,.margin > .m-10,.margin > .m-11,.margin > .m-12,
.margin > .l-1,.margin > .l-2,.margin > .l-five,.margin > .l-3,.margin > .l-4,.margin > .l-5,.margin > .l-6,.margin > .l-7,.margin > .l-8,.margin > .l-9,.margin > .l-10,.margin > .l-11,.margin > .l-12,.margin > .fullwidth {padding:0 0.625rem;}
.margin2x > .s-1,.margin2x > .s-2,.margin2x > .s-five,.margin2x > .s-3,.margin2x > .s-4,.margin2x > .s-5,.margin2x > .s-6,.margin2x > .s-7,.margin2x > .s-8,.margin2x > .s-9,.margin2x > .s-10,.margin2x > .s-11,.margin2x > .s-12,
.margin2x > .m-1,.margin2x > .m-2,.margin2x > .m-five,.margin2x > .m-3,.margin2x > .m-4,.margin2x > .m-5,.margin2x > .m-6,.margin2x > .m-7,.margin2x > .m-8,.margin2x > .m-9,.margin2x > .m-10,.margin2x > .m-11,.margin2x > .m-12,
.margin2x > .l-1,.margin2x > .l-2,.margin2x > .l-five,.margin2x > .l-3,.margin2x > .l-4,.margin2x > .l-5,.margin2x > .l-6,.margin2x > .l-7,.margin2x > .l-8,.margin2x > .l-9,.margin2x > .l-10,.margin2x > .l-11,.margin2x > .l-12,.margin2x > .fullwidth {padding:0 1.25rem;}
.m-1 {width:8.3333%;}
.m-2 {width:16.6666%;}
.m-five {width:20%;}
.m-3 {width:25%;}
.m-4 {width:33.3333%;}
.m-5 {width:41.6666%;}
.m-6 {width:50%;}
.m-7 {width:58.3333%;}
.m-8 {width:66.6666%;}
.m-9 {width:75%;}
.m-10 {width:83.3333%;}
.m-11 {width:91.6666%;}
.m-12 {width:100%;}
.l-1 {width:8.3333%;}
.l-2 {width:16.6666%;}
.l-five {width:20%;}
.l-3 {width:25%;}
.l-4 {width:33.3333%;}
.l-5 {width:41.6666%;}
.l-6 {width:50%;}
.l-7 {width:58.3333%;}
.l-8 {width:66.6666%;}
.l-9 {width:75%;}
.l-10 {width:83.3333%;}
.l-11 {width:91.6666%;}
.l-12 {width:100%;}
.fullwidth {width:100%;}
.right {float:right;}
.left {float:left;}



/*------------------------------------------------------------------------------*/
/*                    Maximum width : 768px 
/*------------------------------------------------------------------------------*/
@media screen and (max-width:768px) {
  .l-offset-1,.l-offset-2,.l-offset-five,.l-offset-3,.l-offset-4,.l-offset-5,.l-offset-6,.l-offset-7,.l-offset-8,.l-offset-9,.l-offset-10,.l-offset-11,.l-offset-12{margin-left:0;}
  .m-offset-1 {margin-left:8.3333%;}
  .m-offset-2 {margin-left:16.6666%;}
  .m-offset-five {margin-left:16.6666%;}
  .m-offset-3 {margin-left:25%;}
  .m-offset-4 {margin-left:33.3333%;}
  .m-offset-5 {margin-left:41.6666%;}
  .m-offset-6 {margin-left:50%;}
  .m-offset-7 {margin-left:58.3333%;}
  .m-offset-8 {margin-left:66.6666%;}
  .m-offset-9 {margin-left:75%;}
  .m-offset-10 {margin-left:83.3333%;}
  .m-offset-11 {margin-left:91.6666%;}
  .m-offset-12 {margin-left:100%;} 
  .l-1 {width:8.3333%;}
  .l-2 {width:16.6666%;}
  .l-five {width:20%;}
  .l-3 {width:25%;}
  .l-4 {width:33.3333%;}
  .l-5 {width:41.6666%;}
  .l-6 {width:50%;}
  .l-7 {width:58.3333%;}
  .l-8 {width:66.6666%;}
  .l-9 {width:75%;}
  .l-10 {width:83.3333%;}
  .l-11 {width:91.6666%;}
  .l-12 {width:100%;}
  .fullwidth {width:100%;}
  .s-1 {width:8.3333%;}
  .s-2 {width:16.6666%;}
  .s-five {width:20%;}
  .s-3 {width:25%;}
  .s-4 {width:33.3333%;}
  .s-5 {width:41.6666%;}
  .s-6 {width:50%;}
  .s-7 {width:58.3333%;}
  .s-8 {width:66.6666%;}
  .s-9 {width:75%;}
  .s-10 {width:83.3333%;}
  .s-11 {width:91.6666%;}
  .s-12 {width:100%}
  .m-1 {width:8.3333%;}
  .m-2 {width:16.6666%;}
  .m-five {width:20%;}
  .m-3 {width:25%;}
  .m-4 {width:33.3333%;}
  .m-5 {width:41.6666%;}
  .m-6 {width:50%;}
  .m-7 {width:58.3333%;}
  .m-8 {width:66.6666%;}
  .m-9 {width:75%;}
  .m-10 {width:83.3333%;}
  .m-11 {width:91.6666%;}
  .m-12 {width:100%}
}



/*------------------------------------------------------------------------------*/
/*                    Maximum width : 480px 
/*------------------------------------------------------------------------------*/
@media screen and (max-width:480px) { 
  .l-offset-1,.l-offset-2,.l-offset-five,.l-offset-3,.l-offset-4,.l-offset-5,.l-offset-6,.l-offset-7,.l-offset-8,.l-offset-9,.l-offset-10,.l-offset-11,.l-offset-12,
  .m-offset-1,.m-offset-2,.m-offset-five,.m-offset-3,.m-offset-4,.m-offset-5,.m-offset-6,.m-offset-7,.m-offset-8,.m-offset-9,.m-offset-10,.m-offset-11,.m-offset-12 {margin-left:0;}
  .s-offset-1 {margin-left:8.3333%;}
  .s-offset-2 {margin-left:16.6666%;}
  .s-offset-five {margin-left:16.6666%;}
  .s-offset-3 {margin-left:25%;}
  .s-offset-4 {margin-left:33.3333%;}
  .s-offset-5 {margin-left:41.6666%;}
  .s-offset-6 {margin-left:50%;}
  .s-offset-7 {margin-left:58.3333%;}
  .s-offset-8 {margin-left:66.6666%;}
  .s-offset-9 {margin-left:75%;}
  .s-offset-10 {margin-left:83.3333%;}
  .s-offset-11 {margin-left:91.6666%;}
  .s-offset-12 {margin-left:100%;} 
  .l-1 {width:8.3333%;}
  .l-2 {width:16.6666%;}
  .l-five {width:20%;}
  .l-3 {width:25%;}
  .l-4 {width:33.3333%;}
  .l-5 {width:41.6666%;}
  .l-6 {width:50%;}
  .l-7 {width:58.3333%;}
  .l-8 {width:66.6666%;}
  .l-9 {width:75%;}
  .l-10 {width:83.3333%;}
  .l-11 {width:91.6666%;}
  .l-12 {width:100%;}
  .fullwidth {width:100%;}
  .m-1 {width:8.3333%;}
  .m-2 {width:16.6666%;}
  .m-five {width:20%;}
  .m-3 {width:25%;}
  .m-4 {width:33.3333%;}
  .m-5 {width:41.6666%;}
  .m-6 {width:50%;}
  .m-7 {width:58.3333%;}
  .m-8 {width:66.6666%;}
  .m-9 {width:75%;}
  .m-10 {width:83.3333%;}
  .m-11 {width:91.6666%;}
  .m-12 {width:100%}
  .s-1 {width:8.3333%;}
  .s-2 {width:16.6666%;}
  .s-five {width:20%;}
  .s-3 {width:25%;}
  .s-4 {width:33.3333%;}
  .s-5 {width:41.6666%;}
  .s-6 {width:50%;}
  .s-7 {width:58.3333%;}
  .s-8 {width:66.6666%;}
  .s-9 {width:75%;}
  .s-10 {width:83.3333%;}
  .s-11 {width:91.6666%;}
  .s-12 {width:100%}
}