/*
  GRID inspired by: https://github.com/basscss/basscss
*/


/*--MB Basics--*/
.flex {
	display: flex;
}

.table {
  display: table;
}

.block {
  display: block;
}

.hide {
  display: none;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}


/*--RESPONSIVE COND--*/
.lg-only,
.md-only,
.sm-only,

.tablet-and-below,
.tab-and-below,
.mobile-only {
  display: none !important;
}

.lg-and-below,
.md-and-below,
.sm-and-below,
.tab-portrait-and-below,
.tablet-portrait-and-below,
.tablet-only { 
  display: none;
}

.desktop-only {
  display: inherit;
}

.not-mobile {
  /* display: inherit; */
}

.xl-only,
.tablet-landscape-and-above,
.above-tab-portrait {
  display: block;
}



/*--SPACING--*/
.large-section-block {
  margin-bottom: 8em !important;
  z-index: 9;
  position: relative;
}

.blog .hentry,
.section-block {
  margin-bottom: 98px !important;
  z-index: 9;
  position: relative;
}

.threeqtr-section-block {
  margin-bottom: 70px !important;
  z-index: 9;
  position: relative;
}

.half-section-block {
  margin-bottom: 30px !important;
  z-index: 9;
  position: relative;
}

.qtr-section-block {
  margin-bottom: 25px !important;
  z-index: 9;
  position: relative;
}

.eighth-section-block {
  margin-bottom: 15px !important;
  z-index: 9;
  position: relative;
}

.sixteenth-section-block {
  margin-bottom: 10px !important;
  z-index: 9;
  position: relative;
}



/*--WRAPPERS--*/
.xlarge-wrapper {
  width: 95%;
  margin:0 auto;
  padding: 0;
  position: relative;
  display: block;
  max-width: none;
}

.large-wrapper {
  width: 95%;
  /* width: calc(100% - 140px); */
  margin:0 auto;
  padding: 0;
  position: relative;
  display: block;
  max-width: 1500px;
  max-width: 1400px;
}

.wrapper {
  width: 75%;
  margin:0 auto;
  padding: 0;
  position: relative;
  display: block;
  max-width: 980px;
  max-width: 1260px;
}

.medium-wrapper {
  width: 65%;
  margin:0 auto;
  padding: 0;
  position: relative;
  display: block;
  max-width: 850px;
}

.medium-wrappers {
  width: 65%;
  margin:0 auto;
  padding: 0;
  position: relative;
  display: block;
  max-width: 654px;
  max-width: 960px;
  max-width: 1050px;
}

.small-wrapper {
  width: 70%;
  margin:0 auto;
  padding: 0;
  position: relative;
  display: block;
  max-width: 730px;
}

.xsmall-wrapper {
  width: 70%;
  margin:0 auto;
  padding: 0;
  position: relative;
  display: block;
  max-width: 650px;
}




/* Basscss Layout */

.inline       {display: inlin;}
.block        { display: block }
.inline-block { display: inline-block }
.table        { display: table }
.table-cell   { display: table-cell }

.overflow-hidden { overflow: hidden }
.overflow-scroll { overflow: scroll }
.overflow-auto   { overflow: auto }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table
}
.clearfix:after { clear: both }

.left  { float: left }
.right { float: right }

.border-box { box-sizing: border-box }




/*--GRID--*/
.col {
  float: left;
  box-sizing: border-box;
}

.col-right {
  float: right;
  box-sizing: border-box;
}

.col-20perc {
  width: 20%;
}

.col-1 {
  width: calc(1/12 * 100%);
}

.col-2 {
  width: calc(2/12 * 100%);
}

.col-3 {
  width: calc(3/12 * 100%);
}

.col-4 {
  width: calc(4/12 * 100%);
}

.col-5 {
  width: calc(5/12 * 100%);
}

.col-6 {
  width: calc(6/12 * 100%);
}

.col-7 {
  width: calc(7/12 * 100%);
}

.col-8 {
  width: calc(8/12 * 100%);
}

.col-9 {
  width: calc(9/12 * 100%);
}

.col-10 {
  width: calc(10/12 * 100%);
}

.col-11 {
  width: calc(11/12 * 100%);
}

.col-12 {
  width: 100%;
}

.p0  { padding: 0 }
.pt0 { padding-top: 0 }
.pr0 { padding-right: 0 }
.pb0 { padding-bottom: 0 }
.pl0 { padding-left: 0 }
.px0 { padding-left: 0; padding-right:  0 }
.py0 { padding-top: 0;  padding-bottom: 0 }

