/* COLOR

cyan #33ccff
blue #305c77
red #cc2f3b

*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,900&display=swap');

body, html {font-family: 'Montserrat', Helvetica, arial, sans !important}

h1,h2,h3,h4,h5,h5 {font-family: 'Montserrat', Helvetica, arial, sans !important}

h1,h2 {font-weight: 900 !important}
h3 {font-weight: 300 !important}
body .toggle > h3 a {font-weight: 700 !important}

.uppercase {text-transform: uppercase}

hr {
border: 0;
clear:both;
color: #ccc;
background-color: #ccc;
height: 1px;
width:100%;
margin:10px 0;
padding:0s
}

.nectar-highlighted-text h1, .nectar-highlighted-text h2 {line-height: 90%}
.nectar-highlighted-text h1 em, .nectar-highlighted-text h2 em{padding: 6px 8px;/*transform: rotate(-2deg);*/}

@media (max-width: 999px) {
	h1 {font-size: 48px !important ; line-height: 1 !important}
}

@media (max-width: 767px) {
	h1 {font-size: 36px !important}
}

@media (min-width: 1000px) {
#page-header-bg h1, .nectar-box-roll .overlaid-content h1 {font-size: 66px !important}
}


/* -- HOME -- */

.video-highlight .nectar-video-box > .inner-wrap:before {display: block; height: 96px; width: 96px; top:-48px; right:-48px; position: absolute; z-index: 10; background: url("img/icon-mrp-black.svg") 0 0 no-repeat; background-size: contain; content:''}

