@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;
}




body {color: #000; margin: 0px; font-family: poppins; font-size: 14px; font-weight: 300; line-height: 30px; margin: 0px 0px 0px 0px; }

html {  scroll-behavior: smooth;}

body, html {height:100%;}

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; }

figure {margin:0px; padding:0px;}

h2 {font-size:48px; margin:0px 0px 20px 0px; line-height:120%;}



.readmore {display:block; background-color:#000; color:#fff; width:200px; padding:10px 20px; font-weight:500; margin-top:40px; background-image:url(../images/button-arrow.png); background-repeat:no-repeat; background-position:-50px center;}

.readmore:hover {background-position:20px center; padding-left:70px;}








header {position:fixed; left:0px; top:0px; transition: all 0.5s ease-in 0s; width:100%; background-color:#d64731; background-image:url(../images/bg-objects.png); background-position:170% 50px; background-repeat:no-repeat; z-index:10;}

.top-stripe { background-color:#222; width:100%; display:table; line-height:40px; padding:5px 0px;}

.top-stripe span {display:inline-block; float:left; color:#fff;  opacity:0.5;}

.top-stripe a {display:inline-block; float:left; color:#fff; opacity:0.5;}

.top-stripe span:hover, .top-stripe a:hover {opacity:1.0;}

.top-stripe img {display:inline-block; float:left; width:30px; margin:5px 7px 5px 10px; }

.get-quote {border:1px solid #fff; padding:5px 20px; line-height:20px; border-radius:100px; margin-top:3px; float:right!important; margin-right:10px; font-weight:500; }

.sm-top  {display:inline-block; float:right; margin-top:7px;}

.sm-top img {margin:2px; width:25px;}

.logo {float:left; display:inline-block; margin-top:15px; transition: all 0.5s ease-in 0s; }

.logo a, .logo a img {width:200px; transition: all 0.5s ease-in 0s; }

.top-navigation {float:right; display:inline-block; margin-top:40px; transition: all 0.5s ease-in 0s; }

.top-navigation a {color:#fff; text-transform:uppercase; font-weight:500; margin-left:40px;}

.top-navigation .current-page {border-bottom:1px solid #fff;}


header.darker .logo { margin-top:5px;}

header.darker .logo a, header.darker .logo a img {width:100px;}

header.darker .top-navigation { margin-top:13px;}



.home-banner {display:flex; width:100%; height:100%; background-color:#d64731; background-image:url(../images/bg-objects.png); background-position:170% 50px; background-repeat:no-repeat; overflow:hidden; }

.home-banner .grid-1280, #banner-part1,  #banner-part2 {position:relative;}

.home-banner h1 {font-size:60px; color:#fff; line-height:120%; margin-top:220px;}

.vector1 { width:100%; margin-top:15%;}

.object1 {position:absolute; right:-700px; bottom:-200px; z-index:1; }

.face1 {position:absolute; top:11%; left:-15%; z-index:2;}
 
.face2 {position:absolute; top:80%; right:50%; z-index:2;}

.face3 {position:absolute; top:90%; right:0; z-index:2;}




@keyframes movement1 {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-2em);
	}
}

.face1, .face3 {animation: movement1 3s infinite alternate ease-in-out;}



@keyframes movement2 {
	0% {
		transform: translateX(-2em);
	}
	100% {
		transform: translateX(0);
	}
}

.face2 {animation: movement2 3s infinite alternate ease-in-out;}



#banner-part1 .blinking-star-1 {position:absolute; top:80px; right:-5%;}
#banner-part1 .blinking-star-2 {position:absolute; top:130px; right:-10%;}
#banner-part1 .blinking-star-3 {position:absolute; top:150px; left:-150px;}
#banner-part1 .blinking-star-4 {position:absolute; top:500px; left:66%;}


#banner-part2 .blinking-star-1 {position:absolute; bottom:40px; right:24%;}
#banner-part2 .blinking-star-2 {position:absolute; bottom:0px;  right:15%;}


@keyframes star-movement1 {
	0% {
		transform: scale(0.2, 0.2);
	}
	100% {
		transform: scale(1.0, 1.0);
	}
}

.blinking-star-1 {animation: star-movement1 3s infinite alternate ease-in-out;}
.blinking-star-3 {animation: star-movement1 3s infinite alternate ease-in-out;}



@keyframes star-movement2 {
	0% {
		transform: scale(1.0, 1.0);
	}
	100% {
		transform: scale(0.2, 0.2);
	}
}

.blinking-star-2 {animation: star-movement2 3s infinite alternate ease-in-out;}
.blinking-star-4 {animation: star-movement2 3s infinite alternate ease-in-out;}



.banner-text {color:#fff; font-size:20px; font-weight:500; width:400px;}






.aboutus {display:table; width:100%;  background-color:#efa42d; padding:60px 0px 100px 0px; position:relative;  }

.vector2 {display:block; width:600px; margin:auto; z-index:2; position:absolute;}

.content-holder {padding:5%;}

.object2 {position:absolute; left:-2%; bottom:-100px; z-index:1;  }




.services {display:table; width:100%;  background-color:#112459; padding:60px 0px; position:relative; color:#fff; text-align:center;  }

.services h3 { font-size:28px; line-height:140%; margin:0px 0px 10px 0px; font-weight:300; }

.services p {text-align:center; width:300px; margin:auto; color:#849ad8; height: 170px;}

.services img {display:block; padding:20px; margin:auto; width:200px; transition: all 0.5s ease-in 0s;}

.service-box {  padding-top:30px; transition: all 0.5s ease-in 0s; display: table; width: 100%; height: 550px;}

.service-box:hover {background-color:#0d1c47; border-radius:20px; transition: all 0.5s ease-in 0s;}

.service-box:hover img {padding:0px; transition: all 0.5s ease-in 0s;}

.moreinfo {color:#fff; width:150px; font-weight:600; display:block; margin:10px auto; background-image:url(../images/more-arrow.png); background-repeat:no-repeat; background-position:-30px center; text-transform:uppercase; font-size:12px; letter-spacing:1px; margin-bottom: 30px;}

.service-box:hover .moreinfo {background-position:5px center;}


.service-box2 {  padding-top:30px; transition: all 0.5s ease-in 0s; display: table; width: 100%; height: 680px;}

.service-box2:hover {background-color:#0d1c47; border-radius:20px; transition: all 0.5s ease-in 0s;}

.service-box2:hover img {padding:0px; transition: all 0.5s ease-in 0s;}

.service-listing {display: table; width: 85%; margin: 0px auto 30px auto; border: 1px solid #849ad8; text-align: left!important; border-radius:10px;}

.service-listing span {display: block; width: 100%; text-align: left!important; color: #849ad8; border-bottom: 1px solid #849ad8; line-height: 35px; font-size: 13px; }

.service-listing span:last-child {border: 0;}

.service-listing span img {float:left; margin-right: 10px; width: 15px!important; padding: 0px!important; margin: 10px; opacity:0.7; }

.service-box2:hover .moreinfo {background-position:5px center;}





.approach {display:table; width:100%;  background-color:#71d54c; padding:60px 0px; position:relative;   }

.vector3 {display:block; width:100%; margin:20px auto 0px auto; }

.a-box-1 {width:50%; float:left; border:2px solid #000; padding:10px; line-height:150%; font-size:13px; font-weight:300; height:140px;}

.a-box-1 strong {display:block; font-weight:600; margin-top:20px;}

.a-box-1 img {float:left; margin:10px 10px 10px 0px;}

.a-box-2 {width:50%; float:left; border:2px solid #000; padding:10px; line-height:150%; border-left:0px; font-size:13px; font-weight:300; height:140px;}

.a-box-2 strong {display:block; font-weight:600; margin-top:20px;}

.a-box-2 img {float:left; margin:10px 10px 10px 0px;}

.a-box-3 {width:50%; float:left; border:2px solid #000; padding:10px; line-height:150%; border-top:0px; font-size:13px; font-weight:300; height:140px;}

.a-box-3 strong {display:block; font-weight:600; margin-top:30px;}

.a-box-3 img {float:left; margin:10px 10px 10px 0px;}

.a-box-4 {width:50%; float:left; border:2px solid #000; padding:10px; line-height:150%; border-top:0px; border-left:0px;  font-size:13px; font-weight:300; height:140px;}

.a-box-4 strong {display:block; font-weight:600;}

.a-box-4 img {float:left; margin:10px 10px 10px 0px;}






.facts-and-figures {display:table; width:100%;  background-color:#352e49; padding:60px 0px; position:relative;   }

.facts-and-figures h2 {text-align:center; color:#fff;}

.f-box-1 {padding:20px; border:2px solid #544d69; padding:90px 30px; margin:0px 3% 3% 0%; width:49%; float:left; color:#fff; text-align:center; font-size:18px; transition: all 0.5s ease-in 0s;}

.f-box-2 {padding:20px; border:2px solid #544d69; padding:90px 30px; margin:0px 0 3% 0%; width:48%; float:left; color:#fff; text-align:center; font-size:18px; transition: all 0.5s ease-in 0s;}

.f-box-3 {padding:20px; border:2px solid #544d69; padding:30px; margin:0px 0 3% 0%; width:100%; float:left; color:#fff; text-align:center; font-size:18px; transition: all 0.5s ease-in 0s;}

.f-box-1 strong, .f-box-2 strong {display:block; color:#fff; font-size:50px; font-weight:200; text-align:center; margin-bottom:30px;}

.f-box-1 strong img, .f-box-2 strong img {margin-right:10px;}

.f-box-3 h2 {text-align:left; line-height:100%; font-weight:200;}

.f-box-3 img {display:block; opacity:0.3; margin-bottom:30px;}


.moreinfo2 {color:#fff; width:120px; font-weight:600; text-align:left; display:block; margin:10px 0; background-image:url(../images/more-arrow.png); background-repeat:no-repeat; background-position:-60px center; text-transform:uppercase; font-size:12px; letter-spacing:1px;}

.moreinfo2:hover  {background-position:0px center; padding-left:40px; }

.f-box-1:hover, .f-box-2:hover, .f-box-3:hover { background-color:#282338; border:2px solid #403a50; transition: all 0.5s ease-in 0s; }




.testimonials {display:table; width:100%; background-color:#bcbe10; padding:30px 0px;}

.testimonial-box {border:2px solid #000; display:table; width:100%;}

.testimonial-box  span {display:inline-block; float:left; width:70px; border-right:2px solid #000; height:370px; text-align:center; font-size:30px; line-height:200%; background-image:url(../images/pattern.png); background-position:center bottom; background-repeat:no-repeat;  }

.testimonial-box img {display:block; margin:30px 0px 20px 40px; float:left;}

.testimonial-box p {display:block; padding:0px 30px;  width:calc(100% - 80px); float:right; line-height:180%;}

.testimonial-box p strong {display:block; font-weight:600;}

.vector4 {margin-top:-200px; width:95%; display:block;}





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

.portfolio h2 {text-align:center; margin-bottom:0px;}



.client-logos {background-color:#2f2f2f; width:100%; display:table; }


.float-right {float:right;}







footer {display:table; width:100%;  background-color:#d64731; padding:40px 0px 20px 0px; font-size:13px;  color: #fff;}

.hline {clear:both; border-bottom:1px solid #fff; opacity:0.5; margin-bottom:20px; padding-top:10px;}

.footer-logo {display:block; width:200px;}

.footer-column a {display:block; color:#fff; opacity:0.7;}

.footer-column p {color:#fff; opacity:0.7; width:80%;}

.footer-column a:hover {opacity:1.0; font-weight:400; padding-left:10px;}

#copyright {font-size:12px; text-transform:uppercase; letter-spacing:2px; color:#fff; opacity:0.7; padding-top:10px; }

.sm-bottom  {display:inline-block; float:right; margin-top:7px;}

.sm-bottom a {opacity:0.5;}
	
.sm-bottom a:hover  {opacity:1.0;}

.sm-bottom img {margin:2px; width:25px;}

.subscribe-area {background-color:#fff; border-radius:1000px; display:table; width:100%; background-image:url(../images/email-icon2.png); background-repeat:no-repeat; background-position:20px center; }

.subscribe-textbox {font-family:poppins; font-size:14px; color:#666; font-weight:300; margin:10px 10px 10px 70px; border:0px; line-height:35px; }

.subscribe-button { padding:10px 30px; color:#fff; background-color:#222; border:0px; border-radius:100px; font-family:poppins; margin:5px; float:right; line-height:30px; font-weight:600; }















.blog-page {display:table; width:100%; padding-top:200px; height:600px; background-color:#d64731; overflow:hidden; background-color:#d64731; background-image:url(../images/bg-objects.png); background-position:170% 50px; background-repeat:no-repeat;}

.blog-page h2 {color:#fff; text-align:center;}

.three-column-blogs img {width:100%; display:block; border-radius:20px;}

.three-column-blogs a {display:block; background-color:#fff; border-radius:20px;}

.three-column-blogs h4 {font-size:20px; font-weight:500; padding:0px 30px; margin:0px 0px 0px 0px;  height:120px;}

.three-column-blogs .date {display:block; font-size:12px; padding-left:30px; margin-top:10px;}

.blog-holder {display:table; width:100%; background-color:#fff; border-radius:30px;  padding:30px 30px 0px 30px; }

.blog-left {width:70%; float:left;}

.blog-box {width:100%; display:table; margin-bottom:30px;}

.blog-box a {display:table; background-color:#eee; border-radius:20px; width:100%;}

.blog-box .date {display:block; font-size:12px; padding-left:30px; margin-top:10px;}

.blog-box  h4 {font-size:24px; font-weight:500; padding:0px 30px; margin:0px 0px 10px 0px; }

.blog-box img {width:100%; display:block; border-radius:20px;}

.blog-box p {line-height:160%; padding:0px 30px 20px 30px;}

.blog-right {width:27.5%; float:right; position: sticky;  top:130px;}

.readmore-button { background-color:#222; padding:10px 15px; text-align:center; border-radius:1000px; color:#fff; font-weight:600; margin-left:30px; display:block; width:150px; margin-bottom:30px;}

.readmore-button:hover { background-color:#d64731;}


.categories {border:1px solid #ccc; width:100%; display:table; padding:20px 20px; border-radius:20px; margin-bottom:30px;}

.categories h4 {margin:0px; font-size:20px; font-weight:500; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}

.categories a {display:inline-block; background-color:#666; color:#fff; border-radius:100px; font-size:12px; font-weight:600; padding:3px 12px; margin:2px; float:left; }

.categories a:nth-child(2) {background-color:#00bcd4;}
.categories a:nth-child(3) {background-color:#7063ff;}
.categories a:nth-child(4) {background-color:#2196f3;}
.categories a:nth-child(5) {background-color:#ff5697;}
.categories a:nth-child(6) {background-color:#ff5864;}
.categories a:nth-child(7) {background-color:#733b97;}


.feature-blogs {border:1px solid #ccc; width:100%; display:table; padding:20px 20px; border-radius:20px; margin-bottom:30px;}

.feature-blogs h4 {margin:0px; font-size:20px; font-weight:500; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}

.feature-blog-box {display:table; width:100%; margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:10px;}

.feature-blog-box figure {display:inline-block; width:80px; height:80px; overflow:hidden; float:left; border-radius:1000px; margin-right:10px;}

.feature-blog-box img {display:inline-block; float:left; width:auto; height:80px;  }

.feature-blog-box .date {font-size:10px; font-weight:500; float:left; display:inline-block; line-height:12px; color:#666;}

.feature-blog-box h6 {display:inline-block; font-size:12px; line-height:140%; font-weight:500; float:left; width:55%; margin:0px;}


.blog-box-details {width:100%; display:table; margin-bottom:30px;}

.blog-box-details .date {display:block; font-size:12px;  margin-top:10px;}

.blog-box-details  h4 {font-size:24px; font-weight:500; padding:0px; margin:0px 0px 10px 0px; }

.blog-box-details img {width:100%; display:block; border-radius:20px;}
















.contactus {display:table; width:100%;  background-color:#efa42d; padding:60px 0px 100px 0px; position:relative;  }

.address-line {display:block; height:100px; line-height:20px; padding-top:10px;}

.address-line img {float:left; margin-right:10px; width:50px; margin-top:-15px;}

.textbox1 {background-color:#fff; border:0px; width:100%; padding:15px; border-radius:5px; margin-bottom:10px; font-family:poppins; font-size:14px;}

.submit-button {background-color:#000; color:#fff; cursor:pointer; border:0px; width:100%; padding:15px; border-radius:5px; margin-bottom:10px; font-family:poppins; font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:1px;} 


.team {  display: table;  width: 100%;  background-color: #112459;  padding: 60px 0px;  position: relative;  color: #fff;  text-align: center;}

.team-box {width:100%; display:table;}

.team-box img {width:100%; display:block; border-radius:20px 20px 0px 0px;}

.team-box span {width:100%; display:block; background-color:#fff; border-radius:0px 0px 20px 20px; line-height:140%; padding:20px;}

.team-box span  strong {display:block; font-weight:600; font-size:18px; }



.listing {  margin: 0px 0px 0px 20px;  padding: 0px;}

.listing li {padding-left:10px; list-style-image:url(../images/bullet.png);}


.service-page {display:table; width:100%; padding-top:0px; height:600px; background-color:#d64731; overflow:hidden; }

.service-holder {display:table; width:100%; background-color:#fff; border-radius:30px;  padding:30px 30px 30px 30px; }

.services-menu h4{ font-size:18px; margin:0px; font-weight:600; text-transform:uppercase; margin-bottom:10px;}

.services-menu a {display:block; background-color:#eee; color:#fff; border-radius:10px; padding:10px 15px;  margin-bottom:10px; font-weight:500;}

.services-menu a:hover{padding-left:25px;}

.services-menu a:nth-child(2) { background-color:#00bcd4; }
.services-menu a:nth-child(3) { background-color:#7063ff; }
.services-menu a:nth-child(4) { background-color:#2196f3; }
.services-menu a:nth-child(5) { background-color:#ff5697; }
.services-menu a:nth-child(6) { background-color:#ff5864; }
.services-menu a:nth-child(7) { background-color:#efa902; }
.services-menu a:nth-child(8) { background-color:#662e93; }
.services-menu a:nth-child(9) { background-color:#0f75bd; }
.services-menu a:nth-child(10) { background-color:#0b9443; }
.services-menu a:nth-child(11) { background-color:#bf1e2e; }
.services-menu a:nth-child(12) { background-color:#283ab8; }
.services-menu a:nth-child(13) { background-color:#8d379e; }
.services-menu a:nth-child(14) { background-color:#7e9a3e; }
.services-menu a:nth-child(15) { background-color:#f29627; }
.services-menu a:nth-child(16) { background-color:#077454; }
.services-menu a:nth-child(17) { background-color:#df4730; }
.services-menu a:nth-child(18) { background-color:#efa902; }
.services-menu a:nth-child(19) { background-color:#ff5864; }
.services-menu a:nth-child(20) { background-color:#ff5697; }
.services-menu a:nth-child(21) { background-color:#2196f3; }
.services-menu a:nth-child(22) { background-color:#7063ff; }
.services-menu a:nth-child(23) { background-color:#00bcd4; }

.service-holder .col-1-of-4 { position: sticky;  top:130px;}



.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:10;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 20px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h3 {
  margin-top: 0;
  color: #333;
  font-size:20px;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}



.small-heading {display:block; font-size:14px; font-weight:500; letter-spacing:3px; text-transform:uppercase;}

.small-heading::before {  content: '';  display: inline-block;  width: 30px;  height: 2px;  background-color: #000;  margin-right: 10px;  margin-bottom: 3px;}






/* 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; }




/* 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: #d64731;
}

.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 */