/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

#sizepage{
display: block;
max-width: 966px;
margin: 0 auto;
border: 0px solid #eee;
font-family: Montserrat;
}

.sizeclear{
display: block;
clear: both;
}
.scenter{
text-align: center;
}
.sizebigtitle{
display: block;
padding-top: 0px;
padding-bottom: 0px;
font-family: Montserrat;
font-size: 60px;
font-style: normal;
font-variant: normal;
font-weight: lighter;
color: #000;
background: #E5ECFF;
}

.line-top{
display: block;
height: 10px;
background: #E5ECFF;
}
#smenu{
display: block;
width: 100%;
padding: 0px;
text-align: center;
background: #E5ECFF;
padding-top: 3px;
padding-bottom: 10px;
}
#smenu > a{
display: inline-block;
min-width: 32%;
background: #fff;
margin-left: 1px;
margin-bottom: 4px;
font-family: Montserrat;
font-size: 22px;
font-style: regular;
font-variant: normal;
font-weight: lighter;
white-space: nowrap;
text-decoration: none;
color: #000;
border-bottom: 1px solid #000;
}
#smenu > a > span{
display: block;
padding-left: 3px;
padding-right: 3px;
}
#smenu > a:hover{
background: #7f28c4;
color: #ffffff;
}
.spseparator{
display: block;
width: 100%;
clear: both;
height: 1px;
overflow: hidden;
border-top: 3px solid #7f28c4;
border-bottom: 1px solid #7f28c4;
margin-top: 0px;
margin-bottom: 4px;
}
.spage{
display: block;
margin: 0;
padding: 0;
}
.scoll3{
display: block;
float: left;
margin: 0;
padding-top: 10px;
width: 33%;
}
.scoll2{
display: block;
float: left;
margin: 0;
padding-top: 10px;
width: 50%;
}
.shalfinside{
display: block;
float: left;
margin: 0;
padding-top: 10px;
width: 50%;
}
.scollcontent{
display: block;
padding: 4px;
}
.sbright{
border-left: 1px dotted #ccc;
border-right: 1px dotted #ccc;
}

.sizepagetitle{
display: block;
padding-top: 4px;
padding-bottom: 4px;
font-family: Montserrat;
font-size: 40px;
font-style: normal;
font-variant: normal;
font-weight: bold;
color: #000;
border-bottom: 3px solid #000;
}


