@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');


/*
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
*/


button::-moz-focus-inner {  border: 0;}
a:focus {     outline: none; }
button:focus {     outline: none; }
::-moz-focus-inner {border:0;}
:focus, :active {    outline: 0;    border: 0;}



select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background-image: url(../images/small-down-arrow.png);
   background-repeat: no-repeat;
   background-position: 85% center;
}



::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::placeholder {
  color: #fff;
}


body {color: #666; margin: 0px; font-family: poppins; font-size: 15px; font-weight: 300; line-height: 26px; margin: 0px 0px 0px 0px; }

html {  scroll-behavior: smooth;}


body,html {height:100%;}

#wait {width:100%; height:100%; position:fixed; left:0px; top:0px; background-color:rgb(0,0,0,0.5); color:#fff; text-align:center; font-size:14px; display:none; z-index:10;  }

a{transition: all 0.5s ease-in 0s; text-decoration:none!important; outline:none; color: #000;}

a:focus, a:active,  a, focus, select {border:0px; outline:none;}

.clear{clear:both;}

p{margin-top:0px; text-align: left;}

img {border:0px;}

form{margin:0px;}

input {outline:none;}

* {box-sizing:border-box; }

h3 {line-height:120%; font-size:36px;}




header {background-color:#fff; display:table; width:100%; box-shadow:0px 0px 5px 3px #ccc; position:absolute; z-index:1; top:0px;}

.logo {display:inline-block; float:left;}

.logo  img {position:absolute;}

.logo a, .logo img {display:block;} 

.phone {float:right; display:inline-block; margin:20px 0px;}

.phone a, .phone img {display:block;} 

.mobile-image {display:none!important;}


.banner {display:table; width:100%; height:500px; background-image:url(../images/banner.jpg); background-position:center center; margin-top:85px;}

.banner-text {width:450px; float:right; margin-right:360px; color:#0a57a4;}

.banner-text h1 {font-size:32px; line-height:120%; text-align:right; margin-top:100px;}

.banner-text p {text-align:right; width:300px; float:right; border-top:1px solid #0a57a4; padding-top:20px; font-weight:500;}

.banner-text p strong {font-weight:700; color:#f06c31;}





.coaching {display:table; width:100%; padding:60px 0px; background-image:url(../images/bg.jpg); background-position:right top; background-repeat:no-repeat; height:630px; }

.coaching h3 {font-size:36px; color:#0a57a4;}

.coaching ul {margin:0px 0px 0px 30px; padding:0px; }

.coaching li { padding-left:20px; list-style-image:url(../images/tick-icon.png); margin-bottom:20px; max-width:600px; color:#000;}

.coaching li strong {font-weight:700; color:#0a57a4;}




.orange {display:table; width:100%; padding:60px 0px; background-color:#f06c31; color:#fff;}

.orange h3 {font-size:36px;}

.orange .col-5-of-8 { border-left:1px solid #fff;}

.orange  li {font-weight:400; margin-bottom:10px;}

.orange  li strong {font-weight:700;}

.orange  li em {color:#0a57a4; font-style:normal; font-weight:700;}

.orange  .col-5-of-8 a {display:none;}







.gray {display:table; width:100%; padding:60px 0px; background-color:#f7f7f7; color:#0a57a4;}

.gray h3 {font-size:36px; line-height:130%; margin-bottom:20px;}

.gray p {font-size:16px; line-height:160%; font-weight:500; width:400px; }






.icons {display:table; width:100%; padding:40px 0px; background-color:#fff;}

.icons img {display:block; margin:20px auto;}

.icons span {display:block; text-align:center; color:#0a57a4; font-size:14px; font-weight:600; line-height:140%; padding:0px 20px;}

.icons  .col-1-of-5 { background-image:url(../images/pipe.png); background-repeat:no-repeat; height:250px;}

.icons  .grid-1280  {background-image:url(../images/pipe.png); background-repeat:no-repeat;  background-position:right center;}








.blue {display:table; width:100%; padding:60px 0px; background-color:#0a57a4;}

.blue h3 {text-align:center; font-size:36px; font-weight:700; color:#fff; margin:0px 0px 50px 0px;}

.blue img {display:block; width:100%;}

.blue .col-1-of-4 {padding:5px!important;}









footer { padding:50px 0px 0px 0px; display:table; width:100%; background-color:#222; color:#fff;}

footer  strong {font-size:20px; font-weight:700;}

.map {width:100%; display:block;}

.map img {max-width:100%; display:block; width:520px;}

.copyright {background-color:#111; padding:15px 0px; text-align:center; text-transform:uppercase; font-size:11px; letter-spacing:2px; }

#footer-map-mobile {display:none;}





.map-and-location {display:block; color:#fff; font-weight:500; }

.map-and-location img {float:left; margin-right:10px;}




.top-form .grid-1280 { position:relative;}



.blue-box { width:328px; height:427px; background-image:url(../images/blue-box.png); margin-top:0px; float:right; margin-top:-465px; position:absolute; right:0px;}

.blue-box  h2 {font-size:24px; text-align:center; padding-top:20px; font-weight:600; margin:0px 0px 10px 0px; color:#fff;}

.blue-box .textbox {display:block; width:100%; max-width:240px; border:0px; padding:10px; margin:5px auto; background-color:#084683; border:1px solid #2e75bc; color:#fff; font-family:poppins; font-size:14px;}

.blue-box .white-rounded-box {display:block; width:100%; max-width:240px; border:0px; padding:10px; margin:5px auto; background-color:#084683; border:1px solid #2e75bc; color:#fff; font-family:poppins; font-size:14px;}

.blue-box .white-rounded-box label {color:#fff;}

#ebcaptchainput {width:40px; border-radius:0px; border:0px; padding:5px; margin-left:10px;}

.blue-box .submit-button {display:block; max-width:240px; width:100%; border:0px; background-color:#f06c31;  font-family:poppins; font-size:14px; color:#fff; text-transform:uppercase; letter-spacing:2px; padding:10px; margin:auto; transition: all 0.5s ease-in 0s;}

.blue-box .submit-button:hover {background-color:#c94409; transition: all 0.5s ease-in 0s;}

.blue-box select.textbox { background-image:url(../images/down-arrow.png); background-repeat:no-repeat; background-position:93% center; color:#7b9cc0; }


#form1 button:disabled, #form1 button[disabled], #form1 button:disabled, #form1 button[disabled]:hover {   border: 0px;    background-color: #1f6bb6;  color: #58a0e8;  text-transform: uppercase;  padding: 10px;  font-family: poppins;  font-weight: 500;  letter-spacing: 2px;  font-size: 14px;   padding: 11px 20px;}


.orange-box { width:328px; height:470px; background-image:url(../images/orange-box.png); margin-top:0px;}

.orange-box h3 {font-size:24px; text-align:center; padding-top:20px; font-weight:600; margin:0px 0px 10px 0px; color:#fff;}

.orange-box .textbox {display:block; width:100%; max-width:240px; border:0px; padding:10px; margin:5px auto; background-color:#d85e28; border:1px solid #f4976d; color:#fff; font-family:poppins; font-size:14px;}

.orange-box .submit-button {display:block; max-width:240px; width:100%; border:0px; background-color:#0a57a4;  font-family:poppins; font-size:14px; color:#fff; text-transform:uppercase; letter-spacing:2px; padding:10px; margin:auto; }

.orange-box .submit-button:hover {background-color:#083868; transition: all 0.5s ease-in 0s;}

.orange-box .white-rounded-box {display:block; width:100%; max-width:240px; border:0px; padding:10px; margin:5px auto; background-color:#d85e28; border:1px solid #f4976d; color:#fff; font-family:poppins; font-size:14px;}

.orange-box .white-rounded-box label {color:#fff;}

.orange-box select.textbox { background-image:url(../images/down-arrow.png); background-repeat:no-repeat; background-position:93% center; color:#edad77;}

#form2 button:disabled, #form2 button[disabled], #form2 button:disabled, #form2 button[disabled]:hover {   border: 0px;    background-color: #fb8d5d;  color: #fbb99c;  text-transform: uppercase;  padding: 10px;  font-family: poppins;  font-weight: 500;  letter-spacing: 2px;  font-size: 14px;   padding: 11px 20px;}



.two-part {display:table; width:100%; padding-top:160px;}

.two-part h3 {font-size:32px; color:#0a57a4; margin:5px 0px 20px 0px;}

.two-part h4 {font-size:20px; color:#0a57a4; margin:5px 0px 20px 0px;}

.two-part ul li {margin:20px 0px; font-weight:600; color:#f06c31; font-size:18px; list-style-image:url(../images/bullet.png); padding-left:10px;}

.two-part ul li strong {font-weight:700; color:#0a57a4;}

.small-heading {display:block; font-weight:700; color:#f06c31;}

.and-more {display:block; font-weight:700; color:#0a57a4;}

.conclusion  {display:block; font-weight:700; background-color:#f06c31; padding:20px; color:#fff; margin-top:20px; margin-bottom:30px; line-height:140%;}

.pie-chat-big {max-width:400px; display:block; margin:auto; margin-bottom:60px;}

.pie-chat-big-heading {display:block; padding:20px; text-align:center; background-color:#0a57a4; color:#fff; margin-bottom:20px;}

.pie-chat-big-heading h3 {color:#fff; font-size:24px; margin:0px;}

.yellow {display:block; color:#FFCC00;}

.green {display:block; color:#66FF99;}


.part-1-float-left {float:left!important;}

.part-2-float-right {float:right!important;}





.testimonails {
  padding: 50px 0px;
  display: table;
  width: 100%;
  background-color: #eee;
}


.testimonails h3 {color:#0a57a4; text-align:center;}

.review-box {
  border: 1px solid #eee;
  background-color: #fff;
  border-radius: 15px;
  width: 97%;
  margin: 2% 2% 2% 2%;
  float: left;
  position: relative;
  padding: 20px;
  box-shadow: 0px 0px 5px 0px #ddd;
}

.s-face {
  border: 5px solid #fdcb34;
  display: block;
  margin: auto;
    margin-bottom: auto;
  border-radius: 1000px;
  margin-bottom: 20px;
}

.rating {
  display: block;
  margin: auto;
    margin-bottom: auto;
  width: 100px;
  margin-bottom: 20px;
}


.review-box span strong {
  font-weight: 600;
  color: #0054a5;
  line-height: 140%;
  font-size: 16px;
  height: 30px;
}

.review-box span {
  display: block;
  text-align: center;
  font-weight: 600;
  line-height: 140%;
  font-size: 14px;
  height: 30px;
}

.review-box p {
  text-align: center;
  padding: 20px;
  line-height: 140%;
  height: 190px;
}

.text-button {
  background-color: #f2681e;
  border: 2px solid #f2681e !important;
  display: inline-block;
  border-radius: 1000px;
  color: #fff;
  padding: 12px 30px;
  font-weight: 600;
  font-size: 15px;
  margin-top: 20px;
  text-transform: uppercase;
}


.testimonails .text-button {
  margin: auto;
    margin-top: auto;
  width: 180px;
  display: block;
  text-align: center;
  margin-top: 40px;
}

.orange-rounded-button:hover, .text-button:hover {
  background-color: #fff;
  color: #f2681e;
}







h2 {
  text-align: center;
  font-weight: 700;
  font-size: 40px;
  color: #0054a5;
  margin: 0px 0px 50px 0px;
  line-height: 140%;
}




.blue-link {
  color: #0054a5;
  font-weight: 400;
  border-bottom: 1px solid #0054a5;
}









.why { padding:60px 0px; display:table; width:100%;}

.why-box { width:100%; padding:20px 0px; }

.why-box img {display:block; margin:20px auto;}

.why-box span {display:block; margin:20px auto; text-align:center; font-weight:500; color:#0054a5; line-height:140%;}

.why  .col-1-of-5  {background-image:url(../images/pipe2.png); background-position:right top; background-repeat:no-repeat;}

.why  .col-1-of-5:last-child {background-image:none;}











.products {width:100%; background-color:#fff;  display:table; padding:60px 0px;}

.products {display:table; width:100%; padding:60px 0px; background-image:url(../images/bg.webp); background-attachment:fixed; background-size:cover; }  

.products h2 {color:#fff; font-size:38px;}

.product-box {background-color:#fff; border-radius:20px; position:relative; display:table; box-shadow:0px 0px 20px 0px #ddd; margin-bottom:30px; width:100%;}

.product-box a {display:block;}

.product-image {display:block; width:100%; border-radius:20px 20px 0px 0px; }

.curve1 {display:block; position:absolute; margin-top:-57px; width:100%;}

.product-box span {display:block; padding:20px; height:90px;}

.product-box span img {display:inline-block; float:right; margin-top:5px;}

.product-box h4 { color:#0054a5; display:inline-block; float:left; margin:0px; line-height:140%; font-weight:600; width:76%; height:90px;}

.step-box {background-color:#fff; padding:20px; border-radius:10px; font-size:13px; line-height:160%; height:250px; display:table-cell; vertical-align:top; text-align:center; position:relative; color:#0054a5;}

.step-box::after {  content: "";  display:block;  width: 0;  height: 0;  position:absolute; border-bottom: solid 10px transparent; border-top: solid 10px #fff; border-left: solid 10px transparent; border-right: solid 10px transparent; bottom:-19px; left:45%;}

.step-box2 {background-color:#fff; padding:20px; border-radius:10px; font-size:13px; line-height:160%; height:250px; display:table-cell; vertical-align:top; text-align:center; position:relative; color:#0054a5; }

.step-box2::after {  content: ""; display:block;  width: 0;  height: 0;  position:absolute; border-bottom: solid 10px #fff; border-top: solid 10px transparent; border-left: solid 10px transparent; border-right: solid 10px transparent; top:-9px; left:45%;}

.progress-bar { border-top:2px solid #fff;  margin:30px 0px; text-align:center;}

.progress-bar.first-bar {width:50%; float:right; text-align:left;}

.progress-bar.first-bar span {margin-left:-10px;}

.progress-bar.last-bar {width:50%; float:left; text-align:right;}

.progress-bar.last-bar span {margin-right:-10px;}

.step-box img, .step-box2 img {display:block; margin:auto; width:80px; margin-bottom:15px;} 

.process-steps img {width:100%; display:block;}

.process-steps .only-mobile-view {display:none;}

.progress-bar span {font-size:40px; color:#f16315; font-weight:bold; display:block; margin-top:-15px;  }

.step-holder {padding:0px!important;}

.step-holder2 {padding:0px!important; margin-top:250px;}

.products .readmore:hover {background-color:#0054a5; border:2px solid #0054a5!important; color:#fff;}















.plans {display:table; width:100%; padding:60px 0px; background-color:#f7f7f7;}

.plan-box { width:100%; background-color:#fff; border-radius:20px; box-shadow:0px 0px 20px 0px #ddd; height:740px;}

.plan-name { display:block; background-color:#f16315; text-align:center; color:#fff; border-radius:20px 20px 0px 0px; padding:30px 0px; font-size:24px; margin:0px;}

.plan-subjects { display:block; background-color:#0054a5; text-align:center; color:#fff;  padding:10px 40px; font-size:13px;  line-height:140%;}

.plan-subjects strong {font-weight:600; display:block; color:#fff; font-weight:700; font-size:15px;}

.special-offer { display:block; background-color:#fffc00; text-align:center; color:#000;  padding:10px 40px; font-size:13px;  line-height:140%; border-bottom:1px solid #ccc; font-weight:600;}

.plan-listing {margin:0px 0px 20px 20px; padding:20px; display:inline-block; }

.plan-listing li {padding-left:10px; list-style-image:url(../images/bullet.png); margin-bottom:0px; font-size:14px;}

.plan-table {border-collapse:collapse; width:100%; margin:0px; padding:0px;}

.plan-table td {border-bottom:1px solid #ddd; padding:6px 10px; height:54px;}

.plan-table td:nth-child(1) {width:70%;}

.plan-table td:nth-child(2) {width:30%;}

.plan-table td:nth-child(3) {width:10%;}

.plan-table tr:hover {background-color:#f7f7f7;}

.plan-table a {  background-color:transparent; color:#0054a5;  display: inline-block;}

.plan-table a img {display:block;}

.plan-notes {width:100%; background-color:#fff; border-radius:20px; box-shadow:0px 0px 20px 0px #ddd; padding:30px; display:table;}

.plan-notes h3 { display:inline-block; float:left; margin:0px; color:#0054a5; font-size:24px; width:70%;  }

.plan-notes h4 { display:inline-block; float:left; margin:0px; font-weight:500; padding-top:10px;}

.plan-notes a {   background-color: #f16315;  color: #fff;  border-radius: 1000px;  border: 2px solid #f16315;  padding: 13px;  line-height: 120%;  font-weight: 600;  text-transform: uppercase;  width: 150px;  text-align: center;  display: inline-block;  float: right; margin-top:-20px;}

.plan-notes a:hover {  border: 2px solid #f16315;  color: #f16315;  background-color: #fff;}

.plan-table form {  margin: 0px;  height: 40px;}




.plan-table2 {border-collapse:collapse; width:100%; margin:0px; padding:0px;}

.plan-table2 th {border-bottom:1px solid #ddd; padding:6px 10px; height:46px; background-color: #0054a5; color:#fff; font-weight:bold; text-align:left; line-height:120%;}

.plan-table2 td {border-bottom:1px solid #ddd; padding:6px 10px; height:46px;}

.plan-table2 tr:hover {background-color:#f7f7f7;}

.plan-table2 a {  border-radius: 1000px; background-color:transparent; color:#0054a5; border: 2px solid #0054a5 !important;  padding: 7px 10px;  line-height: 120%;  font-weight: 600;  text-transform: uppercase;  width: 110px;
  text-align: center;  display: inline-block; font-size:12px;}

.plan-table2 a:hover {background-color: #f16315; border:2px solid #f16315!important; color: #fff;}





.plan-table-new {border-collapse:collapse; width:100%; margin:0px; padding:0px;}

.plan-table-new td {border-bottom:1px solid #ddd; padding:2px 4px; height:40px; border-right:1px solid #ddd; font-size:14px; line-height:120%;}

.plan-table-new th {border-bottom:1px solid #ddd; padding:2px 4px; height:40px; border-right:1px solid #ddd; text-align:left; background-color:#666; font-size:14px; color:#fff;}

.plan-table-new tr th { border-right:0px solid #ddd;}

.plan-table-new tr td:last-child { border-right:0px solid #ddd;}

.plan-table-new td img {display:block;}





.readmore {  background-color: #f16315;  color: #fff;  border-radius: 1000px; margin:auto;  border: 2px solid #f16315!important;  padding: 13px;  line-height: 150%;  font-weight: 600;  text-transform: uppercase;  width: 200px;  text-align: center;  display: block;  }

.readmore:hover { background-color:transparent; color:#f16315;}









.courses {display:table; width:100%; padding:60px 0px; box-shadow:inset 0px 20px 30px 0px #eee; }

.course-box {width:100%;  border-radius:20px; text-align:center; box-shadow:0px 0px 20px 0px #ddd; padding:0px 0px 35px 0px; position:relative;}

.course-box h3 {margin:30px 0px 0px 30px; color:#0054a5; font-size:26px; line-height:120%; font-weight:600; text-align:left;}

.course-box  a {  background-color: #f16315; margin-top: 30px;  color: #fff;  border-radius: 1000px;  border: 2px solid #f16315 !important;  padding: 15px 10px;  line-height: 120%;  font-weight: 600;  text-transform: uppercase;  width: 160px;
  text-align: center;  display: inline-block; font-size:14px; margin-left:5px; margin-right:5px;}

.course-box  a:hover {border: 2px solid #f16315 !important; background-color:transparent; color:#f16315; }

.program-image {  display: block;  width: 100%; border-radius: 20px 20px 0px 0px;}








.about-product {width:100%; background-color:#fff;  display:table; padding:60px 0px;}

.about-product h2 {text-align:left; margin:0px 0px 20px 0px;}

.about-product h3 {text-align:left; font-size:26px; font-weight:600; color:#f16315; line-height:140%;}

.vertical-pic {float:left; margin-right:60px; border-radius:20px;}

.about-product  .listing {margin:0px 0px 0px 20px; padding:0px; display:inline-block;}

.about-product  .listing li { padding-left:10px; list-style-image:url(../images/bullet.png); margin-bottom:10px; font-size:16px;}

.products {width:100%; background-color:#fff;  display:table; padding:60px 0px;}




















.orange { padding:60px 0px; display:table; width:100%; background-color:#f26f28;}

.white-box {background-color:#fff; padding:20px; display:table; width:100%; color:#0054a5; border-radius: 10px;  }

.white-box strong { display:inline-block; float:left;  margin-right:20px; color:#0054a5; font-size:36px; font-weight:300; border-right:1px solid #ddd; padding:20px 15px; margin-top:10px; }

.white-box span {margin-top:25px; font-weight:600; line-height:120%; display:inline-block;}

.white-box img {float:right; display:inline-block; margin-top:5px;}

.blue-text-button {background-color: #0054a5; color: #fff; border-radius: 1000px; border: 2px solid #0054a5;  padding: 17px; line-height: 120%; font-weight: 600; text-transform: uppercase; width: 200px; text-align: center; display: inline-block; }

.blue-text-button:hover {  border: 2px solid #fff;  color: #fff;  background-color:transparent;}

#buttons {text-align:center; padding:40px 0px 0px 0px; display:table;}

.faq {  padding: 50px 0px 30px 0px;  display: table;  width: 100%;}















#overlay { width:100%; height:100%; left:0px; top:0px; background-color:rgb(0,0,0,0.8); position:fixed; z-index:100; display:none; }

#overlay .blue-box {float:none; margin:auto; position:relative; }












/* accordion */

.accordion {
  display: block;
  font-weight: 600;
  color: #0054a5;
  padding: 10px 15px;
  background-color: #fff;
  margin-bottom: 5px;
  border-radius: 7px;
  font-family:poppins;
  font-size:16px;
  width:100%;
  text-align:left;
  cursor:pointer;
  border:2px solid #0054a5;
  margin-top:10px;
}


.active, .accordion:hover {
   background-color: #0054a5;
   color:#fff;
}

.accordion:hover:after {
   color:#fff;
}

.accordion:after {
  content: '\002B';
  color: #0054a5;
  font-weight: 600;
  float: right;
  margin-left: 5px;
  font-size:20px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding:0;
  background-color:#fff;
  border-radius:7px;
  max-height: 0;
  overflow: hidden;
  color:#000;
  transition: max-height 0.2s ease-out;
  width:100%;

}
/* accordion */

































/* Grid */


.grid-1280 {display:table; width:1280px; margin:auto;  }

.row {width: 100%; display: table; }

.col-1-of-12 {width: 8.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-11 {width: 9.09%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-10 {width: 10%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-9 {width: 11.11%; float: left; padding-left: 15px; padding-right: 15px; }

.col-8-of-9 {width: 88.89%; float: left; padding-left: 15px; padding-right: 15px; }

.col-7-of-9 {width: 77.78%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-9 {width: 66.67%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-9 {width: 55.56%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-9 {width: 44.45%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-9 {width: 33.34%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-9 {width: 22.23%; float: left; padding-left: 15px; padding-right: 15px; }


.col-1-of-8 {width: 12.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-7-of-8 {width: 87.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-8 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-8 {width: 62.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-8 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-8 {width: 37.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-8 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-7 {width: 14.28%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-7 {width: 85.68%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-7 {width: 71.4%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-7 {width: 57.12%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-7 {width: 42.84%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-7 {width: 28.56%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-6 {width: 16.66%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-6 {width: 83.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-6 {width: 66.64%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-6 {width: 49.98%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-6 {width: 33.32%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-5 {width: 20%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-5 {width: 80%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-5 {width: 60%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-5 {width: 40%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-4 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-4 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-3 {width: 33.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-3 {width: 66.66%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-2 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-1 {width: 100%;  padding-left: 15px; padding-right: 15px; }


.content {display: block; padding: 10px 0px; background-color: #eee; text-align: center; font-size: 10px; color: #000; border: 1px solid #ccc;}


/* Grid */




















/* Scroll Top */

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0px;
	right:0px;	
	z-index:99;
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	padding:0;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 
	background-color: #f06c31;
}

.scroll a {padding:25px 0px 0px 0px; display:block; color:#fff; height:50px; width:50px;}

.scroll a span {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  display: block;
  margin:auto;
  animation: buttonarrow 0.6s infinite alternate ease-in-out;
}


@keyframes buttonarrow {
	0% {
		transform: translateY(0);
		opacity: 1.0
	}
	100% {
		transform: translateY(-0.5em);
		opacity: 1.0
	}
}

/* Scroll Top */









/* responsive menu */

.responsive-menu-icon { display:none;}


.responsive-menu-icon {
    display: block;
    cursor: pointer;
    background-color:#000;
    width: 66px;
    height: 66px;
    position: fixed;
    right: 0;
    top: 0px;
    padding: 22px;
    box-sizing: border-box;
    z-index: 10000;
    display: none;
    z-index: 1000;
}

.bar1, .bar2, .bar3 {
    width: 23px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -5px);
}


/* responsive menu */