.p1  { padding:        60px }
.pt1 { padding-top:    60px }
.pr1 { padding-right:  60px }
.pb1 { padding-bottom: 60px }
.pl1 { padding-left:   60px }
.py1 { padding-top:    60px; padding-bottom: 60px }
.px1 { padding-left:   60px; padding-right:  60px }

.p2  { padding:        30px }
.pt2 { padding-top:    30px }
.pr2 { padding-right:  30px }
.pb2 { padding-bottom: 30px }
.pl2 { padding-left:   30px }
.py2 { padding-top:    30px; padding-bottom: 30px }
.px2 { padding-left:   30px; padding-right:  30px }

.p3  { padding:        15px; }
.pt3 { padding-top:    15px; }
.pr3 { padding-right:  15px; }
.pb3 { padding-bottom: 15px; }
.pl3 { padding-left:   15px; }
.py3 { padding-top:    15px; padding-bottom: 15px; }
.px3 { padding-left:   15px; padding-right:  15px; }

.p4  { padding:        10px }
.pt4 { padding-top:    10px }
.pr4 { padding-right:  10px }
.pb4 { padding-bottom: 10px }
.pl4 { padding-left:   10px }
.py4 { padding-top:    10px; padding-bottom: 10px }
.px4 { padding-left:   10px; padding-right:  10px }


.push-pr1 {
	width: calc(100% + 60px)
}

.push-pr2 {
	width: calc(100% + 30px)
}

.push-pr3 {
	width: calc(100% + 15px)
}




@media all and (max-width: 1100px) {


  .lg-and-below,
  .lg-only,
  .tablet-only,
  .tablet-and-below {
    display: block !important;
  }

  .xl-only,
  .md-only,
  .sm-only,
  .desktop-only {
    display: none !important;
  }


  .lg-left-text {
    text-align: left !important;
  }

  /*--SPACING--*/
  .lg-qtr-section-block,
  .qtr-section-block {
    margin-bottom: 19px !important;
  }

  .lg-threeqtr-section-block,
  .threeqtr-section-block {
    margin-bottom: 60px !important;
  }

  .lg-half-section-block,
  .half-section-block {
    margin-bottom:  !important;
  }

  .lg-section-block,
  .section-block {
    margin-bottom: 80px !important;
  }

  .lg-large-section-block,
  .large-section-block {
    margin-bottom:  !important;
  }


  /*--WRAPPERS--*/
  .xsmall-wrapper {
    width: ;
    max-width: ;
  }

  .small-wrapper {
    width: 70%;
    /* max-width: 620px; */
  }

  .wrapper {
    width: 80%;
    max-width: 880px;
  }

  .medium-wrapper {
    width: ;
  }

  .large-wrapper {
    width: 85%;
    max-width: 980px;
  }

  .xlarge-wrapper {
    width: ;
  }



  /*--GRID--*/
  .lg-col {
    float: left;
    box-sizing: border-box;
  }

  .lg-col-right {
    float: right;
    box-sizing: border-box;
  }

  .lg-col-1 {
    width: calc(1/12 * 100%);
  }

  .lg-col-2 {
    width: calc(2/12 * 100%);
  }

  .lg-col-3 {
    width: calc(3/12 * 100%);
  }

  .lg-col-4 {
    width: calc(4/12 * 100%);
  }

  .lg-col-5 {
    width: calc(5/12 * 100%);
  }

  .lg-col-6 {
    width: calc(6/12 * 100%);
  }

  .lg-col-7 {
    width: calc(7/12 * 100%);
  }

  .lg-col-8 {
    width: calc(8/12 * 100%);
  }

  .lg-col-9 {
    width: calc(9/12 * 100%);
  }

  .lg-col-10 {
    width: calc(10/12 * 100%);
  }

  .lg-col-11 {
    width: calc(11/12 * 100%);
  }

  .lg-col-12 {
    width: 100%;
  }

}


