/*=============================================================================

CSS RESET

=============================================================================*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 100%; zoom: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote { list-style:none; }

h1, h2, h3, h4, h5, h6 {line-height:normal;font-weight:normal;color: #000;}

a { text-decoration: none; outline:none; cursor:pointer; }

b, strong { font-weight: bold; }

img { color: transparent; font-size: 0; vertical-align: middle; border:none; -ms-interpolation-mode: bicubic; max-width:100%; height:auto !important; }

ul, li { display: list-item; list-style:none; }

table { border-collapse: collapse; border-spacing: 0; }

th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }

svg { overflow: hidden; }

input[type="checkbox"] { margin:0 4px 0 0; width: 13px; height: 13px; padding: 0; vertical-align: middle; position: relative; top: -1px; *overflow: hidden;}

input, textarea, select { outline:none; margin:0; font-family:inherit;}

textarea{ overflow:auto; resize:none;}

input:focus, select:focus, textarea:focus{ outline: none; }

/*=============================================================================

TYPOGRAPHY

=============================================================================*/

@font-face{
    font-family:"HelveticaNeue";
    src:url("fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
    src:url("fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"),url("fonts/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2") format("woff2"),url("fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"),url("fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"),url("fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
    font-weight: 300;
    font-style: normal;

}

@font-face{
    font-family:"HelveticaNeue";
    src:url("fonts/e0f8f15a-c0f6-4ddb-a86e-d0b3dd600c25.eot?#iefix");
    src:url("fonts/e0f8f15a-c0f6-4ddb-a86e-d0b3dd600c25.eot?#iefix") format("eot"),url("fonts/003e12ef-751e-4715-853b-9a1994d021d1.woff2") format("woff2"),url("fonts/990dea59-fcdd-461d-863d-3517e48e8ed0.woff") format("woff"),url("fonts/faf94d73-68f4-48a2-970f-f57530c211c9.ttf") format("truetype"),url("fonts/e4bb531b-d9fc-405e-88c3-1b34c22a8c50.svg#e4bb531b-d9fc-405e-88c3-1b34c22a8c50") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family:"HelveticaNeue";
    src:url("fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
    src:url("fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"),url("fonts/3b303641-706e-4221-94c4-4fb491f4f8ef.woff2") format("woff2"),url("fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
    font-weight: 700;
    font-style: normal;
}



*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html{-webkit-text-size-adjust: none; text-size-adjust: none;}

body {font:16px/1.5 "HelveticaNeue", Helvetica, Arial, sans-serif;background: #ebebeb;color:#040404;text-align:left;}

a, img, svg, input, select, textarea, ._transition, button, .button, :before, :after{-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

._transition2{-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

a:active, .button:active, button:active{-webkit-transition: all 0.05s ease-out; -moz-transition: all 0.05s ease-out; transition: all 0.05s ease-out;}

._no-transition{-webkit-transition: none; -moz-transition: none; transition: none;}

a { }

a:hover { text-decoration:none; }

a:active, a:focus{ outline: none; }


/* Tyopgraphy Elements*/

h1, h2, h3{margin-bottom:35px;line-height: 1.07;}

h4, h5, h6{ margin-bottom:20px; line-height:1.4;}

h1{font-size: 2.2em;letter-spacing: -0.9px;}

h2{font-size: 3.125em;font-weight: bold;}

h3{font-size: 2.125em;line-height: 1.35;font-weight: 500;}

h4{font-size: 1.625em;font-weight: 300;line-height: 1.35;}

h5{font-size: 1.16em;}

h6{font-size: 1em;}

p{/* margin-bottom: 25px; */}

.font-thin{ font-weight: 100}

.font-light{ font-weight: 300}

.font-normal{ font-weight: 400}

.font-medium{font-weight: 600}

.font-bold{font-weight: 700}

.font-size-sm{ font-size: 0.9em;}

.font-size-md{ font-size: 1.5em;}

.font-size-lg{ font-size: 2em;}

.uppercase{ text-transform:uppercase;}

.normalcase{ text-transform:none;}

.lowercase{ text-transform:lowercase;}

.underline{ text-decoration: underline; }

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.valign-top { vertical-align: top; }

.valign-middle { vertical-align: middle; }

.valign-bottom { vertical-align: bottom; }



/* lists */

.simple-list{ margin-bottom:20px;}

.simple-list li{ padding-left: 20px; margin-bottom:10px; position:relative;}

.simple-list li:before{ content:""; position:absolute; left:0; top: 9px; width: 8px; height: 8px; background: #87C0CA;}

.ordered-list{
	counter-reset: section;
  list-style-type: none;
  margin-bottom: 30px;
}

.ordered-list li{
	margin-bottom: 10px;
}

.ordered-list li:before{
	counter-increment: section;
  content: counters(section,".") ")";
	margin-right: 8px;
}


/* colors */

.white { color: #fff; }

.black{ color:#000;}

.blue{ color: #2b6a97;}

.grey{ color: #b2b2b2;}

.red{ color: #ff0000;}


/* backgrounds */

.white-bg{ background-color:#FFF}

.black-bg{ background-color:#000;}

.light-brey-bg{ background-color: #fcfcfc;}

/* responsive videos */

.responsive-video{position: relative;display: block;height: 0;padding: 0;overflow: hidden;padding-bottom: 56.15%;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);}

.responsive-video iframe, .responsive-video object { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.responsive-video.aspect-4by3{padding-bottom: 75%;}



/* maps */

.google-map{
	background: #ccc;
	position: relative;
	height: 300px;
}

.google-map iframe{
	display: block;
	position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;
}


/* buttons */

button, button:active, button:focus{cursor: pointer; outline: none;}

.button {height: 36px;line-height: 34px;padding: 0 16px;border: none;font-size: 1.125em;font-weight: 700;letter-spacing: 0.5px;cursor: pointer;display: inline-block;vertical-align:top;text-align:center;position: relative;-webkit-appearance:none;border-radius:0;text-decoration: none;-ms-touch-action: manipulation;touch-action: manipulation;}

.button.-size-sm { height: 28px; line-height: 26px; font-size:0.9em; }

.button.-size-md { height: 50px; line-height: 48px; font-size:1.125em; }

.button.-size-lg { height: 74px; line-height: 72px; font-size: 1.889em; padding: 0 20px; font-weight:400;}

.button.-margin-left { margin-left: 10px }

.button.-margin-right { margin-right: 10px }

button.button, input[type="button"] { line-height: normal; }

.button.-wider{ padding:0 40px;}

.button.-min-width{ min-width: 190px;}

.button.-full-width{ width:100%; padding:0;}

.button.-radius{ border-radius: 3px;}

.button.-primary{
  background: #0083ff;
  color: #fff;
}

.button.-primary:hover{}

.button.-secondary{}

.button.-secondary:hover{}

.button.-ternary{}

.button.-ternary:hover{}

.button.-ghost-light{}

.button.-ghost-light:hover{}

.button.-ghost-dark{}

.button.-ghost-dark:hover{}

.button.-plain {
  background: none;
  padding: 0;
  color: #02d389;
}

.button.-plain:hover {
  color: #000
}



/* forms */

form{margin: 0 auto 20px;}

form label{ display:block; padding: 10px 0; color: #a7a9ac;}

label .required-star{ color:#e14441; margin-left:4px;}

form .form-row{ display:block;}

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], select, textarea{background: #fff;color:#000;border:1px solid #ccc;border-radius:0;padding: 5px 10px;height:50px;max-width:100%;width:100%;font-size: 16px;margin-bottom: 0;vertical-align:top;}

textarea{ height:200px; width:100%; padding: 10px;}

input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus{ border-color:#359AD6; color:#000; }

select[multiple]{ height: 150px;}

::-webkit-input-placeholder {color:#b3b3b3;}

:-moz-placeholder {color:#b3b3b3;}

:-ms-input-placeholder{color:#b3b3b3;}

:focus::-webkit-input-placeholder {color:#b3b3b3;}

:focus:-moz-placeholder {color:#b3b3b3;}

:focus:-ms-input-placeholder{color:#b3b3b3;}

/* WP CF7 */

.wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form input[type="password"], .wpcf7-form select, .wpcf7-form textarea{
	width: 100%;
}

.wpcf7-form .required{ color:#e21836;}

span.wpcf7-not-valid-tip{ font-size: 0.9em; color: #FF6969; position: relative; top:-10px; text-align: left;}

div.wpcf7-response-output{
	margin: 2em 0;
	border: none;
	color: #fff;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 1.4;
}

div.wpcf7-mail-sent-ok {
	background: #398f14;
}

div.wpcf7-mail-sent-ng {
	background: #ff0000;
}

div.wpcf7-spam-blocked {
	background: #ffa500;
}

div.wpcf7-validation-errors {
	background: #F7B800;
}

div.wpcf7 img.ajax-loader, div.wpcf7 span.ajax-loader{
	display: block;
	margin: 10px auto 0;
}

/* icons */




/*=============================================================================

PAGE LAYOUT

=============================================================================*/

.site{margin:0 auto;overflow:hidden;max-width: 1600px;background: #fff;min-width: 320px;}

.wrap{position:relative;margin:0 auto;padding: 0 80px;max-width: 1182px;}

.wrap.-size-xs{max-width:600px;}

.wrap.-size-sm{max-width:760px;}

.wrap.-size-md{max-width: 1060px;}

.wrap.-size-lg{max-width:1200px;}

.wrap.-size-xl{max-width:1400px;}


.block{padding-top: 75px;padding-bottom: 75px;}

.block.-padding-top{ padding-bottom: 0;}

.block.-padding-bottom{ padding-top: 0;}


/* spacing */

.gap-10{ height:10px;}

.gap-20{ height:20px;}

.gap-30{ height:30px;}

.gap-40{ height:40px;}

.gap-50{ height:50px;}

.gap-60{ height:60px;}

.gap-70{ height:70px;}

.gap-80{ height:80px;}

.gap-90{ height:90px;}

.gap-100{ height:100px;}


/*floats*/

.float-right { float:right; }

.float-left { float:left; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:before, .clearfix:after, .grid:before, .grid:after, .wrap:before, .wrap:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after, .grid:after, .wrap:after { clear: both; }

.clearfix, .grid, .wrap { zoom: 1; }


/* helpers */

.center-block{ margin-left:auto; margin-right:auto;}

.vertical-align{ display:table; width:100%; height: 100%;}

.vertical-align > *{ display:table-cell; vertical-align:middle; float: none !important;}

.vertical-align.-align-bottom > *{ vertical-align:bottom;}

.justify-content { text-align: justify; }

.justify-content > * { display: inline-block; position: relative; }

.justify-content:before{ content: ''; display: block; width: 100%; }

.justify-content:after { content: ''; display: inline-block; width: 100%; }

.overflow-hidden{ overflow: hidden; }


._mg-b-xs{margin-bottom: 10px !important;}

._mg-b-sm{margin-bottom: 30px !important;}

._mg-b-md{margin-bottom: 50px !important;}

._mg-b-lg{margin-bottom: 75px !important;}

._mg-b-xl{margin-bottom: 120px !important;}

._mg-t-xs{margin-top: 10px !important;}

._mg-t-sm{margin-top: 30px !important;}

._mg-t-md{margin-top: 50px !important;}

._mg-t-lg{margin-top: 75px !important;}

._mg-t-xl{margin-top: 120px !important;}

._no-mg{ margin:0 !important;}

._no-mg-b{ margin-bottom:0 !important;}

._no-mg-t{ margin-top:0 !important;}

._pd-b-xs{padding-bottom: 10px !important;}

._pd-b-sm{padding-bottom: 30px !important;}

._pd-b-md{padding-bottom: 50px !important;}

._pd-b-lg{padding-bottom: 75px !important;}

._pd-b-xl{padding-bottom: 120px !important;}

._pd-t-xs{padding-top: 10px !important;}

._pd-t-sm{padding-top: 30px !important;}

._pd-t-md{padding-top: 50px !important;}

._pd-t-lg{padding-top: 75px !important;}

._pd-t-xl{padding-top: 120px !important;}

._no-pd{ padding:0 !important;}

._no-pd-b{ padding-bottom:0 !important;}

._no-pd-t{ padding-top:0 !important;}



/*=============================================================================

MAIN STYLES

=============================================================================*/

.site-header{
	padding: 30px 0 40px;
}

.site-header .site-logo{
	margin-bottom: 74px;
	display: inline-block;
}

.signup-form{
	padding-right: 215px;
	position: relative;
	max-width: 600px;
	overflow: hidden;
}

.signup-form input[type="text"]{
	font-size: 1.500em;
	border: 2px solid #0083ff;
	height: 56px;
	border-radius: 5px 0 0 5px;
	width: 100%;
	padding: 15px;
}

.signup-form input[type="submit"]{
	width: 215px;
	height: 56px;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 5px 5px 0;
}

.signup-form .form-success{
	position:absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: none;
	text-align: left;
	background: #fff;
	line-height: 48px;
	padding: 0 13px;
	font-size: 1.846em;
	color: #000;
	border: 2px solid #0083ff;
	border-radius: 5px;
	text-align: center;
}

.signup-form.submitted .form-success{
	display: block;
}

.mobile-signup{
  margin: 0;
  padding: 20px 10px;
  max-width: none;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000001;
  box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  border: solid 1px #ececec;
}

.signup-form.mobile-signup input[type="text"]{
  height: 44px;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 300;
  border-radius: 5px;
  border-width: 1px;
  margin-bottom: 10px;
}

.signup-form.mobile-signup input[type="submit"]{
  position: static;
  width: 100%;
  height: 44px;
  border-radius: 5px;
  font-size: 18px;
}

.mobile-signup .form-success{
	line-height: 1.2;
	top: 20px;
	bottom: 20px;
	left: 10px;
	right: 10px;
}

.quotes-slider{margin-bottom: 64px;}

.quotes-slider .slide{ opacity: 0;}

.quotes-slider .slide.slick-current{ opacity: 1;}

.quotes{ text-align: center; padding: 40px 0;}

.quotes blockquote{ max-width: 760px; margin: 0 auto;}

.quotes blockquote a{font-size: 2.500em;display: block;font-style: italic;line-height: 1.25;color: #000;margin-bottom: 20px;font-weight: bold;}

.quotes blockquote cite{ font-style: normal; color: #9197a3; font-size: 1.250em;}

.quotes blockquote em{}

.quotes-slider-controls{}

.quotes-slider .slick-dots li{
  width: auto;
  height: auto;
  margin: 0 30px;
  border-radius: 0;
  border: none;
}

.quotes-slider .slick-dots img{ opacity: 0.3;}

.quotes-slider .slick-dots .slick-active img{ opacity: 1;}

.quotes-slider .slick-dots{bottom: -60px;}

.quotes-slider .slick-dots li a{}

.border-divider{border: solid 1px #ececec; border-width: 1px 0;}

.live-feed .slide{
	padding: 0 35px;
	opacity: 0;
	height: 220px;
}

.live-feed .slide.slick-active{
	opacity:1;
}

.live-feed .feed-item{
	border-radius: 100px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
	background-color: #ffffff;
	border: solid 1px #ececec;
	
	position: relative;
}

.live-feed .feed-source{
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  margin-top: -60px;
}

.live-feed .feed-source:before{
	content: "";
	position: absolute;
	left: -17px;
	top: -17px;
	display: block;
	width: 154px;
	height: 154px;
	border-radius: 100%;
	background-color: #e7e7e7;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.02);
}

.feed-item.source-left .feed-source{
  left: 0;
}

.feed-item.source-right .feed-source{
	right:0;
}

.live-feed .feed-source img{
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  max-width: none;
}

.live-feed .feed-source .source-phone{
  width: 78px;
  height: 154px;
  margin-left: -39px;
  margin-top: -100px;
}

.live-feed .feed-source .souce-laptop{
  width: 193px;
  height: 112px;
  margin-left: -96px;
  margin-top: -56px;
}

.live-feed .feed-content{
  overflow: hidden;
  padding: 27px 42px;
  font-size: 1.875em;
  line-height: 1.1;
}

.feed-item.source-left .feed-content{
  margin-left: 120px;
}

.feed-item.source-right .feed-content{
	margin-right: 120px;
}


.site-footer{
  background: #fbfbfb;
  padding: 110px 0;
}

.footer-nav{}

.footer-nav ul{}

.footer-nav ul li{
  display: inline-block;
  margin-right: 45px;
}

.footer-nav ul li a{
  font-size: 1.250em;
  color: #9197a3;
}

.footer-nav ul li a:hover{
  color: #0da5f4;
}


/*=============================================================================

MEDIA QUERIES

=============================================================================*/


@media only screen and (max-width: 1500px) {

}


@media only screen and (max-width: 1024px) {
	
	body{
		font-size: 14px;
	}

	.wrap{
		padding: 0 40px;
	}

}

@media only screen and (max-width: 768px) {
	
	body{
		font-size: 13px;
	}

	h2{font-size: 2.3em;margin-bottom: 20px;}

	.wrap{
		padding: 0 30px;
	}
	
	.site-header{ padding: 30px 0;}

	.site-header .site-logo{
		margin-bottom: 40px;
	}

	.site-header h1{
		margin-bottom: 0;
		font-size: 2.1em;
		line-height: 1.2;
	}

	.features{
		text-align: center;
	}

	.features img{
		margin-bottom: 20px;
	}

	.quotes-slider{
		margin-bottom: 50px;
	}

	.quotes-slider .slick-dots{
		bottom:-50px;
	}

	.quotes blockquote a{
		font-size: 1.692em;
	}

	.quotes-slider .slick-dots li{
		margin: 0 15px;
	}

	.quotes-slider .slick-dots img{		
		height: 18px !important;		
		width: auto;
	}


	.live-feed .slide{
		padding: 0 7px;
		height: 110px;
	}

	.feed-item .feed-content{
		font-size: 1em;
		padding: 12px 20px;
	}

	.live-feed .feed-source{
		width: 52px;
		height: 52px;
		margin-top: -26px;
	}

	.live-feed .feed-source:before{
		width: 66px;
		height: 66px;
		left: -7px;
		top: -7px;
	}

	.live-feed .feed-source .source-phone{
		width: 32px;
		height: 66px;
		margin-left: -16px;
		margin-top: -38px;
	}

	.live-feed .feed-source .souce-laptop{
		width: 82px;
		height: 48px;
		margin-left: -41px;
		margin-top: -24px;
	}

	.feed-item.source-left .feed-content{
		margin-left: 52px;
	}

	.feed-item.source-right .feed-content{
		margin-right: 52px;
	}

	.site-footer{
	  padding-top: 50px;
	  padding-bottom: 168px;
	}

	.footer-nav ul li{
		display: block;
		margin-bottom: 22px;
	}

	.footer-nav ul li a{
		font-size: 20px;
	}

}

@media only screen and (max-width: 599px) {
	.block {
  	padding-top: 40px;
  	padding-bottom: 40px;
	}

	.intro{
		text-align: left;
	}

	h1{}

	h2{
  font-size: 2.000em;
}

	h3{
  font-size: 1.538em;
  line-height: 1.5;
}

	h4{}

	h5{}

	h6{}

}

@media only screen and (max-width: 450px) {
	
	.quotes-slider .slick-dots li{
		margin: 0 10px;
	}

	.quotes-slider .slick-dots img{
		height: 15px !important;
	}
}

.unbounce-modal{ z-index: 1000000;}









/*=============================================================================

GRIDS

=============================================================================*/

/* 
grid sizes suffixes:

xl < 1500px
lg < 1200px
md < 1024px
sm < 768px
xs < 600px
xxs < 450px

*/

.grid { position: relative; }

[class*='grid_'] {float: left; position: relative;}

.grid.-spacing-sm{margin-left: -2px; margin-right: -2px;}

.grid.-spacing-sm > [class*='grid_'] {padding-left: 2px; padding-right: 2px;}

.grid.-spacing-md{margin-left: -18px;margin-right: -18px;}

.grid.-spacing-md > [class*='grid_'] {padding-left: 18px;padding-right: 18px;}

.grid.-spacing-lg{margin-left: -25px; margin-right: -25px;}

.grid.-spacing-lg > [class*='grid_'] {padding-left: 25px; padding-right: 25px; }

.float-right[class*='grid_'] { float: right; }

.grid_1 { width: 100%; }

.grid_1-2 { width: 50%; }

.grid_1-3 { width: 33.33%; }

.grid_2-3 { width: 66.66%; }

.grid_1-4 { width: 25%; }

.grid_3-4 { width: 75%; }

.grid_1-5 { width: 20%; }

.grid_4-5 { width: 80%; }

.grid_1-6 { width: 16.66%; }

._invisible{ display:none;}


@media only screen and (max-width: 1500px) {
	
	/* grids */

	.grid_1-xl{ width:100%;}
	.grid_1-2-xl{ width:50%;}
	.grid_1-3-xl{ width:33.33%;}
	.grid_2-3-xl{ width: 66.66%;}
	.grid_1-4-xl{ width:25%;}
	.grid_3-4-xl{ width: 75%;}
	.grid_1-5-xl{ width:20%;}	
	.grid_4-5-xl { width: 80%; }
	.grid_1-6-xl{ width:16.66%;}

	._invisible-xl{ display:none !important;}
	._visible-xl{ display:block !important;}
	._visible-xl-inline{ display:inline-block !important;}
	
	._no-pd-xl{ padding:0 !important;}
	._no-mg-xl{ margin:0 !important;}
	
}


@media only screen and (max-width: 1200px) {
	
	/* grids */

	.grid_1-lg{ width:100%;}
	.grid_1-2-lg{ width:50%;}
	.grid_1-3-lg{ width:33.33%;}
	.grid_2-3-lg{ width: 66.66%;}
	.grid_1-4-lg{ width:25%;}
	.grid_3-4-lg{ width: 75%;}
	.grid_1-5-lg{ width:20%;}	
	.grid_4-5-lg { width: 80%; }
	.grid_1-6-lg{ width:16.66%;}

	._invisible-lg{ display:none !important;}
	._visible-lg{ display:block !important;}
	._visible-lg-inline{ display:inline-block !important;}
	
	._no-pd-lg{ padding:0 !important;}
	._no-mg-lg{ margin:0 !important;}
	
}

@media only screen and (max-width: 1024px) {
	
	/* grids */

	.grid_1-md{ width:100%;}
	.grid_1-2-md{ width:50%;}
	.grid_1-3-md{ width:33.33%;}
	.grid_2-3-md{ width: 66.66%;}
	.grid_1-4-md{ width:25%;}
	.grid_3-4-md{ width: 75%;}
	.grid_1-5-md{ width:20%;}   
	.grid_4-5-md { width: 80%; }
	.grid_1-6-md{ width:16.66%;}

	._invisible-md{ display:none !important;}
	._visible-md{ display:block !important;}
	._visible-md-inline{ display:inline-block !important;}
	
	._no-pd-md{ padding:0 !important;}
	._no-mg-md{ margin:0 !important;}

}

@media only screen and (max-width: 768px) {
	
	/* grids */

	.grid_1-sm{ width:100%;}
	.grid_1-2-sm{ width:50%;}
	.grid_1-3-sm{ width:33.33%;}
	.grid_2-3-sm{ width: 66.66%;}
	.grid_1-4-sm{ width:25%;}
	.grid_3-4-sm{ width: 75%;}
	.grid_1-5-sm{ width:20%;}   
	.grid_4-5-sm { width: 80%; }
	.grid_1-6-sm{ width:16.66%;}

	._invisible-sm{ display:none !important;}
	._visible-sm{ display:block !important;}
	._visible-sm-inline{ display:inline-block !important;}

	._no-pd-sm{ padding:0 !important;}
	._no-mg-sm{ margin:0 !important;}

}

@media only screen and (max-width: 599px) {

	/* grids */
	
	.grid_1-xs{ width:100%;}
	.grid_1-2-xs{ width:50%;}
	.grid_1-3-xs{ width:33.33%;}
	.grid_2-3-xs{ width: 66.66%;}
	.grid_1-4-xs{ width:25%;}
	.grid_3-4-xs{ width: 75%;}
	.grid_1-5-xs{ width:20%;}   
	.grid_4-5-xs { width: 80%; }
	.grid_1-6-xs{ width:16.66%;}

	._invisible-xs{ display:none !important;}
	._visible-xs{ display:block !important;}
	._visible-xs-inline{ display:inline-block !important;}

	._no-pd-xs{ padding:0 !important;}
	._no-mg-xs{ margin:0 !important;}
	
	._mg-b-xs{margin-bottom: 7px !important;}

	._mg-b-sm{margin-bottom: 15px !important;}

	._mg-b-md{margin-bottom: 25px !important;}

	._mg-b-lg{margin-bottom: 40px !important;}

	._mg-b-xl{margin-bottom: 60px !important;}

	._mg-t-xs{margin-top: 7px !important;}

	._mg-t-sm{margin-top: 15px !important;}

	._mg-t-md{margin-top: 25px !important;}

	._mg-t-lg{margin-top: 40px !important;}

	._mg-t-xl{margin-top: 60px !important;}


	._pd-b-xs{padding-bottom: 7px !important;}

	._pd-b-sm{padding-bottom: 15px !important;}

	._pd-b-md{padding-bottom: 25px !important;}

	._pd-b-lg{padding-bottom: 40px !important;}

	._pd-b-xl{padding-bottom: 60px !important;}

	._pd-t-xs{padding-top: 7px !important;}

	._pd-t-sm{padding-top: 15px !important;}

	._pd-t-md{padding-top: 25px !important;}

	._pd-t-lg{padding-top: 40px !important;}

	._pd-t-xl{padding-top: 60px !important;}

	/* general styles */

	.wrap{
  padding: 0 20px;
}

}

@media only screen and (max-width: 450px) {

	/* grids */

	.grid_1-xxs{ width:100%;}
	.grid_1-2-xxs{ width:50%;}
	.grid_1-3-xxs{ width:33.33%;}
	.grid_2-3-xxs{ width: 66.66%;}
	.grid_1-4-xxs{ width:25%;}
	.grid_3-4-xxs{ width: 75%;}
	.grid_1-5-xxs{ width:20%;}   
	.grid_4-5-xxs { width: 80%; }
	.grid_1-6-xxs{ width:16.66%;}
	
	._invisible-xxs{ display:none !important;}
	._visible-xxs{ display:block !important;}
	._visible-xxs-inline{ display:inline-block !important;}

	._no-pd-xxs{ padding:0 !important;}
	._no-mg-xxs{ margin:0 !important;}
	
}