@charset "utf-8";
/* CSS Document */

/******* Fonts Face CSS Start **********/
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700');
@font-face{
    font-family:"Didot-W01-Italic";
    src:url("../fonts/Didot-W01-Italic.eot?#iefix");
    src:url("../fonts/Didot-W01-Italic.eot?#iefix") format("eot"),
    url("../fonts/Didot-W01-Italic.woff2") format("woff2"),
    url("../fonts/Didot-W01-Italic.woff") format("woff"),
    url("../fonts/Didot-W01-Italic.ttf") format("truetype"),
    url("../fonts/Didot-W01-Italic.svg#Didot-W01-Italic") format("svg");
    font-weight: normal;
}
/********* Fonts Face CSS End **********/

/******* Common Element CSS Start ******/
*							{ margin: 0px; padding: 0px;}
body						{ font-family: 'Poppins', sans-serif; font-size:16px; line-height: 28px; color: #4d4e53; overflow-x: hidden; }
.clear						{ clear:both;}
img							{ border: 0px;}
ul,ol						{ list-style: none; margin: 0; }
a							{ text-decoration: none; outline: none; display: inline-block; color: #38beec; } 
a:hover,
a:focus, a:active,a:visited	{ outline: none; border: 0px; text-decoration: none; color: #4d4e53; }
h1							{ margin: 0; font-size: 100px; line-height: 110px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
h2							{ margin: 0; font-size: 44px; line-height: 52px; font-weight: 700; }
h3							{ margin: 0; font-family: 'Raleway', sans-serif; font-size:42px; line-height: 50px;}
h4							{ margin: 0; font-weight: 600; font-size: 28px; line-height: 42px; }
p							{ font-family: 'Raleway', sans-serif; letter-spacing: 0.02em; }
.valign						{ position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.img-responsive				{ display: inline-block; }
::selection					{ background: #38beec; color: #fff; }
::-moz-selection			{ background: #38beec; color: #fff; }
/******* Common Element CSS End *********/

/******* Header Section CSS Start *******/
.logo a									{ display: inline-block; }
.logo img 								{ width: 244px; }
.navbar-default							{ margin: 15px 0; background: none; border: none; border-radius: 0; }
.navbar-default .navbar-nav li a		{ padding: 10px 24px; display: inline-block; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; color: #797a7e; }
.navbar-default .navbar-nav li a.quote	{ margin-left: 30px; background: #38beec; border-radius: 20px; color: #fff; box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15); }
.navbar-default .navbar-nav li.active a.quote, .navbar-default .navbar-nav li a.quote:hover,
.navbar-default .navbar-nav li a.quote:focus	{ background: #257f9d; color: #fff; }
.navbar-default .navbar-nav > li > a:after { content: ""; display: inline-block; background: transparent; width: 44px; height: 4px; position: absolute; bottom: 0; left: calc(50% - 22px);  }
.navbar-default .navbar-nav li a.quote:after { display: none; }
.navbar-default .navbar-nav > li > a:focus:after, .navbar-default .navbar-nav > .active > a:after,
.navbar-default .navbar-nav > li > a:hover:after { background: #38beec; }
.navbar-default .navbar-nav > .active > a,  .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus, .navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus	 { background: transparent; color: #797a7e; }
/******* Header Section CSS End *********/

/******* Banner section CSS Start *******/
/* .image-slider .slide		{ background-size: cover; background-repeat: no-repeat; background-position: center center; }
.image-slider .slide1		{ background-image: url("../images/slide1.jpg"); }
.image-slider .slide2		{ background-image: url("../images/slide1.jpg"); }
.image-slider .slide3		{ background-image: url("../images/slide1.jpg"); } */
.banner						{ margin: 0 auto; max-width: 90%; max-height: 770px; overflow: hidden; position: relative; }
.banner video				{ width: 100%; }
.banner-content				{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner .container			{ height: 100%; }
.banner h1					{ color: #fff; letter-spacing: 0.1em; }
.banner h3					{ margin: 40px 0 0; color: #fff; }
.common-title				{ position: relative;}
.common-title::after		{ margin-top: 34px; content: ""; background: #38beec; width: 164px; height: 10px; display: block; }
.white-box					{ padding: 60px 30px 60px 40px; background: #fff; border-radius: 60px 0 60px 60px; max-width: 480px; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1); }
.white-box h2				{ margin-bottom: 20px; }
.white-box p				{ margin-bottom: 26px; }
/******* Banner section CSS End *********/

/******* Middle section CSS Start ******/
.floating-side					{ position: fixed; right: 0; top: 0; height: 100vh; z-index: 2; }
.floating-side .social			{ padding: 10px 0; background: #fff; border-radius: 10px 0 0 10px; }
.floating-side .social li		{ margin: 0 20px; display: block; }
.floating-side .social li a		{ font-size: 42px; color: #9f9f9f; }
.floating-side .social li a:hover,
.floating-side .social li a:focus	{ color: #38beec; }
.branding-section				{ margin: 58px 0; text-align: right; position: relative; }
.first-image 					{ position: absolute; top: 0; left: 0; max-width: 85%; z-index: 1; }
.number							{ background: #38beec; display: inline-block; color: #fff; font-size: 42px; line-height: normal; font-weight: 700; width: 72px; text-align: center; } 
.first-image .number			{ position: absolute; top: 0; left: 0; } 
.below-image					{ margin-top: 138px; position: relative; max-width: 90%; display: inline-block; }
.inner-top:after, .inner-bottom:after, .quote-top:after,
.below-image:after				{ content: ""; background: rgba(77, 78, 83,0.85); width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; }
.below-image .number			{ position: absolute; bottom: 0; right: 0; z-index: 1; }
.below-image .title				{ position: absolute; bottom: -26px; left: 18%; color: #fff; z-index: 1; }
a.black-btn						{ padding: 10px 15px; background: #4d4e53; border-radius: 20px; min-width: 186px; text-align: center; color: #fff; font-size: 18px; line-height: normal; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15); }
a.black-btn:hover, a.black-btn:focus, a.black-btn:active { background: #262729; color: #fff; }
a.blue-btn						{ background: #38beec; }
a.blue-btn:hover, a.blue-btn:focus, a.blue-btn:active { background: #257f9d; color: #fff; }
.branding-data					{ position: absolute; right: 50px; top: -160px; z-index: 1; text-align: left; }
.fancybox-infobar__body, .fancybox-button--thumbs	{ display: none !important; }
.branding-bottom .more-btn		{ width: calc(100% - 98px); display: inline-block; }
.sedex							{ width: 92px; display: inline-block; text-align: center; vertical-align: middle; }
.sedex span						{ font-size: 8px; line-height: 14px; letter-spacing: 0.02em; font-weight: 700; font-family: 'Raleway', sans-serif; }

.services-block	h4					{ margin-bottom: 12px; }
.three-things p,
.services-block p					{ font-size: 18px; line-height: 32px; }
.three-things p						{ text-align: justify; }
.image-blk							{ position: relative; }
.image-blk:before					{ content: ""; background: rgba(208, 209, 212,0.65); width: 100%; height: 100%; display: block; position: absolute; top: 18px; left: 0; z-index: -1; }
.image-blk img						{ margin-left: 18px; width: 100%; }
.services-block .vertical-align		{ margin-bottom: 40px; }
.service-data						{ padding-left: 35px; }
.service-data a						{ color: #38beec; }
.service-data a:hover,
.service-data a:focus				{ color: #4d4e53; }

.testimonial					{ margin: 58px 0 40px; padding: 70px 100px; background: url("../images/testimonial-bg.jpg") no-repeat; background-size: cover; max-width: 90%; position: relative; }
.testimonial:before				{ content: ""; background: rgba(37, 127, 157,0.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.testimonial:after				{ content: ""; background: url("../images/quote.svg") no-repeat center center; background-size: contain; width: 180px; height: 190px; position: absolute; right: -146px; top: 22px; }
.testimonial-slider				{ position: relative; z-index: 1; }
.testimonial-slider p 			{ padding: 0 4px; font-family: 'Didot-W01-Italic'; color: #fafafa; font-size: 28px; line-height: 42px; }
.testimonial-slider span		{ margin: 18px 0 40px; font-size: 16px; line-height: 16px; color: #fff; display: inline-block; }
.slick-slide					{ outline: none; }
.slick-dots						{ text-align: left; }
.slick-dots li					{ width: auto; height: auto; }
.slick-dots li button::before	{ content: ""; display: none; }
.slick-dots li button			{ padding: 0; background: #fff; width: 12px; height: 12px; border-radius: 50%;}
.slick-dots li button:hover,
.slick-dots li.slick-active button	{ background: #38beec; }
.slick-prev::before, .slick-next::before	{ display: none; }
.slick-prev, .slick-next		{ background: url("../images/tiny_arrows.png") no-repeat; background-size: cover; width: 8px; height: 16px; z-index: 1; }
.slick-prev						{ background-position: left center; left: 0; }
.slick-next						{ background-position: right center !important; right: 0; }
.slick-prev:hover, .slick-prev:focus, 
.slick-next:hover, .slick-next:focus	{ background: url("../images/tiny_arrows.png") no-repeat; }

.testimonial-process			{ margin-bottom: 60px; }
.testimonial-process .number	{ margin-top: 12px; }
.process-steps					{ margin-top: 40px; }
.process-steps h4 span			{ font-weight: 400; }
.process-steps p				{ margin: 5px 0 25px; }
.process-steps li				{ padding-left: 80px; position: relative; }
.process-steps li:before 		{ content: ""; background-repeat: no-repeat; background-size: contain; width: 66px; height: 66px; display: inline-block; position: absolute; top: 0; left: 0; }
.process-steps li.step1:before 	{ background-image: url("../images/art-screen-icon.svg"); }
.process-steps li.step2:before 	{ background-image: url("../images/print-dry-icon.svg"); }
.process-steps li.step3:before 	{ background-image: url("../images/pack-delivery-icon.svg"); }  
.testimonial-process .gallery-blk	{ position: absolute; top: -160px; }
/******** Middle section CSS End *******/

/****** About CSS Start ******/
.inner-banner .container		{ position: relative; }
.inner-banner img				{ width: 100%; }
.title-blk						{ position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; }
.title-blk h1					{ color: #fff; }
.about-top .title-blk			{ left: 120px; }
.inner-top						{ position: absolute; max-width: 80%; z-index: 1; }
.inner-bottom					{ margin-top: 70px; position: relative; max-width: 90%; display: inline-block; }
.inner-bottom:after				{ background: rgba(56, 190, 236,0.65); }

.quality-blk-outer				{ position: relative; margin: 54px 0 68px; }
.quality-blk					{ position: absolute; right: 60px; top: -300px; z-index: 2; }
.hightlight > span				{ padding: 10px 58px 10px 12px; background: #38beec; color: #fff; display: inline-block; }
.you-love-block 				{ margin-bottom: 30px; background: url("../images/love-bg.jpg") no-repeat right 25px; background-size: 350px auto; }
.you-love-block h2.hightlight	{ margin-bottom: 54px; }
.love-images .image-blk			{ margin-bottom: 38px; }
.love-reason					{ padding-left: 55px; }
.love-reason p					{ margin-bottom: 26px; }
/****** About CSS End ******/

/***** Contact CSS Start ******/
.contact-outer 								{ margin: 62px 0 34px; }
.get-in-touch ul.contact-details			{ margin-bottom: 25px; }
.get-in-touch ul.contact-details li a		{ color: #4d4e53; font-family: 'Raleway', sans-serif; font-weight: 400; }
.get-in-touch ul.contact-details li a:hover,
.get-in-touch ul.contact-details li a:focus { color: #38beec; }
.get-in-touch ul.contact-details li img		{ margin-right: 20px; }	
.get-in-touch .mail img						{ width: 50px; }
.get-in-touch .phone img					{ width: 44px; }
/* .get-in-touch ul.contact-details li:before	{ margin-right: 20px; content: ""; background-repeat: no-repeat; background-size: contain; background-position: center center; display: inline-block; vertical-align: middle; } 
.get-in-touch .mail::before 				{ background-image: url("../images/pack-delivery-icon.svg");  width: 50px; height: 50px; }
.get-in-touch .phone::before 				{ background-image: url("../images/mobile-icon.svg"); width: 44px; height: 44px; }*/
.blue							{ color: #38beec; }
.get-in-touch p.blue			{ font-weight: 700; margin-bottom: 10px; }
.white-box p:last-child			{ margin: 0; }
.contact-top					{ right: 0; }
.contact-top .title-blk			{ left: -96px; }
.get-in-touch					{ position: absolute; right: 60px; top: -234px; z-index: 1; }
.contact-form .form-group [class*='col-']:first-child			{ padding-right: 0; }
.contact-form label				{ display: inline-block; width: 100%; text-align: right; font-weight: 400; font-size: 18px; line-height: 24px; font-family: 'Raleway', sans-serif; }
.jcf-select, .form-control		{ background: #f3f4f4; color: #4d4e53; height: auto; border: none; border-radius: 15px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; font-size: 18px; line-height: 24px; font-family: 'Raleway', sans-serif; }
textarea.form-control			{ resize: none; height: 130px; }
.submit-btn						{ text-align: right; }
.submit-btn .form-control		{ width: auto; background: #38beec; color: #fcfcfc; display: inline-block; }
.submit-btn .form-control:hover,
.submit-btn .form-control:focus { background: #4d4e53; color: #fcfcfc; }
.map-block						{ margin-bottom: 60px; }
.map-block h2					{ margin-bottom: 60px; font-weight: 600; }
.map-block span					{ display: inline-block; vertical-align: text-bottom; }
.map-block img					{ margin-right: 20px; width: 70px; display: inline-block; vertical-align: text-bottom; }
/* .map-block span:before			{ margin-right: 20px; content: ""; background: url("../images/pinpoint-icon.svg") no-repeat; background-size: contain; width: 70px; height: 95px; display: inline-block; vertical-align: text-bottom; } */
.map-canvas 					{ height: 348px; }				
/***** Contact CSS End ******/

/***** Services CSS Start ******/
.service-bottom					{ z-index: 2; }
.service-bottom .title-block	{ position: relative; top: -28px; left: -82px; }
.service-bottom .banner-data	{ padding: 0 52px; position: absolute; top: 0; left: 0; z-index: 3; text-align: left; color: #fff; }
.service-bottom h2				{ margin: 22px 0 50px;  font-size: 34px; line-height: 40px; color: #ffffff; font-weight: 600; }
.services-outer					{ margin: 62px 0; }
.service-list					{ position: absolute; z-index: 2; top: -180px; right: 80px; }
.service-list ul li				{ margin: 20px 0; padding-left: 50px; position: relative;  font-family: 'Raleway', sans-serif; font-size: 22px; line-height: 26px; }
.service-list ul li img			{ width: 36px; position: absolute; top: 0; left: 0; }
/* .service-list ul li:before		{ content: ""; background: url("../images/check-mark.svg") no-repeat center center; background-size: contain; width: 36px; height: 30px; position: absolute; top: 0; left: 0; } */ 
.why-we							{ margin: 100px 0 40px; }
.why-we h4						{ margin-bottom: 58px; font-family: 'Raleway', sans-serif; letter-spacing: 0.02em; text-align: justify; font-weight: 700; }
.why-we h4 span					{ display: inline-block; color: #38beec; text-decoration: underline; }
.three-things					{ margin-top: 28px; }
.three-things h2				{ margin-bottom: 18px; font-weight: 600; }
.why-we .image-outer			{ text-align: right; }
.why-we .image-outer img		{ width: 156px; display: inline-block; } 
.three-things .data				{ padding-left: 50px; }

/***** Services CSS End ******/

/***** Gallery CSS Start ******/
.gallery-top.inner-top				{ max-width: 100%; width: calc(100% - 30px); }
.quote-top .title-blk,
.gallery-top .title-blk				{ width: 100%; text-align: center; }
.quote-top .common-title::after,
.gallery-top .common-title::after	{ margin-left: auto; margin-right: auto; }
.gallery-bottom.inner-bottom		{ margin-top: 110px; }
.gallery-bottom .banner-data		{ position: absolute; width: 100%; bottom: 25px; left: 0; z-index: 1; }
.gallery-bottom h2					{ font-size: 28px; line-height: 34px; font-weight: 600; color: #fff; }
.gallery							{ margin: 60px 0; overflow: hidden; }
.gal-row							{ margin: 0 -8px; clear: both; }
.gal-row [class*='gal-col-']		{ float: left; padding: 8px; }
.gal-col-7							{ width: 58.33%;}
.gal-col-6							{ width: 50%; }
.gal-col-4							{ width: 33.33%; }
.gal-col-3							{ width: 25%; }
.gal-col-2							{ width: 16.67%; }
.gallery-inner						{ position: relative; }
.overlay							{ padding: 30px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(56, 190, 236, 0.75); opacity: 0; transition: opacity 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s; -webkit-transition: opacity 0.5s ease 0s; }
.gallery-inner:hover .overlay		{ opacity: 1; }
.gallery-inner .overlay .title		{ text-align: center; color: #fff; font-family: 'Raleway', sans-serif; font-size: 32px; line-height: 40px; font-weight: 700; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.gallery-inner video				{ width: auto; max-width: 100%; display: block; }
/***** Gallery CSS End ******/

/***** Quote CSS Start ******/
body.sidebar-open				{ position: fixed; left: 0; top: 0; right: 0; }
.sidebar-open .quote-overlay	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 3; }
.quote-wizard					{ margin: 40px 0 60px; }
.quote-top						{ position: relative; }
.wizard h3 						{ margin: 60px 0; font-family: 'Poppins', sans-serif; font-weight: 200; }
.wizard h3 span:not(#product_size_lable)	{ margin-right: 15px; font-weight: 700; color: #38beec; display: inline-block; }
.wizard h3.grey, .wizard h3.grey span:not(#product_size_lable) { color: #a5a6a9; }
.option-block					{ margin: 0 3px; padding-bottom: 30px; display: inline-block; vertical-align: top; text-align: center; border: 7px solid transparent; border-radius: 15px; position: relative; }
.type .option-block				{ width: calc(100% / 6 - 10px); }
.option-block img				{ border-radius: 15px; width: 100%; }
.option-block p					{ margin: 0; font-weight: 400; font-size: 15px; line-height: 22px; word-wrap: break-word; }
.option-block p.title			{ margin: 14px 0 0; font-weight: 700;}
.option-block.selected			{ background: #38beec; border-color: #38beec; color: #fff; }
.selected:before				{ content: ""; background: url("../images/tick-mark-icon.svg") no-repeat; background-size: contain; width: 34px; height: 34px; position: absolute; top: -20px; right: -20px; }
.color .title					{ color: #38beec; }
.color .option-block			{ margin: 0 8px; padding-bottom: 15px; border: none; width: calc(100% / 12 - 20px); }
.color-block					{ width: 72px; height: 72px; border-radius: 15px; position: relative; display: inline-block; border: 2px solid transparent; }
.color-block:hover 				{ border-color: #d0d1d4; }
.color-block::after				{ content: ""; display: block; width: calc(100% + 4px); height: calc(100% + 4px); border: 7px solid transparent; border-radius: 15px; position: absolute; top: -2px; left: -2px; }
.color-block.selected::after	{ border-color: #38beec; }
.color-block.double > div		{ width: 100%; height: 50%; }
.color-block.double div:first-child	{ border-radius: 15px 15px 0 0; }
.color-block.double div:last-child	{ border-radius: 0 0 15px 15px; }
.color .option-block p 			{ opacity: 0; }
.color .option-block:hover p 	{ opacity: 1; }
.black							{ background-color: #000000; }
.coral							{ background-color: #d96736; }	
.forest-green 					{ background-color: #7ab86a; }
.pink							{ background-color: #b56985; }	
.white							{ background-color: #ffffff; box-shadow: 0 0 1px #d0d1d4; -moz-box-shadow: 0 0 1px #d0d1d4; -webkit-box-shadow: 0 0 1px #d0d1d4; }	
.wizard .sep					{ margin: 0 30px; background: url("../images/sep.png") repeat-x; background-position: 0 100%; height: 30px; position: relative; }
.wizard .sep:before,
.wizard .sep:after				{ content: ""; background: url("../images/sep.png") no-repeat; background-position: 0 -60px; width: 30px; height: 30px; position: absolute; top: 0; left: -30px; }
.wizard .sep:after				{ background-position: 100% -60px; left: auto; right: -30px; }
.wizard .sep.top				{ margin-top: 20px; }				
.wizard .sep.bottom				{ margin: 60px 30px; background-position: 0 0; }
.wizard .sep.bottom:before		{ background-position: 0 -30px; }
.wizard .sep.bottom:after		{ background-position: 100% -30px; }
.wizard ul.button-blk			{ position: relative; }
.wizard ul li a					{ cursor: pointer; letter-spacing: normal; }
.wizard ul li a i				{ margin-left: 5px; }
.wizard .input-group-addon		{ padding: 10px 0; width: 60px; background: #a5a6a9; color: #fff; border-radius: 15px 0 0 15px; font-size: 22px; line-height: 30px; font-family: 'Raleway', sans-serif; font-weight: 700; }
.wizard .jcf-select, .jcf-list .jcf-option,
.wizard .form-control			{ padding: 10px 22px; font-size: 18px; line-height: 26px; height: auto; font-family: 'Raleway', sans-serif; border: 2px solid transparent; }
.wizard .form-control:hover,
.wizard .form-control:focus		{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.wizard .form-control:hover 	{ background: #fff; border-color: #d0d1d4; }
.wizard .jcf-select:hover 		{ border-color: #d0d1d4; }
.wizard .jcf-select.jcf-drop-active:hover { border-color: #38beec; }
select.unselected + .jcf-select { color: #a5a6a9; }
.wizard .size .form-control		{ padding-right: 40px; font-size: 22px; line-height: 32px; border-radius: 15px; }
.wizard .size .input-group-addon + .form-control	{ border-radius: 0 15px 15px 0; }
.size .option-block				{ padding-bottom: 15px; border: none; }
.size .selected::before			{ z-index: 4; width: 30px; height: 30px; right: 8px; top: calc(50% - 15px); }
.wizard .size .selected .input-group-addon	{ background: #38beec; }
.wizard	label					{ margin-bottom: 18px; font-size: 22px; line-height: 32px; font-weight: 200; }
.wizard	label span				{ color: #38beec; }
.wizard .nav-tabs > li img.active-icon,	.wizard .nav-tabs > li img.complete-icon,
.wizard .nav-tabs > li.active img.general-icon, .wizard .nav-tabs > li.active img.complete-icon,
.wizard .nav-tabs > li.completed img.general-icon , .wizard .nav-tabs > li.completed img.active-icon	{ display: none; }
.wizard .nav-tabs > li img.general-icon,
.wizard .nav-tabs > li.active img.active-icon,
.wizard .nav-tabs > li.completed img.complete-icon		{ display: inline-block; }
	
.form-control::-moz-placeholder				{ color: #a5a6a9; }
.form-control::-webkit-input-placeholder	{ color: #a5a6a9; }
.form-control:-ms-input-placeholder			{ color: #a5a6a9; }
.form-control::-o-placeholder				{ color: #a5a6a9; }
.wizard .dropzone				{ padding: 8px 25px; min-height: auto; }
.dropzone .dz-message			{ margin: 0; text-align: left; color: #a5a6a9; }
.dropzone .dz-message img		{ margin-right: 10px; vertical-align: middle; }
.dropzone .dz-message span		{ display: inline-block; vertical-align: middle; }
.upload-btn						{ padding: 10px 27px; background: #a5a6a9; border-radius: 15px; color: #fff; font-size: 18px; line-height: 25px; font-family: 'Raleway', sans-serif; }
.upload-btn:hover				{ background: #38beec; color: #fff; }
.wizard .form-group				{ margin-bottom: 36px; padding-left: 55px; position: relative; }
.wizard .form-group:before		{ content: ""; width: 40px; height: 40px; border-radius: 50%; position: absolute; left: 0; top: 0; box-shadow: 0 0 0 2px #d0d1d4 inset; -moz-box-shadow: 0 0 0 2px #d0d1d4 inset; -webkit-box-shadow: 0 0 0 2px #d0d1d4 inset; }
.wizard .form-group.not-required:before { display: none; }
.wizard .form-group.valid::before		{ background: url("../images/tick-mark-icon.svg") no-repeat; background-size: contain; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.wizard .form-group:last-child	{ margin: 0; }
.jcf-select						{ width: 100%; border: 2px solid transparent; }
.jcf-list,
.jcf-select .jcf-select-text	{ font-size: inherit; line-height: inherit;  margin: 0; }
.jcf-select .jcf-select-opener	{ background: #f3f4f4; border-radius: 0 15px 15px 0; width: 50px; }
.jcf-select .jcf-select-opener:before { content: "\f078"; font-family: "FontAwesome"; color: #a5a6a9; display: inline-block; position: absolute; top: 0; right: 18px; line-height: 44px; }
.jcf-select.jcf-drop-active .jcf-select-opener:before { content: "\f077"; }
.jcf-select.jcf-drop-active		{ border-color: #38beec; }
.jcf-list .jcf-option			{ color: #a5a6a9; }		
.jcf-select-drop .jcf-hover		{ background: #f3f4f4; color: #a5a6a9; font-weight: 700; }	
.jcf-select-drop .jcf-hover.jcf-disabled { font-weight: normal; }
.shirt-back-options				{ margin-top: 50px; padding-top: 50px; border-top: 3px dotted #f3f4f4; }
.shirt-front, .shirt-back		{ position: relative; display: inline-block; }
.jcf-checkbox					{ width: 40px; height: 40px; border: 2px solid #d0d1d4; background: #fff; border-radius: 50%; }
:root .jcf-checkbox span		{ margin: -6px 0 0 -8px; }
.jcf-checkbox span				{ border-color: #fff; border-width: 0 0 2px 2px; width: 16px; height: 8px; }
.jcf-checkbox.jcf-checked		{ background-color: #38beec; border-color: #38beec; }
.position-hover .position 		{ opacity: 0; }
.point							{ position: absolute; }
.point:hover .jcf-checkbox		{ background-color: #d0d1d4; }
.shirt-front .point.first		{ top: 82px; left: 18px; }
.shirt-front .point.second		{ top: 82px; left: 84px; }
.shirt-front .point.third		{ top: 102px; left: calc(50% - 20px); }
.shirt-front .point.fourth		{ top: 82px; right: 84px; }
.shirt-front .point.fifth		{ top: 82px; right: 18px; }
.shirt-front .point.sixth		{ top: 280px; left: calc(50% - 20px); }

.shirt-back	.point.first		{ top: 50px; left: calc(50% - 20px); }
.shirt-back	.point.second		{ top: 102px; left: calc(50% - 20px); }
.shirt-back	.point.third		{ top: 280px; left: calc(50% - 20px); }

.shirt-front-options .jcf-checkbox span,
.shirt-back-options .jcf-checkbox span	{ display: none; }
.shirt-front-options .point.valid  .jcf-checkbox span, 
.shirt-back-options .point.valid  .jcf-checkbox span { display: inline-block; }
.position						{ margin-top: 10px; }
.position h5					{ margin: 0; font-size: 22px; line-height: 33px; font-weight: 400; text-align: center; font-family: 'Raleway', sans-serif; }
.position h5.blue				{ color: #38beec; font-weight: 700; }

a.summary-btn					{ padding: 10px 38px; }
.summary h2						{ margin-top: 60px; color: #38beec; font-size: 60px; line-height: normal; }
.summary h3						{ margin: 8px 0 30px; font-family: 'Poppins', sans-serif;  font-weight: 200; }
a.quote-send-btn				{ padding: 10px 50px; letter-spacing: normal; }

.summary-block					{ margin-top: 60px; padding: 60px 50px; background-color: #4d4e53; text-align: left; }
.summary-block .step-title		{ font-size: 20px; line-height: 36px; color: #38beec; letter-spacing: 0.1em; font-weight: 600; }
.summary-block .step-title > div { display: inline-block; width: calc(100% - 26px); }
.summary-block .step-title > div.edit { width: 18px;}
.steps-data > li				{ font-size: 18px; line-height: 32px; letter-spacing: 0.02em; color: #fff; font-family: 'Raleway', sans-serif; }
.steps-data > li span			{ color: #d0d1d4; }
.step-icon > img				{ width: 60px; }
.step-info 						{ margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dotted rgba(121, 122, 126, 0.5); }
.summary-block .half-block .row:last-child .step-info	{ margin-bottom: 0; padding-bottom: 0; border: none; }

.jcf-select-drop .jcf-select-drop-content { border: none; border-radius: 15px; overflow: hidden; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1); }
.quote-btn						{ padding: 12px 30px; background: #38beec; border-radius: 60px 0 0; color: #fff; position: fixed; right: 0; bottom: 0; font-size: 18px; line-height: 24px; font-weight: 700; z-index: 2; }
.quote-btn:hover				{ color: #fff; background-color: #257f9d; }
.quote-btn span					{ display: inline-block; vertical-align: middle; }
.quote-btn img					{ margin-left: 8px; width: 35px; display: inline-block; vertical-align: middle; }
.quote-summary					{ position: fixed; right: -460px; top: 0; z-index: 4; width: 460px; height: 100vh; opacity: 0; overflow-y: scroll; background: #4d4e53; transition: all ease-in 0.5s; -webkit-transition: all ease-in 0.5s; -moz-transition: all ease-in 0.5s; }
.quote-summary.show				{ right: 0; opacity: 1;}
.quote-summary .top-block		{ padding: 38px 20px 38px 50px; background: #38beec; }
.quote-summary .top-block h2	{ color: #fff; display: inline-block; vertical-align: middle; width: calc(100% - 55px);}
.quote-summary .close-btn		{ width: 50px; height: 50px; background: #fff; color: #38beec; display: inline-block; vertical-align: middle; text-align: center; font-size: 18px; line-height: 50px; border-radius: 50%; box-shadow: 0 -20px 20px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -20px 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 -20px 20px 0 rgba(0, 0, 0, 0.1); }
.quote-summary .close-btn:hover	{ background: #38beec; color: #fff; } 	
.quote-summary .step-title		{ margin-bottom: 16px; font-size: 18px; line-height: 32px; color: #38beec; letter-spacing: 0.1em; font-weight: 600; }
.quote-summary .step-title > div { display: inline-block; width: calc(100% - 60px); }
.quote-summary .step-title > div.button-blk { width: 52px;}
.bottom-block					{ padding: 50px 40px; }
.quote-summary .step-title > div.button-blk ul li	{ padding: 0 3px; }
.quote-summary .steps-data > li	{ font-size: 16px; line-height: 32px; }
/***** Quote CSS End ******/

/****** Privacy CSS Start *****/
.privacy-banner .gallery-bottom	{ margin-top: 260px; }
.privacy-banner .gallery-bottom .banner-data	{ bottom: 34px; }
.privacy						{ margin: 70px 0; }
.privacy h2						{ margin-bottom: 30px; }
.privacy p						{ margin-bottom: 26px; }
.privacy .bold,
.privacy p.blue					{ font-weight: 700; }
.privacy p.underline			{ text-decoration: underline; }
ul.list 						{ margin-bottom: 26px; padding-left: 25px; position: relative; }
ul.list li						{ position: relative; display: inline-block; vertical-align: middle; width: 100%; font-family: 'Raleway', sans-serif; }
ul.list li:before				{ margin-right: 6px; content: "•"; display: inline-block; }
.privacy .list p				{ margin-top: 26px; }
.privacy p a					{ color: #4d4e53; }
.privacy p a:hover, .privacy p a:visited,
.privacy p a:focus, .privacy p a:active	{ color: #38beec; }

.terms ul.list					{ padding-left: 0; }
/****** Privacy CSS End ******/

/****** Thank You CSS Start *****/
.thank-you						{ margin: 60px 0 74px; }
.thank-you.summary h2			{ margin: 0; }
.thank-you p					{ font-size: 18px; line-height: 32px; }
.thank-you a.black-btn			{ margin-top: 30px; padding: 10px 50px; letter-spacing: normal; }
/****** Thank You CSS End *****/

/***** Bottom section CSS Start *******/
.footer-top						{ padding: 60px 8%; background: #4D4E53; color: #fff; }
.footer-top	h5					{ margin: 0 0 40px; color: #38beec; text-transform: uppercase; letter-spacing: 0.1em; font-family: 'Raleway', sans-serif; font-weight: 700; }
.footer-top ul.opening-hours li	{ letter-spacing: 0.1em; font-size: 14px; line-height: 21px; }
.footer-nav						{ margin-top: 40px; }
.footer-nav li					{ margin-right: 30px; display: inline-block; }
.footer-nav li a				{ color: #d0d1d4; font-size: 18px; line-height: 26px; font-weight: 600; font-family: 'Poppins', sans-serif; }
.footer-nav li a:hover			{ color: #fff; }
.footer-contact					{ text-align: right; }
ul.contact-details li			{ margin-bottom: 20px; }
ul.contact-details li:last-child { margin-bottom: 0; }
ul.contact-details li a			{ color: #fff; font-size: 26px; line-height: 36px; font-weight: 200; font-family: 'Poppins', sans-serif;}
ul.contact-details li a:hover,
ul.contact-details li a:focus	{ color: #d0d1d4; }
.site-info						{ padding: 15px 8%;; background: #257f9d; color: #96DBF2; font-size: 12px; line-height: 14px; }
.vertical-align [class*='col-sm']	{ margin: 0 -2px; display: inline-block; vertical-align: middle; float: none; }
.site-info a					{ color: #96DBF2; }
.site-info a:hover,
.site-info a:focus				{ color: #fff; }
.site-info p					{ margin: 0; }
.social							{ text-align: center; }
.social li						{ margin: 0 10px; display: inline-block; }
.social li a					{ font-size: 32px; line-height: normal; }
.design-by						{ text-align: right; }		
.cookie-notice 					{ padding: 15px 0; background: #4D4E53; color: #fff; text-align: center; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 100; }
.cookie-notice span 			{ margin-right: 25px; font-size: 14px; display: inline-block; }
.cookie-notice span a 			{ color: #fff; }
.cookie-notice span a:hover 	{ text-decoration: underline; }
.cookie-notice a.black-btn		{ padding: 6px 24px; letter-spacing: 2px; text-transform: capitalize; font-weight: 600; min-width: auto;}
/****** Bottom section CSS End *******/


/****** Responsive CSS Start *********/
@media (min-width: 1200px) {
	.navbar-collapse.collapse				{ float: right; margin: 40px 0; padding: 0; }	
}
@media(min-width: 1200px) and (max-width: 1570px){
	.floating-side .social li 				{ margin: 0 10px; }
	.floating-side .social li a 			{ font-size: 35px; }
}
@media (max-width: 1299px){
	.banner .container						{ width: 100%; }
}
@media (min-width: 768px) and (max-width:1199px){
	.navbar-header							{ float: none; display: inline-block; vertical-align: middle; }
	.navbar-collapse.collapse				{ display: inline-block !important; vertical-align: middle; }
}

@media(min-width: 992px) and (max-width: 1199px){
	/*** header **/
	.logo img								{ max-width: 200px; }	
	
	/*** common ***/
	h1										{ font-size: 80px; line-height: 90px; }
	h2										{ font-size: 35px; line-height: 45px; }
	h3										{ font-size: 32px; line-height: 40px; }
	h4										{ font-size: 26px; line-height: 40px; }
	.inner-bottom							{ margin-top: 60px; }
	
	/** home **/
	.banner									{ max-height: 670px; }
	.white-box								{ padding: 40px 20px 40px 30px; max-width: 384px; }
	.white-box h2							{ margin-bottom: 15px; }
	.white-box p							{ margin-bottom: 20px; }
	.below-image							{ margin-top: 110px; }
	.testimonial							{ padding: 65px 90px; }
	.testimonial::after						{ width: 130px; right: -104px; }
	/*.floating-side .social					{ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); }*/
	.floating-side .social li				{ margin: 0 10px; }
	.floating-side .social li a				{ font-size: 32px; }
	
	/****** about *******/
	.quality-blk-outer						{ margin: 54px 0 200px; }
	.quality-blk							{ top: -250px; }
	
	/***** services *****/
	.service-bottom .title-block			{ left: -75px; top: -28px; }
	.service-bottom h2						{ margin: 0 0 30px; font-size: 28px; line-height: 34px; }
	.service-list ul li img					{ width: 32px; }
	.service-list ul li						{ font-size: 20px; line-height: 24px; }
	
	/*** gallery ***/
	.gallery-inner .overlay .title			{ font-size: 28px; line-height: 38px; }
	
	/**** quote ****/
	.color .option-block					{ width: calc(100% / 10 - 20px); }
	.wizard .input-group-addon				{ width: 52px; font-size: 20px; line-height: 26px; }
	.wizard .size .form-control				{ padding: 10px 40px 10px 10px; font-size: 18px; line-height: 28px; }
	.wizard .jcf-select						{ min-width: auto; }
	.wizard .jcf-select, .jcf-list .jcf-option, .wizard .form-control	{ padding: 10px 25px 10px 15px; font-size: 16px; line-height: 24px; }
	.jcf-select .jcf-select-opener			{ width: 30px; }
	.jcf-select .jcf-select-opener::before	{ right: 12px; }
	.dropzone .dz-message img				{ width: 28px; margin-right: 5px; }
	.upload-btn								{ padding: 10px 22px; font-size: 16px; line-height: 24px; }
	
	/**** contact ****/
	.contact-top .title-blk					{ left: -80px; }
	.contact-form label, .form-control		{ font-size: 16px; line-height: 22px; }
	
	/*** footer **/
	.footer-nav li							{ margin-right: 9px; }
}

@media(min-width: 768px) and (max-width: 991px){
	/*** header **/
	.logo img								{ max-width: 180px; }	
	.navbar-default .navbar-nav li a		{ padding: 10px 18px; font-size: 15px; }
	.navbar-default .navbar-nav li a.quote	{ margin-left: 20px; }
	
	/** common **/
	body									{ font-size: 15px; line-height: 26px; }
	.white-box								{ padding: 36px 26px 36px 32px; max-width: 358px; }
	h1										{ font-size: 50px; line-height: 60px; }
	h2										{ font-size: 32px; line-height: 40px; }
	h3										{ font-size: 30px; line-height: 38px; }
	h4										{ font-size: 24px; line-height: 36px; }
	.common-title::after					{ margin-top: 20px; width: 94px; }
	.inner-bottom							{ margin-top: 50px; }
	
	/*** home ***/
	.banner									{ max-height: 600px; }
	.branding-section						{ margin: 50px 0 40px; }
	.white-box h2							{ margin-bottom: 15px; }
	.white-box p							{ margin-bottom: 20px; }
	.below-image							{ margin-top: 104px; }
	.below-image .title						{ bottom: -12px; }
	.number									{ font-size: 30px; width: 55px; }
	.service-data							{ padding-left: 20px; }
	.services-block .vertical-align			{ margin-bottom: 30px; }
	.services-block h4						{ margin-bottom: 5px; }
	.three-things p, .thank-you p,
	.services-block p						{ font-size: 16px; line-height: 28px; }
	.testimonial-process					{ margin-bottom: 20px; }
	.testimonial							{ margin: 40px 0 30px; padding: 50px 70px; }
	.testimonial-process .number			{ margin: 0 6px 0 0; display: inline-block !important; vertical-align: middle; }
	.testimonial::after						{ width: 108px; right: -86px; }
	.testimonial-slider p					{ font-size: 24px; line-height: 36px; }
	.floating-side .social					{ padding: 5px 0; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); }
	.floating-side .social li				{ margin: 0 5px; }
	.floating-side .social li a				{ font-size: 30px; }
	
	/**** about ****/
	.about-top .title-blk					{ left: 80px; }
	.quality-blk-outer						{ margin: 30px 0 290px; }
	.quality-blk							{ margin-left: 15px; top: -186px; right: 32px; }
	.you-love-block h2.hightlight			{ margin-bottom: 30px; }
	.get-in-touch ul.contact-details li img	{ margin-right: 15px; }
	
	/**** contact ****/
	.get-in-touch							{ right: 30px; top: -200px; }
	.contact-top .title-blk					{ left: -62px; }
	.contact-form label, .form-control		{ font-size: 16px; line-height: 22px; }
	
	/**** service ***/
	.services-outer							{ margin: 30px 0; }
	.service-bottom .banner-data			{ padding: 0 40px; }
	.service-bottom .title-block			{ left: -55px; top: -20px; }
	.service-bottom h2						{ margin: 0 0 24px; font-size: 22px; line-height: 30px; }
	.service-list							{ margin-left: 20px; top: -122px; right: 40px; }
	.service-list ul li						{ padding-left: 38px; font-size: 17px; line-height: 24px; }
	.service-list ul li img					{ width: 28px; }
	.why-we									{ margin: 185px 0 30px; }
	.why-we h4								{ margin-bottom: 36px; }
	.three-things							{ margin-top: 18px; }
	.three-things .data						{ padding-left: 30px; }
	.why-we .image-outer img				{ width: 140px; }
	
	/*** gallery ***/
	.gallery								{ margin: 26px 0; }
	.gallery-bottom.inner-bottom			{ margin-top: 96px; }
	.gallery-bottom h2						{ font-size: 22px; line-height: 30px; }
	.gallery-inner .overlay .title			{ font-size: 26px; line-height: 36px; }
	
	/*** quote ***/
	.wizard h3								{ margin: 40px 0; }
	.type .option-block						{ width: calc(100% / 4 - 10px); }
	.color .option-block					{ width: calc(100% / 8 - 20px); }
	.summary-block .half-block .row:last-child .step-info,
	.step-info								{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dotted rgba(121, 122, 126, 0.5); }
	.summary-block .half-block:last-child .row:last-child .step-info	{ margin: 0; padding: 0; border: none; }
	.wizard .form-group.include-margin,
	.wizard .form-group						{ margin-bottom: 20px; }
	.wizard .input-group-addon				{ width: 52px; font-size: 20px; line-height: 28px; }
	.wizard .size .form-control				{ font-size: 20px; line-height: 30px; }
	.dropzone .dz-message img				{ width: 28px; }
	.wizard .sep.bottom						{ margin: 40px 30px; }
	.position h5							{ font-size: 20px; line-height: 30px; }
	.wizard label							{ font-size: 18px; line-height: 26px; }
	.upload-btn								{ margin-top: 15px; font-size: 16px; line-height: 22px; }
	.summary h2								{ margin-top: 30px; font-size: 40px; }
	
	/** thank you **/
	.thank-you								{ margin: 40px 0 54px; }
	.thank-you p br							{ display: none; }

	/*** footer ***/
	.footer-top								{ padding: 50px 5%; }
	.footer-nav li							{ margin-right: 5px; }
	.footer-nav li a						{ font-size: 15px; line-height: 20px; }
	.site-info								{ padding: 15px 5%; }
	ul.contact-details li a					{ font-size: 22px; line-height: 32px; }
	.cookie-notice span 					{ margin: 0 0 15px; }
}

@media(max-width:767px){
	/*** header ***/
	.logo									{ float: left; }
	.logo img								{ margin-left: 15px; max-width: 150px; }
	.navbar-default .navbar-toggle			{ margin: 24px 15px 24px 0; border: none; border-radius: 0; background: #4D4E53; z-index: 4; }
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus	{ background: #38beec; }
	.navbar-default .navbar-toggle .icon-bar	{ background: #fff; }
	.navbar-default .navbar-nav li			{ margin: 10px 0; }
	.navbar-default .navbar-nav li a.quote	{ margin: 0; }
	
	/** common **/
	body									{ font-size: 14px; line-height: 24px; }
	.white-box								{ padding: 32px 20px; max-width: 100%; border-radius: 30px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
	h1										{ font-size: 32px; line-height: 44px; }
	h2										{ font-size: 26px; line-height: 36px; }
	h3										{ font-size: 24px; line-height: 30px; }
	h4										{ font-size: 19px; line-height: 29px; }
	.vertical-align [class*="col-sm"]		{ display: block; margin: 0; }
	.common-title::after					{ margin-top: 6px; width: 60px; }
	.inner-bottom							{ margin-top: 18px; }
	a.black-btn								{ font-size: 16px; min-width: 176px; }
	
	/** home **/
	.banner									{ max-height: 360px; }
	.branding-section						{ margin: 32px 0; }	
	.white-box h2							{ margin-bottom: 15px; }
	.white-box p							{ margin-bottom: 20px; }
	.first-image							{ position: relative; top: auto; left: auto; max-width: 100%; }
	.branding-data							{ margin: 30px 0; position: relative; top: auto; right: auto; }
	.below-image							{ margin: 0; max-width: 100%; }
	.below-image .title						{ left: 6%; bottom: -10px; }
	.testimonial::after						{ display: none; }
	.number									{ font-size: 30px; width: 48px; }
	.testimonial							{ margin: 30px 0; padding: 20px; max-width: 100%; }
	.testimonial-process .number			{ margin: 0 6px 0 0; display: inline-block !important; vertical-align: middle; }
	.testimonial-process .gallery-blk		{ position: relative; top: auto; }
	.testimonial-slider p					{ font-size: 20px; line-height: 32px; }
	.service-data							{ margin-top: 20px; padding: 0; }
	.three-things p, .thank-you p,
	.services-block p						{ font-size: 14px; line-height: 24px; }
	.image-blk img							{ margin: 0; }
	.image-blk::before						{ display: none; }
	.floating-side .social					{ padding: 5px 0; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); }
	.floating-side .social li				{ margin: 0 5px; }
	.floating-side .social li a				{ font-size: 25px; }
	
	/***** about ******/
	.about-top .title-blk					{ left: 20px; }
	.contact-outer,
	.quality-blk-outer						{ margin: 30px 0; }
	.get-in-touch, .service-list,
	.quality-blk							{ margin-top: 30px; position: relative; top: auto; right: auto; }
	.you-love-block							{ background: none; }
	.you-love-block h2.hightlight,
	.love-images .image-blk					{ margin-bottom: 30px; }
	.love-reason							{ padding-left: 0; }
	
	/******* services *********/
	.service-bottom .banner-data			{ padding: 0 30px; }
	.service-bottom .title-block 			{ left: -40px; top: -15px; }
	.service-bottom h2						{ display: none; }
	.service-list ul li						{ padding-left: 38px; font-size: 16px; line-height: 24px; }
	.service-list ul li img					{ width: 28px; }
	.services-outer, .why-we				{ margin: 30px 0; }	
	.why-we .image-outer					{ text-align: center; }	
	.three-things .data						{ padding: 0; text-align: center; }
	
	
	/***** contact ******/
	.contact-form .form-group [class*="col-"]:first-child	{ padding-right: 15px; }
	.contact-top .title-blk					{ left: -28px; }
	.map-block img							{ width: 56px; }
	.get-in-touch ul.contact-details li img	{ margin-right: 15px; }
	.get-in-touch .mail img					{ width: 40px; }
	.get-in-touch .phone img				{ width: 36px; }
	.contact-form label						{ text-align: left; }
	.contact-form label, .form-control		{ font-size: 16px; line-height: 22px; }
	
	/**** Gallery *****/
	.gallery								{ margin: 20px 0; }
	.gallery-bottom.inner-bottom			{ margin-top: 70px; }
	.gallery-bottom .banner-data			{ padding: 0 8px; bottom: 16px; }
	.gallery-bottom h2						{ font-size: 15px; line-height: 22px; }
	.gal-col-7, .gal-col-6, .gal-col-4,
	.gal-col-2								{ width: 100%; }
	.gallery-inner video					{ width: 100%; height: auto; }
	.gallery-inner .overlay .title			{ font-size: 26px; line-height: 36px; }
	
	/*** quote ***/
	.quote-summary							{ width: 100vw; }
	.quote-wizard							{ margin: 15px 0 30px; width: 100%; }
	.wizard .nav-tabs						{ margin: 0 auto; }
	span.round-tab img						{ max-width: 32px; }
	.wizard .nav-tabs > li .wizard-title	{ font-size: 14px; }
	.wizard .nav-tabs > li::after			{ top: calc(50% - 25px); }
	.wizard .sep.top						{ margin-top: 0;  }
	.wizard h3								{ margin: 30px 0; }
	.type .option-block						{ width: calc(100% / 2 - 10px); }
	.option-block							{ margin: 6px 3px; }
	.wizard h3 span							{ margin-right: 5px; }
	.color .option-block					{ width: calc(100% / 3 - 20px); }
	.wizard .input-group-addon				{ font-size: 16px; line-height: 24px; width: 42px; }
	.wizard .size .form-control				{ padding: 10px 40px 10px 10px; font-size: 16px; line-height: 26px; }
	.wizard .form-group						{ padding-left: 45px; }
	.wizard .form-group::before				{ width: 30px; height: 30px; }
	.dropzone .dz-message img				{ width: 22px; margin-right: 3px; }
	.wizard .sep.bottom						{ margin: 20px 30px; }
	a.black-btn								{ font-size: 15px; min-width: 150px; }
	a.summary-btn							{ padding: 10px 26px; }
	.position								{ margin: 10px 0 20px; }
	.position h5							{ font-size: 20px; line-height: 30px; }
	.wizard label							{ font-size: 18px; line-height: 26px; }
	.upload-btn								{ margin-top: 15px; font-size: 16px; line-height: 22px; }
	.wizard .jcf-select, .jcf-list .jcf-option, .wizard .form-control	{ font-size: 16px; line-height: 24px; }
	.wizard .form-group:last-child,
	.wizard .form-group						{ margin-bottom: 20px; }
	.wizard .mobile-space					{ margin-top: 15px; }
	.summary h2								{ margin-top: 20px; font-size: 30px; }
	a.quote-send-btn						{ padding: 10px 40px; }
	.step-icon								{ margin-bottom: 20px; }
	.summary-block .half-block .row:last-child .step-info,
	.step-info								{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted rgba(121, 122, 126, 0.5); }
	.summary-block .half-block:last-child .row:last-child .step-info	{ margin: 0; padding: 0; border: none; }
	
	/** thank you **/
	.thank-you								{ margin: 20px 0 30px; }
	.thank-you p br							{ display: none; }
	.thank-you a.black-btn					{ margin-top: 15px; }

	/*** footer **/
	.footer-top								{ padding: 40px 8%; text-align: center;  }
	.footer-top h5							{ margin-bottom: 30px; }
	.footer-nav li							{ margin: 0 4px; }
	.footer-contact							{ margin-top: 30px; text-align: center; }
	ul.contact-details li a					{ font-size: 18px; line-height: 26px; }
	.site-info, .design-by					{ text-align: center; }
	.site-info [class*='col-sm']			{ display: block; }
	.footer-social							{ margin: 10px 0; }
	.cookie-notice span 					{ margin: 0 0 15px; }
}
@media(max-width: 397px){
	.step-button li							{ margin: 10px 0; width: 100%; text-align: center; }
}

@media(max-width: 434px){
	/** gallery **/
	.gallery-bottom .banner-data			{ bottom: 8px; }
}

@media(max-width: 475px){
	/*** footer **/
	.footer-nav li							{ display: block; }
}