@media all and (max-width: 770px) {


  /*--RESPONSIVE COND--*/
  
  

  .tablet-landscape-and-above {
    display: none;
  }

  .md-and-below,
  .tablet-portrait-and-below {
    display: block;
  }

  .md-only {
    display: none !important;
  }

  .xl-only
  .lg-only {
    display: block !important; 
  }

  .md-no-float {
    float: none !important;
  }



  /*--SPACING--*/
  .qtr-section-block {
    margin-bottom:  !important;
  }

  .half-section-block {
    margin-bottom:  !important;
  }

  .section-block {
    margin-bottom:  !important;
  }

  .large-section-block {
    margin-bottom:  !important;
  }




  /*--WRAPPERS--*/
  .xsmall-wrapper {
    width: ;
    max-width: ;
  }

  .small-wrapper {
    width: 75%;
    max-width:;
  }

  .wrapper {
    width: 75%;
    max-width: 75%;
  }

  .medium-wrapper {
    width: 80%;
  }

  .large-wrapper {
    width: ;
  }

  .xlarge-wrapper {
    width: ;
  }


  /*--GRID--*/
  .md-col {
    float: left;
    box-sizing: border-box;
  }

  .md-col-right {
    float: right;
    box-sizing: border-box;
  }

  .md-col-1 {
    width: calc(1/12 * 100%);
  }

  .md-col-2 {
    width: calc(2/12 * 100%);
  }

  .md-col-3 {
    width: calc(3/12 * 100%);
  }

  .md-col-4 {
    width: calc(4/12 * 100%);
  }

  .md-col-5 {
    width: calc(5/12 * 100%);
  }

  .md-col-6 {
    width: calc(6/12 * 100%);
  }

  .md-col-7 {
    width: calc(7/12 * 100%);
  }

  .md-col-8 {
    width: calc(8/12 * 100%);
  }

  .md-col-9 {
    width: calc(9/12 * 100%);
  }

  .md-col-10 {
    width: calc(10/12 * 100%);
  }

  .md-col-11 {
    width: calc(11/12 * 100%);
  }

  .md-col-12 {
    width: 100%;
  }

  .p0  { padding: 0 }
  .pt0 { padding-top: 0 }
  .pr0 { padding-right: 0 }
  .pb0 { padding-bottom: 0 }
  .pl0 { padding-left: 0 }
  .px0 { padding-left: 0; padding-right:  0 }
  .py0 { padding-top: 0;  padding-bottom: 0 }

  .p1  { padding:        40px }
  .pt1 { padding-top:    40px }
  .pr1 { padding-right:  40px }
  .pb1 { padding-bottom: 40px }
  .pl1 { padding-left:   40px }
  .py1 { padding-top:    40px; padding-bottom: 40px }
  .px1 { padding-left:   40px; padding-right:  40px }

}