.video-highlight .nectar-video-box > .inner-wrap:after {display: block; left:12px; bottom: 16px; position: absolute; z-index: 10; content:'MRP in 60 Seconds'; font-weight: 900; font-size: 14px; color: #fff}


.new-down a {width: 36px; height: 22vh; max-height: 225px; display: block; top: -18vh; position: absolute; left: 50%; margin-left: -18px; background: url(img/arrows-all-the-way-down2.gif) top center no-repeat; background-size: 18px auto; text-indent: -9999px }

/* row1 */
.home_row1 h2 {font-size: 66px; line-height: 90% !important;position:relative; margin-bottom:-10px;font-weight: 900 !important}
.home_row1 .nectar-highlighted-text em {padding: 4px 6px; color: #fff; text-transform: uppercase; display: inline-block; font-weight: 900 !important}

.row .wider .span_12 {max-width: 1440px; margin: 0 auto !important;}

.welcome-col1 {position: relative; z-index: 10}

.sketch-arrow {overflow: visible; position: relative;  animation-duration: 1s;
  animation-name: slidein;
  animation-iteration-count: 1;}

.sketch-arrow::before {display: block; content:''; width: 350px; height: 200px; background: url(img/sketch-arrow-01.svg) right center no-repeat; background-size: contain; position: absolute; right: -100px; top: -152px;
 
}
 @keyframes slidein {
  from {
    ;
    width: 75%; 
  }

  to {

    width: 100%;
  }
}

/*.home-down-arrow {
	height: 60px;
	width: 60px;
	display: block;
	margin: 0 auto;
	position: absolute;
	top: -130px;
	z-index: 100;
	left: 50%;
	margin-left: -30px;
}

.home-down-arrow i.icon-default-style[class^="icon-"] {
height: 60px;
width: 60px;
font-size: 40px!important;
color: #33ccff !important;
line-height: 60px!important;
animation: 3.4s ease-in-out infinite fadebottom;
-webkit-animation: 3.4s ease-in-out infinite fadebottom;
}*/


@media (max-width: 1280px) {
	.home_row1 h2 {font-size: 48px;}

}


@media (max-width: 767px) {
	body.home .vc_col-sm-12 {padding: 0 !important}
.home_row1 h2 {font-size: 36px;}
	.video-highlight .nectar-video-box {margin-top: 32px}
	.video-highlight .nectar-video-box > .inner-wrap:before {display: none}
}

@media (max-width: 600px) {
.home_row1 h2 {font-size: 28px;}
}


/* row2 */


/* row3 */
.home_highlight-large h2 {font-size: 90px; line-height: 90% !important;position:relative; margin:0 0 -10px 0}
.home_highlight-large .nectar-highlighted-text em {padding: 4px 6px; color: #fff; text-transform: uppercase; display: inline-block; font-weight: 900 !important}

@media (max-width: 1280px) {
	.home_highlight-large h2 {font-size: 70px; margin: 0 0 0 20px}
}


@media (max-width: 767px) {
.home_highlight-large h2 {font-size: 55px;}
}

@media (max-width: 600px) {
.home_highlight-large h2 {font-size: 40px;}
}


/* row6 */
@media (min-width: 1000px) {
.home-about {font-size: 125%}
}
.home-about .nectar-highlighted-text em {padding: 4px 6px; color: #fff; text-transform: uppercase; display: inline-block; font-weight: 700 !important}


/* row7 */

@media (max-width: 1280px) {
.home_row7 .home_highlight-large h2 {font-size: 60px; }
}


@media (max-width: 767px) {
.home_row7 .home_highlight-large h2 {font-size: 40px; }
}

@media (max-width: 600px) {
.home_row7 .home_highlight-large h2 {font-size: 24px; }
}

.container-wrap {background: #fff url("img/halftone-bg-fine.jpg") center center no-repeat; background-attachment: fixed !important; background-size: cover}
.container-wrap {background: none !important}

#ajax-content-wrap, .material .ocm-effect-wrap{background: none !important}
body {background: #fff url("img/halftone-bg-fine.jpg") center center no-repeat !important; background-attachment: fixed !important; background-size: cover !important}

/* white background override */ body.page-id-8, body.tax-product_cat, body.single-product {background: #fff !important}


.stagger, .stagger .wpb_text_column > .wpb_wrapper {display: inline-block}
.stagger h3 {background: #33ccff; padding: 6px 12px; color: #000 !important; display: inline-block; font-weight: 900 !important}

.stagger1, .stagger2, .stagger3 {padding-left: 20px}


@media (min-width: 1000px) {
		
#top {border-top:8px solid #305c77 }
	
}

@media (min-width: 768px) {

	.row_video-bg .divider {height: 580px !important}

.stagger1, .stagger2, .stagger3 {padding-left: 0}
	.stagger2 {text-align: center}
	.stagger2 > .wpb_wrapper {margin: 0 auto;  text-align: left}
.stagger3 > .wpb_wrapper {float: right; }

#impact .hover-wrap-inner {position:relative; margin-bottom:-26px}	
}


/*@media (max-width: 767px) {
#header-space {border-top:6px solid #305c77 !important }
}*/

/* - elements --- */
.nectar-video-box a.nectar_video_lightbox:not(.play_button_mouse_follow):before {opacity: 1 !important}
.nectar-video-box:not([data-mouse-style="see_through_contrast"]):hover a.nectar_video_lightbox {box-shadow:  0 20px 45px rgba(0,0,0,0.5)}

.nutshell {position: relative}

.nutshell img {width:100%; height: auto; margin: 0 !important}

a.video-nutshell {position: absolute; z-index: 10; top:50%; margin-top: -85px; left: 50%; margin-left: -250px }

.video-nutshell.nectar_video_lightbox.play_button_with_text .play {width: 100px; height: 100px}
.video-nutshell.nectar_video_lightbox.play_button_with_text svg {width: 40px; height: 40px;}
.video-nutshell.nectar_video_lightbox.play_button_with_text .link-text {text-align: left; line-height: 1}
.video-nutshell.nectar_video_lightbox.play_button_with_text .link-text strong {font-size: 32px !important; font-weight: 900}

@media (max-width: 599px) {
	.video-nutshell.nectar_video_lightbox.play_button_with_text .play {width: 60px; height: 60px}
	.video-nutshell.nectar_video_lightbox.play_button_with_text svg {width: 24px; height: 24px;}
	.video-nutshell.nectar_video_lightbox.play_button_with_text .link-text h3 {text-align: left; line-height: 1;font-size: 16px !important;}
	.video-nutshell.nectar_video_lightbox.play_button_with_text .link-text strong {font-size: 16px !important; font-weight: 900}
	a.video-nutshell {position: absolute; z-index: 10; top:50%; margin-top: -60px; left: 50%; margin-left: -124px }
}

.nectar-highlighted-text[data-using-custom-color="false"] em:before {opacity: 1 !important}
.nectar-highlighted-text[data-style="half_text"] em:before {height: 10px !important; top:14px !important; bottom: 0; background: url("img/underline-150x12.svg") 0 0 no-repeat; background-size: contain}
.nectar-highlighted-text[data-style="half_text"] a:hover em.animated:before {-webkit-transform: none !important; transform: none !important}
.nectar-highlighted-text[data-style="half_text"] a:hover {color: red}


.video-steps {padding-top: 32px !important}
.video-steps .vc_col-sm-3 {}

.video-steps .vc_col-sm-3 .wpb_text_column {padding-top: 200px;}
.video-steps .vc_col-sm-3 .wpb_raw_html p {font-weight: 700; max-width: 120px; margin: 0 auto; line-height: 1; text-transform: uppercase}
.video-steps .vc_col-sm-3 svg { width: 140px; height: 140px}
.video-steps .vc_col-sm-3 svg .st0 {fill:#33CCFF;transition: all 0.2s linear !important;-moz-transition: all 0.2s linear !important;-webkit-transition: all 0.2s linear !important;-o-transition: all 0.2s linear !important;-moz-opacity:0.2; -webkit-opacity:0.2;opacity:0.2;filter:alpha(opacity=20);}
.video-steps .vc_col-sm-3:hover svg .st0 {fill:#33CCFF;-moz-opacity:1; -webkit-opacity:1;opacity:1;filter:alpha(opacity=100);}


/* ABOUT */

.offset-logo {padding-top: 100px}

.offset-logo .img-with-aniamtion-wrap { position: relative}

.offset-logo .img-with-aniamtion-wrap:before {content: ''; position: absolute; width: 200px; height:200px; z-index: 100; background: url("img/icon-mrp-red.svg") 0 0 no-repeat; background-size: contain}

.offset-topleft .img-with-aniamtion-wrap:before {top: -100px; left: -100px}

.something-awesome .wpb_raw_html, .something-awesome .wpb_wrapper {height: 100%; position: relative}
.something-awesome span { display: block; text-indent: -9999px; position: absolute; bottom: 32px; right: 40%; width: 25%; height: 1400px; background: url("img/something-awesome-tall.svg") bottom right no-repeat; background-size: contain}

.portfolio-items .next-arrow line{stroke: #33ccff !important}
.portfolio-items .line, body .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line {background: #33ccff !important}
body .team-member[data-style="bio_fullscreen"] .team-meta .arrow-end {color: #33ccff !important}

.bio-inner h2 {text-transform: uppercase; color: #fff; background: #cc2f3b;padding: 6px 10px; display: inline-block}

.team-member[data-style="bio_fullscreen"] .team-meta h3,
.team-member[data-style="bio_fullscreen"] .team-meta_ p {opacity:1 !important;text-transform: uppercase; color: #fff; background: #cc2f3b;padding: 4px 6px !important; font-weight: 700 !important; font-size: 14px; line-height: 14px; display: inline-block}

@media (max-width: 1400px) {
	.something-awesome span {right: 30px;}
}


@media (min-width: 1000px) {
	.spaced_  {padding-top: 72px !important }
	.spaced p {line-height:  1.75; }

.shift100 {transform: translateY(-100px);}
}




#smaller-title .nectar-animated-title h1 {
padding: 8px 16px; font-size:40px; line-height:50px; 
}

/* VIMEOGRAPHY */

body.single-portfolio table, body.single-portfolio table td, body.single-portfolio table tr {background: none !important; border: none !important}

.vimeography-gallery {width: 100% !important; margin: 0 auto 40px auto !important}


/* PORTFOLIO */

.carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item h3, .portfolio-items .col .work-item.style-2 h3 {background: #cc2f3b; display: inline-block; font-weight: 700 !important; font-size: 12px !important; padding: 8px; line-height: 12px}
.vert-center p {display:none}

body.single-portfolio hr, hr.dashed {
border: 2px dashed #cc2f3b;
clear:both;
color: transparent !important;
background-color: transparent !important;
height: 1px;
width:100%;
margin:30px 0;
padding:0
}

.credits {text-align: center}
.credits h4 {text-transform: uppercase; font-size: 16px; letter-spacing: 0.3em}

.vert-center p {display:none}

body .portfolio-filters-inline.first-section {padding:24px !important}

.portfolio-filters-inline .children {display:none}

.portfolio-filters-inline li.has-children { position:relative; padding-bottom:5px;}
.portfolio-filters-inline li.has-children:hover .children {display:block;width:200px; position:absolute; top:18px; left:0; z-index:1000;background:#252525;padding-top: 12px}
.portfolio-filters-inline li .children {padding-top:3px}
.portfolio-filters-inline li .children li {clear:both; display:block; width:100%;padding:1px;}
.portfolio-filters-inline li .children li, .portfolio-filters-inline li .children li a {text-align:left; font-size: 12px; font-weight: 400}

/* SERVICES */

.services-buttons a {border: 2px solid #cc2f3b !important}
.services-buttons a.back {border: 2px solid #000 !important; color: #000}
.services-buttons a.back:hover {border: 2px solid #33ccff !important; color: #fff; background: #33ccff !important; opacity: 1}

.nectar-cta .text {margin-bottom:16px; font-weight:300;display:block; width:100%;}

.btn-list ul, .btn-list ul li {display:inline-block; margin:0; padding:0; list-style:none;}

.btn-list ul li {margin:0 2px 7px 0;}

.btn-list a {padding:6px 10px !important; border: 1px solid !important; border:1px solid #fff; color:#fff; display:block; font-weight: 700; text-transform: uppercase;transition: all 0.2s linear !important;-moz-transition: all 0.2s linear !important;-webkit-transition: all 0.2s linear !important;-o-transition: all 0.2s linear !important;}
.list-audio .btn-list a {color:#cc2f3b !important; border-color: #cc2f3b !important;}
.btn-list a:hover, .list-audio .btn-list a:hover {background: #33ccff !important; border-color:#33ccff !important; color:#fff !important;}
.material .btn-list .widget li a {padding:6px 10px !important;}


@media (min-width: 1280px) {
body.page-template-template-portfolio #page-header-bg h1 {font-size: 70px !important; line-height: 1; letter-spacing: 0.05em}
}
	
/* BLOG */

.post-area .post-content {padding-left: 0}
.post-area .post-content .post-meta {display: none}

/* --- FOOTER --- */

a.vc_inline-link {display: none}

#footer-widgets .widget_media_image {width: 200px; margin: 0 auto; padding-top: 16px}

#footer-widgets .social a {display: inline-block; width: 48px; height: 48px;  text-align: center; margin: 5px; border-radius: 24px; border: 2px solid #000; color: #33ccff !important}
#footer-widgets .social i {font-size: 24px; line-height: 48px; color: #33ccff !important}
#footer-widgets .social a:hover {border: 2px solid #33ccff !important}

#copyright {font-size: 90%; }


/* --- PRODUCTS --- */
.woocommerce-tabs {display: none !important}

nav.woocommerce-breadcrumb, .woocommerce-ordering, .woocommerce-result-count {display: none}
.quick-details h4 {font-size: 16px}
.quick-details p, .quick-details li {font-size: 14px; line-height: 18px}
.quick-details ul, .quick-details ul li {list-style: disc !important; }
.quick-details ul {margin-left: 18px !important}

.quick-add {text-align: left !important}
.quick-price {margin-bottom: 24px}
body .woocommerce.add_to_cart_inline.quick-add a.button.add_to_cart_button {padding: 11px 22px; display: inline-block;
font-size: 12px;}

/* --- CART --- */

table th.center, table td.center {text-align: center !important}
.coupon {display: none !important}
body .woocommerce-checkout #payment ul.payment_methods, body .woocommerce-checkout #payment ul.payment_methods li input, body .woocommerce-checkout #payment div.payment_box {margin: 0 !important; padding: 0 !important}
.wc_payment_method label, .checkout h3{font-weight: 700 !important}
body .woocommerce-checkout #payment ul.payment_methods {border: 2px solid #33ccff; padding: 8px !important; border-radius:12px}
body .woocommerce .payment_box p {padding: 0}
.woocommerce-privacy-policy-text p {font-size: 12px; margin-bottom: 32px}

.extra-days {border-top: 3px solid #cc2f3b;border-bottom: 3px solid #cc2f3b; padding: 24px 0; font-size: 18px; margin-bottom: 24px}

.extra-days label span {color: #414042; margin-bottom:12px; display: block }

/* GF FORM */

body[data-form-style="minimal"] .gform_wrapper input[type="text"], body[data-form-style="minimal"] .gform_wrapper textarea {border: 2px solid #ddd !important; padding: 8px; background: #fff !important}
body[data-form-style="minimal"] .gform_wrapper select, .extra-days select {border: 2px solid #ddd !important; background: #fff url("img/bg-select.png") right center no-repeat; background-size: 300px 50px; -webkit-appearance:none; border-radius:0 !important; box-shadow: none !important}
body[data-form-style="minimal"] .gform_wrapper input[type="text"]:focus, body[data-form-style="minimal"] .gform_wrapper textarea:focus, body[data-form-style="minimal"] .gform_wrapper select:focus {border-color: #cc2f3b !important}


body[data-form-style="minimal"] .gform_wrapper .top_label div.ginput_container {margin: 0 !important}
body[data-form-style="minimal"] .gform_wrapper ul li.gfield {margin-top: 0; padding-bottom: 3px}
body[data-form-style="minimal"] .gform_wrapper ul li.padd-top {padding-top: 8px}

/* - - - - -  BONES - - - - -  */
.clearboth {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
}
.space10 {
	height: 10px
}
.space20 {
	height: 20px
}
.space30 {
	height: 30px
}
.space40 {
	height: 40px
}
.space50 {
	height: 50px
}
.space60 {
	height: 60px
}
.space70 {
	height: 70px
}
.space80 {
	height: 80px
}
.space90 {
	height: 90px
}
.space100 {
	height: 100px
}
.last-col {
	float: right;
	padding-right: 0 !important;
}

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {

	
.m-hide {
	display: none
}
.m-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}
.m-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50%;
}
.m-1of3 {
	float: left;
	padding-right: 0.75em;
	width: 33.33%;
}
.m-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.m-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.m-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.m-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.m-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.m-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.m-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.m-right {
	float: right !important
}
.m-left {
	float: left !important
}
/*body #slide-out-widget-area .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
	font-size: 22px !important;
	line-height: 32px !important
}*/

body.home .swiper-container .slider-prev, body.home .swiper-container .slider-next {
	display: none!important
}
body.ascend .active_texture {
	background-image: url(img/grid20.png) !important;
	display: block !important
}
	.spaceLC {
	height: 250px !important
}
	.wpb_row.native-size .row-bg.using-image {
	background-position:  center bottom !important
}
}

/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 999px) {
	ul.related li {width: 32%; margin-right: 1%; margin-bottom: 0px; float:left }
	ul.resource-gallery li {padding: 8px; width: 40%;}
.spaceLC {
	height: 250px !important
}
	.homeblocks .vc_row-fluid .vc_col-sm-4 {
	float: left;
	width: 46% !important;
	margin: 2% 2% 2% 2% !important
}
.t-hide {
	display: none
}
.t-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}
.t-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50% !important
}
.t-1of3 {
	float: left;
	padding-right: 0.75em;
	width: 33.33%;
}
.t-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.t-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.t-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.t-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.t-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.t-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.t-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.t-right {
	float: right !important
}
.t-left {
	float: left !important
}
}


/* Landscape to small desktop */
@media (min-width: 1000px) {

.slide-out-widget-area-toggle, .d-hide {
	display: none !important
}
.d-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}
.d-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50%;
}
.d-1of3 {
	float: left;
	padding-right: 0.75em !important;
	width: 33.33% !important;
}
.d-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.d-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.d-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.d-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.d-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.d-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.d-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.d-1of6 {
	float: left;
	padding-right: 0.75em;
	width: 16.6666666667%;
}
.d-5of6 {
	float: left;
	padding-right: 0.75em;
	width: 83.333333%;
}
.d-1of7 {
	float: left;
	padding-right: 0.75em;
	width: 14.2857142857%;
}
.d-2of7 {
	float: left;
	padding-right: 0.75em;
	width: 28.5714286%;
}
.d-3of7 {
	float: left;
	padding-right: 0.75em;
	width: 42.8571429%;
}
.d-4of7 {
	float: left;
	padding-right: 0.75em;
	width: 57.1428572%;
}
.d-5of7 {
	float: left;
	padding-right: 0.75em;
	width: 71.4285715%;
}
.d-6of7 {
	float: left;
	padding-right: 0.75em;
	width: 85.7142857%;
}
.d-1of8 {
	float: left;
	padding-right: 0.75em;
	width: 12.5%;
}
.d-1of9 {
	float: left;
	padding-right: 0.75em;
	width: 11.1111111111%;
}
.d-1of10 {
	float: left;
	padding-right: 0.75em;
	width: 10%;
}
.d-1of11 {
	float: left;
	padding-right: 0.75em;
	width: 9.09090909091%;
}
.d-1of12 {
	float: left;
	padding-right: 0.75em;
	width: 8.33%;
}
.d-right {
	float: right !important
}
.d-left {
	float: left !important
}
}