.spintrotext{
display: block;
margin: 20px auto 20px auto;
width: 100%;
}
.introtextleft{
background: url(../img/left-curly-brace.png);
background-position: left;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.introtextright{
width: 90%;
padding-top: 10px;
padding-bottom: 10px;
font-family: Montserrat;
font-size: 14px;
line-height: 120%;
}
.intropagetitle{
display: block;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
}
.tablesizes{
width: 100%;
margin-top: 24px;
margin-bottom: 14px;
}
.tablesizes td{
border: 1px solid #000;
font-family: Montserrat;
font-size: 10px;
font-weight: Bold;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 2px;
padding-right: 2px;
}
.tabletitle{
display: block;
float: left;
background:  linear-gradient(131.14deg, #7F28C4 4.53%, #E2197C 70.61%, #E5231B 102.64%);
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
padding: 4px;
}
.imgfullwidth{
display: block;
width: 100%;
}

.tablesizo{
width: 100%;
margin-top: 24px;
margin-bottom: 14px;
}
.tablesizo td{
border: 0px solid #000;
font-family: Montserrat;
font-size: 14px;
font-weight: Regular;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 2px;
padding-right: 2px;
}



.redbullets{
display: block;
margin: 10px auto 20px auto;
width: 90%;
font-family: Montserrat;
font-size: 12px;
padding-bottom: 20px;
}
.sbullet{
display: inline;
width: 30px;
height: 30px;
font-family: Montserrat;
font-size: 16px;
font-weight: bold;
line-height: 32px;
float: left;
margin-right: 10px;
text-align: center;
background: red;
color: #fff;
-moz-border-radius: 32px;
border-radius: 32px;
}
.bullettitle{
font-size: 18px;
font-weight: bold;
}
.bullettext{
display: block;
margin-left: 38px;
margin-top: -32px;
padding-bottom: 14px;
}






.boxborder{
display: block;
width: 90%;
margin: 4px auto;
padding: 1px 8px 1px 8px;
font-family: Montserrat;
font-size: 12px;
border: 1px solid #000;
}

.boxborderkids{
display: block;
width:70%;
margin: 40px auto;
padding: 1px 8px 1px 8px;
font-family: Montserrat;
font-size: 14px;
border: 1px solid #000;
}

.boxlogo{
display: block;
position: relative;
margin-top: -10px;
}

.gotoproducts{
display: inline-block;
background: #7f28c4;
float: right;
font-family: Montserrat;
font-size: 16px;
color: #fff;
text-decoration: None;
font-weight: Bold;
margin: 10px;
padding: 4px;
border-top-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.gotoproducts:hover{
color: #fff;
}


.boxtitle{
display: block;
float: left;
padding: 0px 10px 2px 10px;
background: #fff;
position: relative;
margin-top: -13px;
font-family: Montserrat;
font-size: 22px;
font-style: italic;
}
.halfwidthleft{
display: block;
width: 50%;
float: left;
}
.two-thirdswidthleft{
display: block;
width: 70%;
float: left;
}
.halfwidthright{
display: block;
width: 50%;
float: right;
}

@media(max-width: 750px) {
	.scoll3, .scoll2{
	display: block;
	float: none;
	clear: both;
	margin: 0 auto;
	width: 70%;
	}
	.shalfinside{
	display: block;
	clear: both;
	float: none;
	margin: 0 auto;
	width: 100%;
	}
	.sbright{
	border: 0;
	}
	.boxborderkids{
	display: block;
	width: 50%;
	margin: 4px auto;
	padding: 1px 8px 1px 8px;
	font-family: Montserrat;
	font-size: 12px;
	border: 1px solid #000;
	}
}

@media(max-width: 440px) {
	.scoll3, .scoll2{
	display: block;
	float: none;
	clear: both;
	margin: 0 auto;
	width: 100%;
	}
	.shalfinside{
	display: block;
	clear: both;
	float: none;
	margin: 0 auto;
	width: 100%;
	}
	.sbright{
	border: 0;
	}
	.boxborderkids{
	display: block;
	width: 60%;
	margin: 4px auto;
	padding: 1px 8px 1px 8px;
	font-family: Montserrat;
	font-size: 12px;
	border: 1px solid #000;
	}
	#smenu > a{
	display: block;
	clear: both;
	margin-left: 0;
	}
}
@media(max-width: 250px) {
.boxborderkids{
	display: block;
	width: 80%;
	margin: 4px auto;
	padding: 1px 8px 1px 8px;
	font-family: Montserrat;
	font-size: 12px;
	border: 1px solid #000;
	}

	.spintrotext{
	width: 100%;
	margin: 15px auto 15px auto;
	}

	.sizepagetitle{
	font-size: 32px;
	}
	.sizebigtitle{
	font-size: 40px;
	}
	#smenu > a{
	display: block;
	clear: both;
	font-size: 18px;
	}
}

h1 {
  text-transform: uppercase;
  text-align: center;
}

h2 {
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: center;
  color: #676DAD;
}

.lightBlue {
  color: #8BC9D2;
}

.top {
  display: flex;
  margin-bottom: 20px;
}

.top div {
  width: 50%;
}

.topText p {
  margin-bottom: 20px;
}

.topImg img {
  width: 90%;
}

table {
  margin: 5px auto 20px auto;
}

table td {
  border: 1px solid #000;
  text-align: center;
  padding: 5px;
}

table1 {
  margin: 5px auto 20px auto;
}

table1 td {
  border: 0px solid #000;
  text-align: center;
  padding: 5px;
}

.wTable table td {
  padding: 5px 15px;
}

.bold {
  font-weight: bold;
}

.wTable {
  text-align: center;
  margin-bottom: 30px;
}

.tables {
  display: flex;
}

.w2Table,
.mTable {
  width: 50%;
  margin: 0 10px;
}

.wTable p,
.w2Table p,
.mTable p {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}

@media only screen  and (max-width: 900px) {
  body {
    width: unset;
    margin: 10px;
  }
}

@media only screen  and (max-width: 768px) {
  body {
    text-align: center;
  }
  .top {
    display: flex;
    flex-direction: column;
  }
  .top div {
    width: 100%;
  }
  .topImg img {
    width: 50%;
  }
  .wTable table td {
    padding: 2px;
  }
  .w2Table,
  .mTable {
    width: 100%;
  }
}

@media only screen  and (max-width: 550px) {
  h2 {
    font-size: 1.3em;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .topText p {
    margin-bottom: 10px;
  }
  .tables {
    flex-direction: column;
  }
}