@media all and (max-width: 480px) {


  /*--RESPONSIVE COND--*/
  .sm-only,
  .sm-and-below,
  .mobile-only {
    display: block !important;
  }

  .lg-only,
  .md-only,
  .lg-and-below,
  .md-and-below,

  .not-mobile,
  .tablet-only,
  .above-tab-portrait,
  .tablet-only,
  .desktop-only {
    display: none !important;
  }

  
  .sm-block {
	  display: block;
  }

  /*--SPACING--*/
  .threeqtr-section-block {
    margin-bottom: 40px !important;
  }

  .qtr-section-block {
    margin-bottom: 25px !important;
  }

  .sm-half-section-block,
  .half-section-block {
    margin-bottom: 20px !important;
  }

  .sm-section-block,
  .section-block {
    margin-bottom: 50px !important;
  }

  .large-section-block {
    margin-bottom:  !important;
  }

  .sm-zero-section-block {
    margin-bottom: 0px !important;
  }
  
  
  
  .sm-threeqtr-section-block {
    margin-bottom: 40px !important;
  }

  .sm-qtr-section-block {
    margin-bottom: 25px !important;
  }

  .sm-half-section-block  {
    margin-bottom: 20px !important;
  }

  .sm-section-block {
    margin-bottom: 50px !important;
  }

  .sm-large-section-block {
    margin-bottom:  !important;
  }

  .sm-zero-section-block {
    margin-bottom: 0px !important;
  }  




  /*--WRAPPERS--*/
  .xsmall-wrapper {
    width: ;
    max-width: ;
  }

  .small-wrapper {
    width: 80%;
    max-width:;
  }

  .sm-full-wrapper {
    max-width: 100% !important;
    width: 100% !important;
  }

  .sm-wrapper,
  .wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 330px;
    width: calc(100% - 60px);
    float: none;
  }

  .medium-wrapper {
    width: 80%;
    max-width: 330px;
  }

  .sm-large-wrapper,
  .large-wrapper {
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
  }

  .xlarge-wrapper {
    width:90%;
  }

  a.sm-green-color,
  .sm-green-color {
    color: #B8D991 !important;
  }

  a.sm-blue-color,
  .sm-blue-color {
    color: #3D57A6 !important;
  }


  /*--GRID--*/
  .sm-col {
    float: left;
    box-sizing: border-box;
  }

  .sm-col-right {
    float: right;
    box-sizing: border-box;
  }

  .sm-no-float {
    float: none !important;
  }

  .sm-left-text {
    text-align: left !important;
  }

  .sm-center-text {
    text-align: center !important;
  }

  .sm-col-1 {
    width: calc(1/12 * 100%);
  }

  .sm-col-2 {
    width: calc(2/12 * 100%);
  }

  .sm-col-3 {
    width: calc(3/12 * 100%);
  }

  .sm-col-4 {
    width: calc(4/12 * 100%);
  }

  .sm-col-5 {
    width: calc(5/12 * 100%);
  }

  .sm-col-6 {
    width: calc(6/12 * 100%);
  }

  .sm-col-7 {
    width: calc(7/12 * 100%);
  }

  .sm-col-8 {
    width: calc(8/12 * 100%);
  }

  .sm-col-9 {
    width: calc(9/12 * 100%);
  }

  .sm-col-10 {
    width: calc(10/12 * 100%);
  }

  .sm-col-11 {
    width: calc(11/12 * 100%);
  }

  .sm-col-12 {
    width: 100%;
    max-width: 100%;
  }

  .sm-p0  { padding: 0 }
  .sm-pt0 { padding-top: 0 }
  .sm-pr0 { padding-right: 0 }
  .sm-pb0 { padding-bottom: 0 }
  .sm-pl0 { padding-left: 0 }
  .sm-px0 { padding-left: 0; padding-right:  0 }
  .sm-py0 { padding-top: 0;  padding-bottom: 0 }
  
  /*--PADDING--*/
  .sm-p1, .p1  { padding:        30px }
  .sm-pt1, .pt1 { padding-top:    30px }
  .sm-pr1, .pr1 { padding-right:  30px }
  .sm-pb1, .pb1 { padding-bottom: 30px }
  .sm-pl1, .pl1 { padding-left:   30px }
  .sm-py1, .py1 { padding-top:    30px; padding-bottom: 30px }
  .sm-px1, .px1 { padding-left:   30px; padding-right:  30px }

  .sm-p2, .p2  { padding:        20px }
  .sm-pt2, .pt2 { padding-top:    20px }
  .sm-pr2, .pr2 { padding-right:  20px }
  .sm-pb2, .pb2 { padding-bottom: 20px }
  .sm-pl2, .pl2 { padding-left:   20px }
  .sm-py2, .py2 { padding-top:    20px; padding-bottom: 20px }
  .sm-px2, .px2 { padding-left:   20px; padding-right:  20px }

  .sm-p3, .p3  { padding:        15px; }
  .sm-pt3, .pt3 { padding-top:    15px; }
  .sm-pr3, .pr3 { padding-right:  15px; }
  .sm-pb3, .pb3 { padding-bottom: 15px; }
  .sm-pl3, .pl3 { padding-left:   15px; }
  .sm-py3, .py3 { padding-top:    15px; padding-bottom: 15px; }
  .sm-px3, .px3 { padding-left:   15px; padding-right:  15px; }

  .sm-p4, .p4  { padding:        10px }
  .sm-pt4, .pt4 { padding-top:    10px }
  .sm-pr4, .pr4 { padding-right:  10px }
  .sm-pb4, .pb4 { padding-bottom: 10px }
  .sm-pl4, .pl4 { padding-left:   10px }
  .sm-py4, .py4 { padding-top:    10px; padding-bottom: 10px }
  .sm-px4, .px4 { padding-left:   10px; padding-right:  10px }

  .sm-p0, .p0  { padding: 0 }
  .sm-pt0, .pt0 { padding-top: 0 }
  .sm-pr0, .pr0 { padding-right: 0 }
  .sm-pb0, .pb0 { padding-bottom: 0 }
  .sm-pl0, .pl0 { padding-left: 0 }
  .sm-px0, .px0 { padding-left: 0; padding-right:  0 }
  .sm-py0, .py0 { padding-top: 0;  padding-bottom: 0 }
  
  
	.push-pr1,
	.push-pr2 ,
	.push-pr3 {
		width: calc(100%)
	}
	
	.sm-center-text {
		text-align: center !important;
	}
}