/* ------------------------------------------------------------ *\
	Redesign on Home Page
\* ------------------------------------------------------------ */

.mpfy-controls { background-color: transparent !important; }

/* ------------------------------------------------------------ *\
	Remove Bar Plugin
\* ------------------------------------------------------------ */

.bar-plugin-show-bar ~ .wrapper > .header { top: 0 !important; }
.wrapper { padding-top: 0 !important; }
.bar-plugin { display: none !important; }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { background: url(../images/logo-new.png) no-repeat 0 0; width: 108px; height: 43px; background-size: contain; margin-top: 10px; transition: all .3s; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { background-color: transparent; padding: 15px 0; transition: padding .3s; }

.header .shell { width: 100%; max-width: 1060px; padding: 0 20px; box-sizing: border-box;  }

.header .logo { margin-top: 9px; }

.header.light { background-color: #fbfbfb; padding: 3px 0; border: 0; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.04); }
.header.light:after { display: none !important; }

.header.light .nav .menu li a { color: #686868; }

.header.light .nav .menu li.link-btn a { color: #fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0); transition: all .3s; }
.header.light .nav .menu li.cart-link a { color: #fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0); transition: all .3s; }

.header.light  .logo { background: url(../images/logo-gray.png) no-repeat 0 0; width: 108px; height: 43px; background-size: contain; }


.header .menu-trigger { border-color: #fff; width: 26px; height: 16px; top: 5px; }
.header .menu-trigger i span { background-color: #fff; }
.header .menu-trigger i  { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.header .menu-trigger i .line-1 { top: -2px; }
.header .menu-trigger i .line-3 { top: 12px; }

.header.show-menu .nav .menu-trigger { right: 406px; top: 41px; }
.header.show-menu .nav .menu-trigger i span { width: 55px; height: 4px; }

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.s-panel-into { background: #87e0fd; background: -moz-linear-gradient(top, #00c7f7 0%, #2068fd 100%); background: -webkit-linear-gradient(top, #00c7f7 0%,#2068fd 100%); background: linear-gradient(to bottom, #00c7f7 0%,#2068fd 100%); transform: skew(0deg, -5deg); margin-top: -84px; padding: 110px 0 0; z-index: 99; overflow: visible; }

.s-panel-into .shell { width: 1060px; position: relative; padding: 0 20px; box-sizing: border-box;  }

.s-panel-into .text { color: #fff; width: 55%; }
.s-panel-into .text h1 { font-family: 'Museo Sans Rounded 700', sans-serif; text-transform: uppercase; font-size: 26px; padding-bottom: 14px; }
.s-panel-into .text p { font-family: 'Museo Sans 300', sans-serif; margin-bottom: 6px; }

.s-panel-into .text blockquote { border-color: #12c4ff; display: inline-block; padding: 21px 31px 12px; }
.s-panel-into .text blockquote p { font-family: 'Museo Sans Rounded 500', sans-serif; font-weight: 500; }
.s-panel-into .text blockquote strong { font-weight: 400; }

 .s-panel-into .s-panel-inner { padding-bottom: 53px; padding-top: 120px; transform: skew(0deg, 5deg); }

.s-panel-into  .intro-image { position: absolute; top: -50px; left: 516px; }
.s-panel-into  .intro-image img { max-width: initial; }

.s-panel-into  .intro-image .image-tablet { display: none; }
.s-panel-into  .intro-image .image-mobile { display: none; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav .menu li a { font-family: 'Museo Sans 300', sans-serif;  font-size: 16px; color: #fff; }
.nav .menu li.link-btn a { font-family: 'Museo Sans Rounded 500', sans-serif; font-weight: 500;  background-color: #13c490; border: none; color: #fff; text-transform: capitalize; padding: 8px 23px; border-radius: 5px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.23); margin-top: 8px; margin-left: 6px; }

.nav .menu li.link-btn a:hover { background-color: #0fb987; }

.nav .menu .cart-link a { background-color: #f91b6a;  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.23); padding: 5px 3px 5px 9px; border-radius: 5px; margin-top: 8px; margin-left: 0;  font-size: 0; }

.nav .menu .cart-link a:hover { background-color: #e3135d; }

.nav .menu .cart-link a:hover span { background-color: #f91b6a; }
.nav .menu .cart-link a:hover span em { color: #fff; }

.nav .menu .cart-link a:before { content: ''; display: inline-block; vertical-align: middle; width: 23px; height: 20px; margin-right: 5px; background: url(../images/icon-cart-new.png) no-repeat 0 0; }
.nav .menu .cart-link a span { background-color: #e3135d; font-size: 16px; position: relative; top: 1px; transition: background-color .3s;}
.nav .menu .cart-link a span em { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-style: normal; }

/* ------------------------------------------------------------ *\
	List Links
\* ------------------------------------------------------------ */

.s-panel-into .text .list-links { margin-bottom: 33px; }
.s-panel-into .text .list-links li ~ li  { border: 0; margin-left: 0; }
.s-panel-into .text .list-links li a { display: block; box-shadow: 1px 2px 2px 0px rgba(62, 115, 253, 0.8); }
.s-panel-into .text .list-links li a { color: #fff; }


/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

.btn-green { font-family: 'Museo Sans Rounded 500', sans-serif; font-size: 17px;  font-weight: 500; background-color: #13c490; border: none; color: #fff; text-transform: capitalize; padding: 8px 14px; border-radius: 6px; letter-spacing: -0.01em; }
.btn-blue { font-family: 'Museo Sans Rounded 500', sans-serif; font-weight: 500; font-size: 17px; background-color: #32a6f9; border: none; color: #fff; text-transform: capitalize;  padding: 8px 14px; border-radius: 6px;  letter-spacing: -0.01em; }

.btn-green:hover { background-color: #0fb987; text-decoration: none; }
.btn-blue:hover { background-color: #4eb5ff; text-decoration: none; }

.btn-play { font-size: 20px; color: #fff; position: relative; padding-left: 50px; transition: none; text-decoration: none; }
.btn-play:hover { opacity: .7; }
.btn-play:before { content: ''; background: url(../images/play-icon.png) no-repeat 0 0; width: 38px; height: 38px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);  transition: all .3s; }


/* ------------------------------------------------------------ *\
	About 
\* ------------------------------------------------------------ */

.s-panel-about { padding: 120px 0 5px; box-sizing: border-box; }

.s-panel-about .shell { width: 100%; max-width: 1060px; padding: 0 20px; box-sizing: border-box; }

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

article.article-about .article-body h6 { font-weight: 700; font-size: 17px; padding-bottom: 8px; color: #686868; line-height: 1; }
article.article-about .article-body p { font-family: 'Museo Sans 300', sans-serif; font-weight: 300; font-size: 15px; line-height: 1.4; color: #686868; }

article.article-about > img { border: none; border-radius: 0; width: auto; height: auto; margin-right: 22px; margin-top: 0; }

/* ------------------------------------------------------------ *\
	Bundles
\* ------------------------------------------------------------ */

.s-panel-bundles { background-color: #f9f9f9; }

.s-panel-bundles .s-panel-inner { padding: 44px 0; }

/* ------------------------------------------------------------ *\
	Bundle
\* ------------------------------------------------------------ */

.bundle {}

.bundle .bundle-head { padding-bottom: 17px; padding-left: 30px; }
.bundle .bundle-head h5 { font-family: 'Museo Sans Rounded 500', sans-serif;  font-weight: 500; font-size: 22px; color: #515151; letter-spacing: 0.06em; padding-bottom: 24px;  }
.bundle .bundle-head h1 { font-family: 'Museo Sans Rounded 100', sans-serif;  font-weight: 300; font-size: 85px; color: #515151; display: inline-block;vertical-align: middle; padding-bottom: 0; position: relative}
.bundle .bundle-head h1 sup { font-family: 'Museo Sans Rounded 100', sans-serif;  font-weight: 100; font-size: 30px; color: #515151; position: absolute; top: 7px; left: -26px; }
.bundle .bundle-head h1.free-price { font-size: 40px; vertical-align: top; text-transform: uppercase; font-weight: 600; }

.bundle .bundle-head ul {  font-family: 'Museo Sans 300', sans-serif; font-weight: 300;  display: inline-block; vertical-align: middle; list-style: none; font-size: 15px; text-transform: uppercase; padding-left: 10px; }
.bundle .bundle-head ul li { line-height: 1.3; padding-bottom: 4px; }

.bundle .bundle-body ul { list-style: none; font-size: 16px; color: #525252; padding-left: 33px; }
.bundle .bundle-body ul li { font-family: 'Museo Sans 300', sans-serif; font-weight: 300;  position: relative;  padding-left: 24px; line-height: 1.3; padding-bottom: 16px; }
.bundle .bundle-body ul li:before { content: ''; background: url(../images/check.png) no-repeat 0 0; width: 13px; height: 11px; position: absolute; top: 4px; left: 0; background-size: contain; }
.bundle .bundle-body ul li a { color: #13c490; }

.bundle .bundle-inner {  background-color: #f7f7f7; padding: 34px 18px 27px;  border: 2px solid #ffffff; border-bottom: none; border-radius: 9px 9px 0 0; box-shadow: 0 0 1px 0px rgba(0,0,0,0.25); }

.bundle .bundle-actions a { font-family: 'Museo Sans 300', sans-serif;  background-color: #13c490; color: #fff; font-size: 18px; display: block; text-align: center; border-radius: 0 0 5px 5px; padding: 10px 0; transition: background-color .3s; }

.bundle .bundle-actions a:hover { background-color: #02a575; text-decoration: none; }

/* ------------------------------------------------------------ *\
	Cols
\* ------------------------------------------------------------ */

.cols { display: flex; flex-wrap: wrap; justify-content: space-between; }

.col-1of2 { width: calc(50% - 37px); position: relative; }


/* ------------------------------------------------------------ *\
	Box
\* ------------------------------------------------------------ */

.box { border: 2px solid #fff; text-align: center; border-radius: 5px; margin-top: 27px; padding: 34px 25px; position: absolute; bottom: 0; left: 0; }
.box p { font-family: 'Museo Sans 300', sans-serif; font-weight: 300; font-size: 17px; line-height: 1.53; color: #59595f; }
.box p:last-child { padding: 0; }
.box a { color: #13c490; }

.box-mobile { display: none; }


/* ------------------------------------------------------------ *\
	Section Testimonial Alt
\* ------------------------------------------------------------ */

.section-testimonial-alt { background-color: #f9f9f9; padding: 10px 0 50px 0; }


/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider  { position: relative; }
.slider .slides { list-style: none; }

.slider .slides .slide { display: flex; flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; }

.slider .slide .slide-image { width: 35%; box-sizing: border-box; }
.slider .slide .slide-content { width: 65%; padding-left: 0; position: relative; padding-left: 39px; padding-bottom: 70px; box-sizing: border-box; }
.slider .slide .slide-content.full-width { width: 100%; }
.slider .slide .slide-content blockquote { font-family: 'Museo Sans 300', sans-serif; font-weight: 300; font-size: 22px; line-height: 1.82; color: #414248; }
.slider .slide .slide-content blockquote p { margin-bottom: 0; padding-bottom: 18px;   }

.slider .slide .slide-content h5 { font-family: 'Museo Sans 300', sans-serif; font-size: 24px; font-weight: 300; }
.slider .slide .slide-content h5 a { color: #13c490; transition: color .3s; }
.slider .slide .slide-content h5 a:hover { color: #000; text-decoration: none; }

.slider .slide .slide-content a { color: #13c490; transition: color .3s; }
.slider .slide .slide-content a:hover { color: #000; text-decoration: none; }

.slider .slick-arrow { position: absolute; bottom: 8px; left: calc(35% + 40px); width: 37px; height: 34px; z-index: 9999; transition: opacity .3s; }
.slider .slider .slick-arrow:hover { opacity: .7; }

.slider .slick-prev { background: url(../images/arrow-left-white.png) no-repeat 0 0; background-size: contain; font-size: 0; line-height: 0; text-indent: -4004px; border: none; }
.slider .slick-next { background: url(../images/arrow-right-white.png) no-repeat 0 0; background-size: contain; font-size: 0; line-height: 0; text-indent: -4004px; border: none; left: calc(35% + 80px); }



/* ------------------------------------------------------------ *\
	About
\* ------------------------------------------------------------ */


.s-panel-about-team { text-align: center; padding: 60px 0 70px; background-attachment: scroll; }
.s-panel-about-team .entry { text-align: center; width: 100%; }
.s-panel-about-team .entry h2 {  font-family: 'Museo Sans 300', sans-serif; font-size: 23px; font-weight: 300;  line-height: 1.4; margin-top: 15px; padding-bottom: 5px; }
.s-panel-about-team .entry h2 i { margin: 0 5px; }
.s-panel-about-team .entry p {  font-family: 'Museo Sans 300', sans-serif; font-size: 16px; line-height: 1.75; font-weight: 300;  margin-bottom: 2px; }

.s-panel-about-team .socials ul { list-style: none; padding-left: 30px; }
.s-panel-about-team .socials li { display: inline-block; margin: 0 -15px; }
.s-panel-about-team .socials a { float: none; }
.s-panel-about-team .socials img { max-width: 67%; }

.s-panel-about-team .s-panel-about-team-map { width: 83px; height: 89px; margin: 0 auto; position: relative; }
.s-panel-about-team .s-panel-about-team-map .map-dot { width: 9px; height: 9px; background-color: #13c490; border-radius: 50%; display: inline-block; position: absolute; bottom: 19px; left: 17px; }

.pulse { width: 9px; height: 9px; border: 1px solid #13c490; border-radius: 50%; position: absolute; top: -1px; left: -1px; animation: pulse infinite 1.5s; }
.pulse-alt { width: 9px; height: 9px; border: 1px solid #13c490; border-radius: 50%; position: absolute; top: -1px; left: -1px; animation: pulse infinite 1.5s 2s; }

.section-map { height: auto; }
.section-map > .mpfy-controls-wrap { position: relative; }

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1, 1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(2.5, 2.5);
		opacity: 0;
	}
}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background-color: #eeece8; }

.footer .wrap { max-width: 636px; }
.footer .top h4 { font-family: 'Museo Sans 300', sans-serif; font-weight: 300; font-size: 26px; }
.footer .top h4 span { font-size: 31px; padding: 9px 20px 7px; margin: 0 6px; }

.footer .top .link-btn { width: 185px; height: 60px; line-height: 60px; background-color: #13c490; }
.footer .top .link-btn:hover { background-color: #0f9870; }
.footer .newsletter .gform_footer .button { font-family: 'Museo Sans 300', sans-serif; height: 60px; line-height: 60px; }
.footer .newsletter .gform_footer .button:hover { background-color: #66bbff; }

.footer .top .newsletter { width: 430px; background-color: #e5e2dd; }
.footer .newsletter .gform_body { width: 301px; }

.footer .newsletter .gform_body input[type="text"] { background-color: #e5e2dd; padding: 15px 46px 20px 23px; }
.footer .newsletter .gform_body .gfield_label { font-family: 'Museo Sans 300', sans-serif; font-weight: 300; width: 100%; letter-spacing: 0; left: 14px; }

.footer .newsletter .info-tooltip { top: 20px; left: 268px; }
.info-tooltip.dark {  background: url(../images/ico-question-dark.png) no-repeat 0 0;  background-blend-mode: multiply; }

.footer .bottom { background-color: #f5f4f3; }

.footer .bottom p,
.footer .bottom ul li { font-family: 'Museo Sans 300', sans-serif; font-weight: 300;  font-size: 15px; color: #939292; }

.footer .bottom a { color: #939292; }

.footer .bottom p + ul:before { height: 13px; background-color: #b8b7b7; width: 2px; left: -3px; }
.footer .bottom ul li { padding: 0px 7px; }

.footer .bottom p i { margin: 0 3px; }

.info-tooltip.dark { background: url(../images/question-mark.png) no-repeat 0 0; width: 23px; height: 23px; background-size: contain; } 

/* ------------------------------------------------------------ *\
	MAP
\* ------------------------------------------------------------ */

.mpfy-map-states { margin: 14px 0 0 20px; display: flex; align-items: flex-start; background-color: transparent !important; }

.mpfy-map-states .mpfy-map-states-list { box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25); top: 50%; min-width: 235px; left: 0;  border-radius: 8px; padding: 20px 0; position: absolute; background-color: #fff; transition: all .3s; opacity: 0; }
.mpfy-map-states ul li a { font-family: 'Museo Sans Rounded 300', sans-serif; font-weight: 300; font-size: 16px; color: #525252; transition: color .23s; padding: 2px 26px; float: none; }
.mpfy-map-states ul li a:hover { color: #6897b6; }

.mpfy-map-states.show-list .mpfy-map-states-list { opacity: 1; top: 110%; }

.mpfy-map-states .mpfy-map-states-list-wrapper { font-family: 'Museo Sans Rounded 300', sans-serif; font-weight: 300;  color: #525252; padding: 4px 30px 2px 15px; font-style: normal; font-size: 15px; border: 1px solid #e1e3e6; border-left: 0; border-radius: 0 5px 5px 0; background-color: #fff; min-width: 160px; position: relative; cursor: pointer;   box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.18);  }
.mpfy-map-states .mpfy-map-states-list-wrapper:after { content: ''; width: 0; height: 0; position: absolute;  top: 16px; right: 10px; border-style: solid; border-width: 8px 5px 0 5px; border-color: #6e6e6f transparent transparent transparent; transition: all .3s; }

.mpfy-map-states.show-list .mpfy-map-states-list-wrapper:after { transform: rotate(180deg); }

.mpfy-map-states .mpfy-map-states-label { background-color: #13c490; color: #fefefe; font-family: 'Museo Sans Rounded 500', sans-serif; font-weight: 500; border-radius: 5px 0 0 5px; padding: 3px 15px;  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.18); }
.mpfy-map-states .mpfy-map-states-label p { padding-bottom: 0; }

.mpfy-map-states ul { float: none; }
.mpfy-map-states ul li { float: none; border: none; line-height: 2; }

.mpfy-map-states ul li.current a { color: #6897b6; }
.mpfy-map-states ul li + li { border: none; }


@media(max-width: 1100px){
	.section-map .menu-trigger { display: none; }
}

@media(max-width: 1024px){
	.s-panel-into .shell { padding: 0 20px; width: 100%; }

	.nav { padding-right: 20px; }
	
	.s-panel-about { box-sizing: border-box; }
	.s-panel-about .shell { width: 100%; padding: 0 20px; box-sizing: border-box; }

	.header .logo { margin-left: 20px; }

	.s-panel-bundles { box-sizing: border-box; }
	.s-panel-bundles .shell { max-width: 100%; width: 100%; padding: 0 20px; box-sizing: border-box; }
}

@media(max-width: 1023px){
	.header .menu-trigger { right: 20px; }
	.header .logo { margin-left: 0; }
	.header.light .shell > .menu-trigger { border-color: #d4d4d4; }
	.header.light .shell > .menu-trigger i span { background-color: #d4d4d4; }

	body .header.light.show-menu { background-color: transparent; }

	.header.light .shell > .menu-trigger { border-color: #d4d4d4; }
	.header.light .shell > .menu-trigger i span { background-color: #d4d4d4; }

	.header.light { background-color: #fbfbfb; padding: 3px 0; border: 0; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.04); }
	.header.light:after { display: none !important; }

	.header.light  .logo { background: url(../images/logo-gray.png) no-repeat 0 0; width: 108px; height: 43px; background-size: contain;  }

	.header.show-menu .logo { opacity: .2; }

	body.show-nav { overflow: hidden; }
	.menu-trigger { display: block; }
	.logo { margin-left: 0; }
	
	.wrapper .inner-wrapper, .wrapper .header .shell > .menu-trigger { -webkit-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } 
	.wrapper.show-mobile-menu .header .shell { margin-left: 0; }
	.wrapper.show-mobile-menu .header .shell > .menu-trigger { transform: translateX(-254px); -ms-transform: translateX(-254px); -webkit-transform: translateX(-254px); } 

	.wrapper.show-mobile-menu .header:after, 
	.wrapper.show-mobile-menu .inner-wrapper:after { opacity: 1; visibility: visible;  }

	.header.light .nav .menu li a { color: #fff; }

	.wrapper .inner-wrapper:after { position: fixed; }

	.header:after, body .header.light:after, body.header:after, .wrapper .inner-wrapper:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; display: block; background: rgba(0,0,0,0.7); content: ''; opacity: 0; visibility: hidden; -webkit-transition: opacity 400ms, visibility 400ms; -o-transition: opacity 400ms, visibility 400ms; transition: opacity 400ms, visibility 400ms; }
	.header:after { opacity: 0 !important; }
	
	.nav .menu .cart-link a { margin-left: 6px; }
	
	.nav { width: 365px; background-color: #6394fa; position: fixed; top: 0; right: 0; z-index: 9;padding: 25px 0 20px;  height: 100%;  box-sizing: border-box; transform: translateX(100%); transition: all 400ms; }
	
	.mobile-link { display: block; padding: 10px; font-size: 25px; line-height: 27px; color: #fff; margin-bottom: 10px; }
	.nav .menu { float: none; }
	.nav .menu li { float: none; display: block; padding: 0; margin-bottom: 10px; }
	.nav .menu li a { float: none; float: none; display: block; padding: 10px; line-height: 27px; color: #fff; font-size: 25px; }
	body.logged-in .nav .menu li { padding-left: 0; }

	.nav .menu .cart-link a,
	.nav .menu li.link-btn a { text-align: center; }

	.show-menu .nav { z-index: 299; transform: translateX(0%); }
	.show-menu .nav .nav-inner {  padding-left: 43px; padding-right: 50px;  overflow: auto; max-height: 100%; }
	.nav .menu li.link-btn { margin-bottom: 20px; }

	.nav .menu li.link-btn a { font-family: 'Museo Sans 300', sans-serif; font-weight: 300; font-size: 24px; text-transform: uppercase; border-radius: 3px; box-shadow: 1px 2px 2px 0px rgba(62, 115, 253, 0.8); padding: 18px 23px; margin-top: 23px; }

	.nav .menu .cart-link a { border-radius: 3px; box-shadow: 1px 2px 2px 0px rgba(62, 115, 253, 0.8); padding: 18px 23px; margin-top: 15px;  }

	.header:after, body .header.light:after, body.header:after, .wrapper .inner-wrapper:after { background: rgba(54,62,79,.85); }

	.s-panel-into { padding-bottom: 60px; }
	.s-panel-into .text { width: 66%; }
	.s-panel-into .text .inner> p { padding-right: 50px; }

	.s-panel-about { padding: 75px 0 25px 0; }

	article.article-about .article-body h6 { line-height: 1.2; padding-bottom: 8px; }
	article.article-about > img { margin-right: 20px; }

	.s-panel-into  .intro-image { right: 0; }


	.col-1of2 { width: calc(50% - 7px); }

	.s-panel-bundles .s-panel-inner { padding: 20px 0 29px; }
	
	.bundle .bundle-head { padding-bottom: 20px; padding-left: 8px; }
	
	.bundle .bundle-head h1 { font-size: 55px; }
	.bundle .bundle-head h1 sup { font-size: 22px; top: -2px; }
	
	.bundle .bundle-head ul { font-size: 15px; }
	.bundle .bundle-head ul li { padding-bottom: 0; }

	.bundle .bundle-head h5 { padding-left: 2px; padding-bottom: 22px; }
	.bundle .bundle-inner { padding: 26px 0 12px 18px; }
	.bundle .bundle-body ul { padding-left: 11px; }
	.bundle .bundle-body ul li  { padding-bottom: 17px; padding-right: 20px; }

	.box { margin-top: 19px; padding-top: 41px; padding-bottom: 40px; }

	.slide .slide-content blockquote { font-size: 19px; line-height: 1.63;  margin-bottom: 0; }
	.slide .slide-content blockquote p { padding-bottom: 13px; }
	.slide .slide-content h5 { font-size: 20px; }

	.slide .slide-image { width: 46%; }
	.slide .slide-content { width: 54%; padding-left: 30px; }

	.slider .slick-arrow { left: calc(46% + 30px) }
	.slider .slick-next { left: calc(46% + 70px) }

	.footer .top { padding: 48px 0 57px; }

	.footer .bottom p { padding-right: 0; }

	.header .shell { width: 100%; }
}

@media(max-width: 871px){
	.box { padding-left: 5px; padding-right: 5px; }
	.bundle .bundle-body ul li { padding-right: 30px; }

	.s-panel-into .text .inner > p { padding-right: 0; }
}

@media(max-width: 767px){
	.shell { padding: 0 20px; }
	.header { padding: 18px 0; }

	.header.show-menu { position: absolute; background-color: transparent; }
	.s-panel-into .shell { width: 100%; }
	.header .menu-trigger { top: 6px; }
	 .s-panel-into .s-panel-inner { transform: skew(0deg, 0deg); padding-top: 60px;  padding-bottom: 0;  }
	
	.s-panel-into  .intro-image { position: static; }
	.s-panel-into  .intro-image .image-tablet { display: none; }
	.s-panel-into  .intro-image .image-desktop { display: none; }
	.s-panel-into  .intro-image .image-mobile { display: block; margin: 0 auto; }

	.s-panel-into .text { width: 100%; padding-top: 0; }

	.s-panel-into { padding-bottom: 0; }
	
	.s-panel-into .text h1 { font-size: 27px; line-height: 1.3; padding-bottom: 4px; }
	.s-panel-into .text p {  font-size: 18px;  line-height: 1.5; padding-bottom: 13px; }

	.s-panel-into  .intro-image img { max-width: 100%; }

	.header .shell { padding: 0 20px; }

	.s-panel-into .text blockquote { display: block; padding: 21px 31px 13px; margin-bottom: 31px; }
	.s-panel-into .text blockquote p { font-size: 23px; }
	.s-panel-into .text .list-links { margin-bottom: 18px; }

	.btn-green { font-size: 18px; padding: 8px 17px; box-shadow: 2px 2px 2px 0px rgba(82,116,253,0.8); border-radius: 6px; }
	.btn-blue { font-size: 18px; box-shadow: 2px 2px 2px 0px rgba(82,116,253,0.8); border-radius: 6px; }
	.logo { margin-top: 7px; }

	.col-1of2 { width: 100%; margin-bottom: 15px; }

	.box { display: none; }

	.bundle .bundle-body ul li { padding-right: 20px; }
	
	.nav { background-color: transparent; width: 100%; padding-left: 20%; padding-bottom: 0; padding-top: 0; }
	.nav *  { box-sizing: border-box; }
	.nav .nav-bg { height: 100%; background-color: #6394fa; padding: 25px 0 20px;} 
	.header.show-menu .nav .menu-trigger { right: auto; left: 16px; width: 50px; height: 50px;  }
	.header.show-menu .nav .menu-trigger i { width: 50px; height: 50px; }
	.header.show-menu .nav .menu-trigger i span { width: 50px; height: 3px; }

	.wrapper.show-mobile-menu .header .shell > .menu-trigger { transform: translateX(-670px); -ms-transform: translateX(-670px); -webkit-transform: translateX(-670px); }

	.s-panel-about { padding: 15px 0 40px; border-bottom: 1px solid #ebedf1; }

	body.show-nav { overflow: auto; }
	
	.s-panel-bundles .s-panel-inner { padding-top: 25px; }
	.list-about > ul > li { padding-bottom: 27px; }

	.box-mobile { display: block; position: static; }

	.s-panel-bundles .shell { padding: 0 20px; }

	.bundle .bundle-inner { padding: 26px 10px 27px 28px; }
	.bundle .bundle-head ul { vertical-align: middle; margin-bottom: 9px; padding-left: 2px; }
	
	.slider .slide { text-align: center; }
	.slider .slide .slide-image { width: 100%; max-width: 200px; margin: 0 auto; }
	.slider .slide .slide-content { width: 100%; padding: 20px 20px 67px; }

	.slider .slick-arrow { left: calc(50% - 30px); }
	.slider .slick-next { left: calc(50% + 10px); }
	
	.s-panel-about-team { padding: 80px 0; }
	.s-panel-about-team { display: block; }
	.s-panel-about-team .entry p br { display: none; }

	.footer .top .link-btn { width: 100%; margin-bottom: 15px;  }

	.mobile-form-title { display: none; }

	.footer .top { padding: 23px 0 32px; }
	
	.footer .newsletter .gform_body .gfield_label { top: 17px; left: 20px; font-size: 0; }
	.footer .newsletter .gform_body .gfield_label:before { content: 'Join our mailing list...'; font-size: 17px; color: #7e7e7e; font-style: normal; }

	.footer .top .newsletter { width: 100%; }
	.footer .newsletter .gform_footer .button { font-size: 20px; text-transform: capitalize; }

	.s-panel-into .text .list-links li { margin-bottom: 10px; }

	.footer .newsletter .gform_footer .button { height: 59px; }

	.footer .newsletter .info-tooltip { display: block; left: auto; right: 135px; }
	
	.footer .bottom { padding-top: 23px; padding-bottom: 27px; }
	.footer .bottom p { margin-bottom: 8px; }
	
	.box-mobile { margin-top: 0; }
	.box-mobile p { max-width: 300px; margin: 0 auto; }


	.section-testimonial-alt { padding: 0 0 21px; }

	.header.show-menu .logo { opacity: .2; }


}
@media(max-width: 449px){
	.show-menu .nav .nav-inner { padding: 0 20px 0 13px; } 

	
}


@media(max-width: 410px){

	.bundle .bundle-inner { padding: 26px 10px 27px 10px; }

	.bundle .bundle-head ul { font-size: 13px; }
	.bundle .bundle-head h1 { font-size: 65px; }

	.footer .newsletter .gform_body { width: 100%; }
	.footer .newsletter .gform_footer .button { font-size: 14px; }
	
	.footer .newsletter .gform_wrapper .gform_footer,
	.footer .newsletter .gform_footer .button { width: 70px; }

	.footer .newsletter .gform_body .gfield_label:before { font-size: 14px; }
	.footer .newsletter .info-tooltip { right: 77px; }
	.footer .newsletter .gform_wrapper { padding-right: 70px; }


	
}


@media(max-width: 374px){
	.nav .menu li.link-btn a { padding: 18px 11px; }
}