/*-----------------------------------------------------------------------------------

  Updated: (JAN 27. 2022) Sebastian Torrico - css ver.01

-----------------------------------------------------------------------------------


/*-- Google Font --*/
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url("https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,400,500,600,700|Roboto:300,400,500,600,700,800,900|Abril+Fatface|Great+Vibe|Lobster&display=swap");
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*  Proxima Nova  */
@font-face {
	font-family: 'proxima_nova_rgregular';
	src: url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot');
	src: url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.woff') format('woff'),
		 url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.ttf') format('truetype'),
		 url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proxima_nova_rgbold';
	src: url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot');
	src: url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.woff') format('woff'),
		 url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.ttf') format('truetype'),
		 url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'adelle_rgregular';
	src: url('https://litmus.com/fonts/Emails/adelle_reg-webfont.eot');
	src: url('https://litmus.com/fonts/Emails/adelle_reg-webfont.eot?#iefix') format('embedded-opentype'),
		 url('https://litmus.com/fonts/Emails/adelle_reg-webfont.woff') format('woff'),
		 url('https://litmus.com/fonts/Emails/adelle_reg-webfont.ttf') format('truetype'),
		 url('https://litmus.com/fonts/Emails/adelle_reg-webfont.svg#adelle_rgregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


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

html, body {
  height: 100%;
  max-height: 100%;
  margin: 0;
}

html * {
  -webkit-font-smoothing: antialiased;
}

body {
    background-color: #ffffff;
    line-height: 24px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    xfont-family: "Roboto", sans-serif;
		font-family: 'Poppins', 'Roboto', 'Helvetica', 'Arial', sans-serif;
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    color: #000000;
    /* font-family: "Roboto", sans-serif; */
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 0;
}

.primary h1 {
  color: #0099cc;
  font-size: 2.5em;
  line-height: 1.2;
  margin: 1em 0 0.5em;
}


h1 {
    font-size: 36px;
    line-height: 42px;
}

h2 {
    font-size: 30px;
    line-height: 36px;
}

h3 {
    font-size: 24px;
    line-height: 30px;
}

h4 {
    font-size: 18px;
    line-height: 24px;
}

h5 {
    font-size: 14px;
    line-height: 18px;
}

h6 {
    font-size: 12px;
    line-height: 14px;
}

p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #333;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    font-family: 'Poppins', 'Roboto', 'Helvetica', 'Arial', sans-serif;
}

p:last-child {
  margin-bottom: 0;
}

a,
button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

/*
a,
button,
img,
input,
span {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
*/

a:hover {
	text-decoration: none;
	transition: all 0.3s ease 0s;
}

.clr {
	clear: both;
}


*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none !important;
  text-decoration: none;
}

a:hover {
    text-decoration: none;
}

button,
input[type="submit"] {
    cursor: pointer;
}

ul {
  list-style: outside none none;
	/* list-style: circle inside none; */
  margin: 0;
  padding: 0;
}

img {
	max-width:100%;
	height: auto;
	transition: opacity .3s ease-in;
	/* border-radius: 10px; */
}

::selection {
  background: #999;
  color: #ffffff;
}
::-moz-selection {
  background: #999;
  color: #ffffff;
}


@media only screen and (max-width: 640px) {
	.none-display-mobile {
	  display: none;
	}
}


/*--
    - Input Placeholder
-----------------------------------------*/

/*
input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
*/

*::-webkit-input-placeholder {
    color: #d1d1d1;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #d1d1d1;
    opacity: 1;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #d1d1d1;
    opacity: 1;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #d1d1d1;
}
*::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #d1d1d1;
}
*::placeholder {
    /* modern browser */
    color: #d1d1d1;
}

input::placeholder{
  color: #d1d1d1;
}

input, select, textarea{
    color: #d1d1d1;
		width: 100%;
}

textarea:focus, input:focus {
    color: #d1d1d1;
}

input:focus{
   border: transparent;
	 outline: 0 none;
}


/*
input {
  background: #eceff8;
  border: 2px solid #eceff8;
  height: 45px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 10px;
  font-size: 14px;
  color: #333 !important;
  width: 100%;
}
*/

/*
select {
    width: 100%;
    background: transparent;
    border: 0px solid #eceff8;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    color: #333;
}
*/

option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  font-size: 14px;
}

input:focus {
  background: transparent;
}

textarea {
  resize: vertical;
  background: #eceff8;
  border: 2px solid #eceff8;
  padding: 10px;
  width: 100%;
  font-size: 14px;
}

textarea:focus {
  background: transparent;
  border: 1px solid #4fc1f0;
  outline: none;
}

.input-group.divcenter.input-group .form-control {
    padding-left: 0px;
}

.hr-dotted {
  border: 1px dashed #bbb;
  border-style: none none dotted;
  color: #fff;
  background-color: #fff;
}

.border {
    border: 1px solid #dee2e6!important;
}

.allcaps {
  text-transform: uppercase;
}
.text-caps {
  text-transform: uppercase;
}

.bold_100 {
    font-weight: 100 !important;
}

.bold_200 {
    font-weight: 200 !important;
}

.bold_300 {
    font-weight: 300 !important;
}

.bold_400 {
    font-weight: 400 !important;
}

.bold_500 {
    font-weight: 500 !important;
}

.bold_600 {
    font-weight: 600 !important;
}

.bold_700 {
    font-weight: 700 !important;
}

.bold_800 {
    font-weight: 800 !important;
}

.bold_900 {
    font-weight: 900 !important;
}


/*
.main-btn {
  text-align: center;
  position: relative;
  margin: .4rem .8rem;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  font-style: normal;
  white-space: normal;
  transition: all .3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
  line-height: 1.5;
  letter-spacing: 1px
}
.btn-primary,
.btn-primary:active {
    background-color: #33363b;
    border-color: #33363b;
    color: #ffffff
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #b79b6c;
    border-color: #b79b6c;
    color: #ffffff
}
*/


.main-btn-arrow {
  color: #fff;
  background-color: #009ee2;
  padding: 16px 30px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  border-radius:50px;
  xmargin: 50px;
}
.main-btn-arrow::after {
  display: inline-block;
  padding-left: 10px;
  /* content: "➞"; */

  content:"";
  background: url('https://www.scriblbooks.ca/scribl/images/right-arrow-primary-btn.svg');
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  position: relative;
  bottom: -2px;
  margin-left: 10px;

  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.main-btn-arrow:hover {
  color: #fff;
  background-color:#32b1e7;
}
.main-btn-arrow:hover::after {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}




.btn {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: .3em;
  line-height: 1;
  padding: 20px 30px;
  font-size: 15px;
  line-height: 1.5;
  border-radius: 0;
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-grey {
    color: #fff;
    background-color: #999;
    border-color: #999;
}
.btn-grey-bordered {
    color: #999;
    background-color: #fff;
    border-color: #999;
}
.btn-blue {
    color: #fff;
    background-color: #009ee2;
    border-color: #009ee2;
}
.btn-white {
    color: #222;
    background-color: #fff;
    border-color: #fff;
}

.btn-lg, .btn-group-lg>.btn {
    padding: 1.5rem 1.5rem;
    font-size: .7875rem;
    line-height: 1.5;
    border-radius: 0;
}



.text--color01 {
	background: rgb(131,58,180);
  background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-blue {
	color: #009ee2 !important;
}
.text-black {
	color: #111 !important;
}
.text-dark {
	color: #111 !important;
}
.text-grey {
	color: #999 !important;
}
.text-grey2 {
	color: #666 !important;
}
.text-grey3 {
	color: #333 !important;
}
.text-red {
	color: #ff0000 !important;
}
.text-white {
	color: #fff !important;
}

.text-italic {
	font-style: italic !important;
}
.text-bold-300 {
	font-weight: 300 !important;
}
.text-bold-400 {
	font-weight: 400 !important;
}
.text-bold-500 {
	font-weight: 500 !important;
}
.text-bold-600 {
	font-weight: 600 !important;
}
.text-bold-700 {
	font-weight: 700 !important;
}
.text-bold-800 {
	font-weight: 800 !important;
}
.text-bold-900 {
	font-weight: 900 !important;
}


.text-spacing-1 {
 letter-spacing: 1px !important;
}
.text-spacing-2 {
 letter-spacing: 2px !important;
}
.text-spacing-3 {
 letter-spacing: 3px !important;
}
.text-spacing-4 {
 letter-spacing: 4px !important;
}
.text-spacing-5 {
 letter-spacing: 5px !important;
}
.text-spacing-10 {
 letter-spacing: 10px !important;
}
@media (max-width:767px) {
	.text-spacing-3, .text-spacing-4, .text-spacing-5, .text-spacing-10 {
	 letter-spacing: 0px !important;
	}
}


.price_details_btn {
	background: #008ecb;
	font-size: 10px;
	color: #fff;
	padding: 6px 15px;
	border-radius: 50px;
	cursor: pointer;
}
.price_details_btn:hover {
	background: #009ee2;
	color: #fff;
	padding: 6px 15px;
	border-radius: 50px;
	padding-left: 10px;
}
.price_details_btn:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-style: normal;
  content: '\f155';
  font-size: 12px;
  padding-right: 3px;
  position: relative;
  top: 1px;
}
.price_details_btn:after {
  display: inline-block;
  font-size: inherit;
  height: 0.5em;
  overflow: visible;
  xvertical-align: -2px;
  content: url(../../images/right-arrow-icon.svg);
  margin-left: 6px;
  width: 18px;
}


.ui-widget {
    xfont-family: Arial,Helvetica,sans-serif;
		font-family: 'Roboto', sans-serif !important;
    font-size: 1em;
}
.ui-widget-header {
    border: 0px solid #dddddd !important;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
    /* padding: 10px !important; */
		font-family: 'Roboto', sans-serif !important;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0em 0em !important;
    background: none;
    overflow: auto;
}
/*
.ui-widget.ui-widget-content {
    border: 0px solid #c5c5c5 !important;
		-webkit-box-shadow: 0px 0px 11px 6px rgba(0,0,0,0.10);
		-moz-box-shadow: 0px 0px 11px 6px rgba(0,0,0,0.10);
		box-shadow: 0px 0px 11px 6px rgba(0,0,0,0.10);
}
*/
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff !important;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
    margin-bottom: 20px !important;
}




.hover-scale {
    position: relative;
    margin: auto;
    overflow: hidden;
    border-radius: 10px;
}
.hover-scale img {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.hover-scale:hover img {
    transform: scale(1.1);
}

/*----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
    - BOOTSTRAP (Container Class) Over Write
----------------------------------------------------------------------------------------*/
@media (min-width: 1400px) {
  .container {
    /* max-width: 1240px; */
    max-width: 1400px;
  }
}

.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}

.form-control {
  display: block;
  width: 100%;
  height: 35px;
  padding: .5rem .9375rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #777;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e4e4e4;
  border-radius: 0;
  transition: border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out,-webkit-box-shadow 0.2s ease-in-out;
}


select{
  width: 268px;
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 5px;
  height: 34px;
  xbackground: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ddd;
  -webkit-appearance: none;
  background-position-x: 244px;
}



select.form-control {
  padding-right: 2.375rem;
  background-position: center right .9375rem;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI4NC45MjkgMjg0LjkyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg0LjkyOSAyODQuOTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Mi4wODIsNzYuNTExbC0xNC4yNzQtMTQuMjczYy0xLjkwMi0xLjkwNi00LjA5My0yLjg1Ni02LjU3LTIuODU2Yy0yLjQ3MSwwLTQuNjYxLDAuOTUtNi41NjMsMi44NTZMMTQyLjQ2NiwxNzQuNDQxICAgTDMwLjI2Miw2Mi4yNDFjLTEuOTAzLTEuOTA2LTQuMDkzLTIuODU2LTYuNTY3LTIuODU2Yy0yLjQ3NSwwLTQuNjY1LDAuOTUtNi41NjcsMi44NTZMMi44NTYsNzYuNTE1QzAuOTUsNzguNDE3LDAsODAuNjA3LDAsODMuMDgyICAgYzAsMi40NzMsMC45NTMsNC42NjMsMi44NTYsNi41NjVsMTMzLjA0MywxMzMuMDQ2YzEuOTAyLDEuOTAzLDQuMDkzLDIuODU0LDYuNTY3LDIuODU0czQuNjYxLTAuOTUxLDYuNTYyLTIuODU0TDI4Mi4wODIsODkuNjQ3ICAgYzEuOTAyLTEuOTAzLDIuODQ3LTQuMDkzLDIuODQ3LTYuNTY1QzI4NC45MjksODAuNjA3LDI4My45ODQsNzguNDE3LDI4Mi4wODIsNzYuNTExeiIgZmlsbD0iIzQwNDA0MCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  xbackground-size: 10px 10px;
	background-size: 15px 15px;
}

/*
.form-group select{
  padding-right: 2.375rem;
  background-position: center right .9375rem;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI4NC45MjkgMjg0LjkyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg0LjkyOSAyODQuOTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Mi4wODIsNzYuNTExbC0xNC4yNzQtMTQuMjczYy0xLjkwMi0xLjkwNi00LjA5My0yLjg1Ni02LjU3LTIuODU2Yy0yLjQ3MSwwLTQuNjYxLDAuOTUtNi41NjMsMi44NTZMMTQyLjQ2NiwxNzQuNDQxICAgTDMwLjI2Miw2Mi4yNDFjLTEuOTAzLTEuOTA2LTQuMDkzLTIuODU2LTYuNTY3LTIuODU2Yy0yLjQ3NSwwLTQuNjY1LDAuOTUtNi41NjcsMi44NTZMMi44NTYsNzYuNTE1QzAuOTUsNzguNDE3LDAsODAuNjA3LDAsODMuMDgyICAgYzAsMi40NzMsMC45NTMsNC42NjMsMi44NTYsNi41NjVsMTMzLjA0MywxMzMuMDQ2YzEuOTAyLDEuOTAzLDQuMDkzLDIuODU0LDYuNTY3LDIuODU0czQuNjYxLTAuOTUxLDYuNTYyLTIuODU0TDI4Mi4wODIsODkuNjQ3ICAgYzEuOTAyLTEuOTAzLDIuODQ3LTQuMDkzLDIuODQ3LTYuNTY1QzI4NC45MjksODAuNjA3LDI4My45ODQsNzguNDE3LDI4Mi4wODIsNzYuNTExeiIgZmlsbD0iIzQwNDA0MCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  xbackground-size: 10px 10px;
	background-size: 15px 15px;
}
*/

/* Make file inputs better match text inputs by forcing them to new lines. */
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

@media (min-width: 576px) {
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
}



/*--
    - COOKIE ALERT
-----------------------------------------*/
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    background: #212327 url("cubes.png");
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
}

.cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}



/*--
	SECTION
-----------------------------------------*/
.section {
  padding: 150px 0 0;
}
@media only screen and (max-width: 767px) {
	.section {
	  padding: 20px 0;
	}
}

.section2 {
  padding: 150px 0 150px;
}
@media only screen and (max-width: 767px) {
	.section2 {
	  padding: 20px 0 20px;
	}
}



/*--
    - Common Classes
-----------------------------------------*/
.fix {
    overflow: hidden;
}

.hidden {
    display: none;
}

.clear {
    clear: both;
}

.xxxxsection {
    float: left;
    width: 100%;
}

.capitalize {
    text-transform: capitalize;
}

.uppercase {
    text-transform: uppercase;
}

.bg-img {
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

.border-bottom-1 {
    border-bottom: 1px solid #d5d5d5;
}

a:hover {
    color: #009ee2;
}

/*************************
  Basic margin padding
*************************/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

/*************************
         Margin top
*************************/
.mt-0 {
    margin-top: 0;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-12 {
    margin-top: 12px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}
.mt-100 {
    margin-top: 100px !important;
}
.mt-200 {
    margin-top: 200px;
}
@media only screen and (max-width: 767px) {
    .mt-80 {
        margin-top: 60px;
    }
		.mt-100 {
		    margin-top: 50px !important;
		}
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-195 {
    margin-top: 195px;
}

.mt-200 {
    margin-top: 200px;
}

/*************************
      Margin right
*************************/
.mr-0 {
    margin-right: 0px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-12 {
    margin-right: 12px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-110 {
    margin-right: 110px;
}

.mr-120 {
    margin-right: 120px;
}

.mr-130 {
    margin-right: 130px;
}

.mr-140 {
    margin-right: 140px;
}

.mr-150 {
    margin-right: 150px;
}

/*************************
      Margin bottom
*************************/
.mb-0 {
    margin-bottom: 0;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-12 {
    margin-bottom: 12px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-65 {
    margin-bottom: 65px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-80 {
    margin-bottom: 80px;
}
.mb-100 {
    margin-bottom: 100px;
}
.mb-200 {
    margin-bottom: 200px;
}
@media only screen and (max-width: 767px) {
    .mb-80 {
        margin-bottom: 60px;
    }
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-95 {
    margin-bottom: 95px;
}

.mb-100 {
    margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
    .mb-100 {
        margin-bottom: 50px;
    }
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-150 {
    margin-bottom: 150px;
}

/*************************
        Margin left
*************************/
.ml-0 {
    margin-left: 0;
}

.ml-10 {
    margin-left: 10px;
}

.ml-12 {
    margin-left: 12px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-55 {
    margin-left: 55px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-75 {
    margin-left: 75px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-95 {
    margin-left: 95px;
}

.ml-100 {
    margin-left: 100px;
}

.ml-110 {
    margin-left: 110px;
}

.ml-120 {
    margin-left: 120px;
}

.ml-130 {
    margin-left: 130px;
}

.ml-140 {
    margin-left: 140px;
}

.ml-145 {
    margin-left: 145px;
}

.ml-150 {
    margin-left: 150px;
}

.ml-ntv5 {
    margin-left: -5px;
}

/*************************
        Padding top
*************************/
.pt-0 {
    padding-top: 0;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-55 {
    padding-top: 55px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}
@media only screen and (max-width: 767px) {
    .pt-70 {
        padding-top: 60px;
    }
}

.pt-75 {
    padding-top: 75px;
}

.pt-80 {
    padding-top: 80px;
}
@media only screen and (max-width: 767px) {
    .pt-80 {
        padding-top: 60px;
    }
}

.pt-95 {
    padding-top: 95px;
}
@media only screen and (max-width: 767px) {
    .pt-95 {
        padding-top: 55px;
    }
}

.pt-90 {
    padding-top: 90px;
}
@media only screen and (max-width: 767px) {
    .pt-90 {
        padding-top: 50px;
    }
}

.pt-100 {
    padding-top: 100px;
}
@media only screen and (max-width: 767px) {
    .pt-100 {
        padding-top: 60px;
    }
}

.pt-105 {
    padding-top: 105px;
}

.pt-110 {
    padding-top: 110px;
}
@media only screen and (max-width: 767px) {
    .pt-110 {
        padding-top: 40px;
    }
}

.pt-115 {
    padding-top: 115px;
}
@media only screen and (max-width: 767px) {
    .pt-115 {
        padding-top: 60px;
    }
}

.pt-120 {
    padding-top: 120px;
}
@media only screen and (max-width: 767px) {
    .pt-120 {
        padding-top: 50px;
    }
}

.pt-125 {
    padding-top: 125px;
}
@media only screen and (max-width: 767px) {
    .pt-125 {
        padding-top: 55px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-125 {
        padding-top: 75px;
    }
}

.pt-128 {
    padding-top: 128px;
}

.pt-130 {
    padding-top: 130px;
}
@media only screen and (max-width: 767px) {
    .pt-130 {
        padding-top: 60px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-130 {
        padding-top: 80px;
    }
}

.pt-135 {
    padding-top: 135px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-150 {
    padding-top: 150px;
}

.pt-155 {
    padding-top: 155px;
}

.pt-170 {
    padding-top: 170px;
}

.pt-180 {
    padding-top: 180px;
}
@media only screen and (max-width: 767px) {
    .pt-180 {
        padding-top: 60px;
    }
}

.pt-205 {
    padding-top: 205px;
}

.pt-230 {
    padding-top: 230px;
}

.pt-270 {
    padding-top: 270px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-270 {
        padding-top: 170px;
    }
}
@media only screen and (max-width: 767px) {
    .pt-270 {
        padding-top: 100px;
    }
}

.pt-240 {
    padding-top: 240px;
}

.pt-365 {
    padding-top: 365px;
}

.pt-370 {
    padding-top: 370px;
}

.pt-380 {
    padding-top: 380px;
}

/*************************
        Padding right
*************************/
.pr-0 {
    padding-right: 0;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-100 {
    padding-right: 100px;
}

.pr-110 {
    padding-right: 110px;
}

.pr-120 {
    padding-right: 120px;
}

.pr-130 {
    padding-right: 130px;
}

.pr-140 {
    padding-right: 140px;
}

.pr-155 {
    padding-right: 155px;
}

.pr-270 {
    padding-right: 270px;
}

/*************************
        Padding bottom
*************************/
.pb-0 {
    padding-bottom: 0;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-55 {
    padding-bottom: 55px;
}
@media only screen and (max-width: 767px) {
    .pb-55 {
        padding-bottom: 15px;
    }
}

.pb-60 {
    padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
    .pb-60 {
        padding-bottom: 20px;
    }
}

.pb-65 {
    padding-bottom: 65px;
}

.pb-70 {
    padding-bottom: 70px;
}
@media only screen and (max-width: 767px) {
    .pb-70 {
        padding-bottom: 30px;
    }
}

.pb-80 {
    padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
    .pb-80 {
        padding-bottom: 40px;
    }
}

.pb-85 {
    padding-bottom: 85px;
}

.pb-90 {
    padding-bottom: 90px;
}
@media only screen and (max-width: 767px) {
    .pb-90 {
        padding-bottom: 50px;
    }
}

.pb-95 {
    padding-bottom: 95px;
}
@media only screen and (max-width: 767px) {
    .pb-95 {
        padding-bottom: 55px;
    }
}

.pb-100 {
    padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
    .pb-100 {
        padding-bottom: 30px;
    }
}

.pb-105 {
    padding-bottom: 105px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-115 {
    padding-bottom: 115px;
}
@media only screen and (max-width: 767px) {
    .pb-115 {
        padding-bottom: 60px;
    }
}

.pb-120 {
    padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
    .pb-120 {
        padding-bottom: 50px;
    }
}

.pb-125 {
    padding-bottom: 125px;
}

.pb-130 {
    padding-bottom: 130px;
}
@media only screen and (max-width: 767px) {
    .pb-130 {
        padding-bottom: 60px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-130 {
        padding-bottom: 80px;
    }
}

.pb-140 {
    padding-bottom: 140px;
}
@media only screen and (max-width: 767px) {
    .pb-140 {
        padding-bottom: 60px;
    }
}

.pb-145 {
    padding-bottom: 145px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pb-170 {
    padding-bottom: 170px;
}

.pb-180 {
    padding-bottom: 180px;
}

.pb-280 {
    padding-bottom: 280px;
}

.pb-210 {
    padding-bottom: 210px;
}

.pb-285 {
    padding-bottom: 285px;
}

.pb-270 {
    padding-bottom: 270px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-270 {
        padding-bottom: 170px;
    }
}
@media only screen and (max-width: 767px) {
    .pb-270 {
        padding-bottom: 100px;
    }
}

.pb-290 {
    padding-bottom: 290px;
}

/*************************
        Padding left
*************************/
.pl-0 {
    padding-left: 0;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-100 {
    padding-left: 100px;
}

.pl-110 {
    padding-left: 110px;
}

.pl-120 {
    padding-left: 120px;
}

.pl-130 {
    padding-left: 130px;
}

.pl-140 {
    padding-left: 140px;
}

.pl-150 {
    padding-left: 150px;
}

.pl-155 {
    padding-left: 155px;
}

.pl-190 {
    padding-left: 190px;
}

/***************************
    Page section padding
****************************/
.ptb-0 {
    padding: 0;
}

.ptb-10 {
    padding: 10px 0;
}

.ptb-20 {
    padding: 20px 0;
}

.ptb-30 {
    padding: 30px 0;
}

.ptb-35 {
    padding: 35px 0;
}

.ptb-32 {
    padding: 32px 0;
}

.ptb-40 {
    padding: 40px 0;
}

.ptb-50 {
    padding: 50px 0;
}

.ptb-60 {
    padding: 60px 0;
}

.ptb-70 {
    padding: 70px 0;
}

.ptb-80 {
    padding: 80px 0;
}

.ptb-90 {
    padding: 90px 0;
}

.ptb-100 {
    padding: 100px 0;
}

.ptb-110 {
    padding: 110px 0;
}

.ptb-120 {
    padding: 120px 0;
}

.ptb-130 {
    padding: 130px 0;
}

.ptb-140 {
    padding: 140px 0;
}

.ptb-150 {
    padding: 150px 0;
}

.ptb-160 {
    padding: 160px 0;
}

.ptb-170 {
    padding: 170px 0;
}

.ptb-177 {
    padding: 177px 0;
}

.ptb-180 {
    padding: 180px 0;
}

.ptb-190 {
    padding: 190px 0;
}

.ptb-200 {
    padding: 200px 0;
}

.ptb-210 {
    padding: 210px 0;
}

.ptb-220 {
    padding: 220px 0;
}

.ptb-290 {
    padding: 290px 0;
}

.ptb-310 {
    padding: 310px 0;
}

/***************************
    Page section margin
****************************/
.mtb-0 {
    margin: 0;
}

.mtb-10 {
    margin: 10px 0;
}

.mtb-15 {
    margin: 15px 0;
}

.mtb-20 {
    margin: 20px 0;
}

.mtb-30 {
    margin: 30px 0;
}

.mtb-40 {
    margin: 40px 0;
}

.mtb-50 {
    margin: 50px 0;
}

.mtb-60 {
    margin: 60px 0;
}

.mtb-70 {
    margin: 70px 0;
}

.mtb-80 {
    margin: 80px 0;
}

.mtb-90 {
    margin: 90px 0;
}

.mtb-100 {
    margin: 100px 0;
}

.mtb-110 {
    margin: 110px 0;
}

.mtb-120 {
    margin: 120px 0;
}

.mtb-130 {
    margin: 130px 0;
}

.mtb-140 {
    margin: 140px 0;
}

.mtb-150 {
    margin: 150px 0;
}

.mtb-290 {
    margin: 290px 0;
}



.custom-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .custom-row {
        margin-right: -15px;
        margin-left: -15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .custom-row {
        margin-right: -15px;
        margin-left: -15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-row {
        margin-right: -15px;
        margin-left: -15px;
    }
}
@media only screen and (max-width: 767px) {
    .custom-row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.custom-row-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.custom-row-2 div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-row-2 div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .custom-row-2 div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .custom-row-2 {
        margin-right: -5px;
        margin-left: -5px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .custom-row-2 {
        margin-right: -5px;
        margin-left: -5px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-row-2 {
        margin-right: -15px;
        margin-left: -15px;
    }
}
@media only screen and (max-width: 767px) {
    .custom-row-2 {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.custom-row-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -13.6px;
    margin-left: -13.6px;
}
.custom-row-3 div[class^="col-"] {
    padding-left: 13.6px;
    padding-right: 13.6px;
}
@media only screen and (max-width: 767px) {
    .custom-row-3 div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .custom-row-3 {
        margin-right: -13.6px;
        margin-left: -13.6px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .custom-row-3 {
        margin-right: -13.6px;
        margin-left: -13.6px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-row-3 {
        margin-right: -13.6px;
        margin-left: -13.6px;
    }
}
@media only screen and (max-width: 767px) {
    .custom-row-3 {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.custom-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    width: 100%;
    min-height: 1px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .custom-col-5 {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .custom-col-5 {
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-col-5 {
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media only screen and (max-width: 767px) {
    .custom-col-5 {
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-col-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.mobile-menu-area {
    display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-menu-area {
        display: block;
    }
}
@media only screen and (max-width: 767px) {
    .mobile-menu-area {
        display: block;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .mobile-menu-area {
        display: block;
    }
}
.mobile-menu-area.white-mobile-menu a.meanmenu-reveal {
    color: #fff;
    border: 1px solid #fff;
}
.mobile-menu-area.white-mobile-menu a.meanmenu-reveal span {
    background-color: #fff;
}

.stick .mobile-menu-area.white-mobile-menu a.meanmenu-reveal {
    color: #333;
    border: 1px solid #333;
}
.stick .mobile-menu-area.white-mobile-menu a.meanmenu-reveal span {
    background-color: #333;
}

.mean-container a.meanmenu-reveal {
    top: -30px;
}
@media only screen and (max-width: 767px) {
	.mean-container a.meanmenu-reveal {
	    top: -30px;
	}
}

#mobile-menu-active {
    display: none;
}

.mobile-menu .mean-nav ul.menu-overflow {
  /* height: 215px; */
	/* height: 325px; */
  margin-top: 10;
  overflow-y: auto;
}

.mobile-menu.mean-container .mean-nav ul {
    margin: 14px 0 0;
}

/*--
    Scroll Up
-----------------------------------------*/
#scrollUp {
    width: 50px;
    height: 50px;
    background-color: #009ee2;
    color: #fff;
    right: 30px;
    bottom: 80px;
    text-align: center;
    overflow: hidden;
    border-radius: 50px;
    z-index: 9811 !important;
}
@media only screen and (max-width: 767px) {
    #scrollUp {
        width: 40px;
        height: 40px;
    }
}
#scrollUp i {
    display: block;
    line-height: 50px;
    font-size: 22px;
}
@media only screen and (max-width: 767px) {
    #scrollUp i {
        line-height: 40px;
        font-size: 16px;
    }
}
#scrollUp:hover i {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.height-100 {
    height: 100vh;
}

/*--
    - Background Color
------------------------------------------*/
.bg-purple {
    background-color: #009ee2;
}

.bg-purple-2 {
    background-color: #cea1f8;
}

.bg-gray {
    background-color: #f6f6f8;
}

.bg-gray-2 {
    background-color: #f6f6f6;
}

.bg-gray-3 {
    background-color: #f7f7f7;
}

.bg-gray-4 {
    background-color: #f1f1f1;
}

.bg-gray-5 {
    background-color: #f9f9f9;
}

.bg-gray-6 {
    background-color: #e9e6e9;
}

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

.bg-black-2 {
    background-color: #1b1b1b;
}

.bg-black-3 {
    background-color: #202022;
}

.bg-glaucous {
    background-color: #daedff;
}

.bg-aqua {
    background-color: #dbfffb;
}

.bg-white {
    background-color: #fff;
}

.bg-punch {
    background-color: #ff8e8d;
}

.bg-pink {
    background-color: #d70056;
}

.bg-breadcrumb {
    background-color: #f8f8ff;
}

.default-overlay {
    position: relative;
}
.default-overlay:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    right: 0;
    bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .res-white-overly-md {
        position: relative;
    }
    .res-white-overly-md:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #fff;
        opacity: 0.4;
        z-index: 9;
    }
}

@media only screen and (max-width: 767px) {
    .res-white-overly-xs {
        position: relative;
    }
    .res-white-overly-xs:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #fff;
        opacity: 0.4;
        z-index: 2;
    }
    .res-black-overly-xs {
        position: relative;
    }
    .res-black-overly-xs:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #000;
        opacity: 0.4;
        z-index: 9;
    }
}

.btn-hover a {
    position: relative;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.btn-hover a:hover {
    border: 1px solid #009ee2;
    color: #fff;
}
.btn-hover a::before,
.btn-hover a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: -1;
}
.btn-hover a::after {
    width: 0;
    left: auto;
    right: 0;
    background: #009ee2;
}
.btn-hover a:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.btn-hover.slider-btn-round a::before,
.btn-hover.slider-btn-round a::after,
.btn-hover.discover-more-btn a::before,
.btn-hover.discover-more-btn a::after,
.btn-hover.btn-only-round a::before,
.btn-hover.btn-only-round a::after,
.btn-hover.banner-cake-btn-1 a::before,
.btn-hover.banner-cake-btn-1 a::after,
.btn-hover.valentine-btn a::before,
.btn-hover.valentine-btn a::after {
    border-radius: 50px;
}

.btn-hover.slider-btn-round-white a:hover {
    border: 1px solid #009ee2;
}

.btn-hover.discover-more-btn a:hover,
.btn-hover.banner-cake-btn-1 a:hover {
    border: none;
}

a.default-btn {
    font-size: 16px;
    color: #010101;
    display: inline-block;
    border: 1px solid #333;
    text-transform: uppercase;
    line-height: 1;
    padding: 19px 50px 21px;
}

/* slider img bounce */
@-webkit-keyframes bounce-img {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes bounce-img {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes snow {
    0% {
        background-position: 0 0, 0 0, 0 0;
    }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

@keyframes snow {
    0% {
        background-position: 0 0, 0 0, 0 0;
    }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

.effect-snow {
    background-image: url("../img/bg/snow1.png");
    -webkit-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
}

.body-effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0);
}

.padding-10-row-col .row {
    margin-right: -5px;
    margin-left: -5px;
}
.padding-10-row-col .row div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-20-row-col .row {
    margin-right: -10px;
    margin-left: -10px;
}
.padding-20-row-col .row div[class^="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.hm21-section-padding .container-fluid {
    padding-right: 10px;
    padding-left: 10px;
}


.header-area {
    position: relative;
}

.sticky-bar.stick {
	-webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
	/*
  -webkit-animation: 200ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 200ms ease-in-out 0s normal none 1 running fadeInDown;
	*/

	color: #000 !important;
  /* background-color: #fff; */

	background: #fff;
	/*
	background: rgba(255, 255, 255, 0.9);
	background-color: rgba(255, 255, 255, 0.9);
  border-bottom: 0 solid #4a90e2;
	*/

  /*
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
  */
  -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
	left: 0;
  width: 100%;
  z-index: 9999;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;

}

.header-padding-1 .container-fluid {
  padding: 0 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-padding-1 .container-fluid {
      padding: 0 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-padding-1 .container-fluid {
      padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-padding-1 .container-fluid {
      padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .header-padding-1 .container-fluid {
      padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-res-padding {
      padding: 0px 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .header-res-padding {
    padding: 0px 0 15px;
  }
}

.header-shadow{
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.604079131652661) 10%, rgba(255, 255, 255, 0) 100%);
}


/* MAIN SCRIBL TOP MENU LOGO
****************************************/

.logo {
    Xmargin-top: 20px;
    xmargin-top: 32px;
		/*position: absolute;
    top: 0;
    bottom: 0;
    margin: auto; */
		position: relative;
		top: 50%;
		transform: translateY(-50%);
}

.xxxlogo img {
  xwidth: 45%;
}

.logo img {
  width: 130px;
}

@media only screen
and (min-width: 768px)
and (max-width: 991px) {
  .logo {
    margin-top: 0px;
  }
}

@media only screen
and (max-width: 767px) {
  .logo {
    /*
		margin-top: 10px;
		margin-bottom:15px;
		*/
		xmargin-top: 0px;
		margin:5px 0 ;
  }
	.logo img {
		width: 80px;
	}
}
@media only screen
and (max-width: 767px) {
  .logo {
    /*
		margin-top: 10px;
		margin-bottom:15px;
		*/
		xmargin-top: 0px;
		margin:5px 0 ;
  }
}





.logo.logo-hm5 {
    margin-top: 41px;
}
.logo.logo-hm5 a.sticky-block {
    display: none;
}
@media only screen
and (min-width: 768px)
and (max-width: 991px) {
    .logo.logo-hm5 {
        margin-top: 0px;
        text-align: left !important;
    }
}
@media only screen
and (max-width: 767px) {
    .logo.logo-hm5 {
        margin-top: 0px;
        text-align: left !important;
    }
}

.stick .logo-hm5 a.sticky-block {
    display: block;
}

.stick .logo-hm5 a.sticky-none {
    display: none;
}

.main-menu nav ul {
    display: block;
    text-align: center;
    /* margin-top: -5px; */
		padding: 25px 0;
}
.main-menu nav ul li {
    display: inline-block;
    padding: 0 15px;
    position: relative;
}
.main-menu nav ul li ul.submenu {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
    display: block;
    left: 0;
    padding: 20px 0px 22px;
    position: absolute;
    top: 100%;
		/*
    	-webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    	-webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
	    -webkit-transition: all 0.5s ease 0s;
	    -o-transition: all 0.5s ease 0s;
			*/
    transition: all 0.3s;
    visibility: hidden;
    width: 250px;
		border-radius: 6px;
    z-index: 999;
}
.main-menu nav ul li ul.submenu li {
    display: block;
    padding: 0 20px;
}
.main-menu nav ul li ul.submenu li a {
	font-family: 'proxima_nova_rgregular','Poppins', 'Roboto', 'Helvetica', 'Arial', sans-serif;
	color: #333;
	display: block;
	font-size: 16px !important;
	font-weight: 300;
	line-height: 32px;
	text-align: left;
	text-transform: capitalize;
	padding-top: 0px;
	xtransition: all 0.3s;
}
.main-menu nav ul li ul.submenu li a:hover {
  color: #009ee2;
	transition: all 0.3s;
}
/*
.main-menu nav ul li ul.submenu li a::before {
    background: #009ee2 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 7px;
    left: 15px;
    opacity: 0;
    position: absolute;
    top: 13px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 7px;
    z-index: 999;
}
.main-menu nav ul li ul.submenu li:hover a::before {
    opacity: 1;
}
*/
.main-menu nav ul li ul.submenu li:hover a {
	font-weight: 400;
  padding-left: 0px;
}
.main-menu nav ul li ul.mega-menu {
    background-color: #fff;
    display: block;
    left: 0;
    padding: 40px 40px 0px 40px;
    position: absolute;
    text-align: left;
    top: 100%;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 750px;
    z-index: 999;
    -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu nav ul li ul.mega-menu {
        left: -75px;
    }
}
.main-menu nav ul li ul.mega-menu > li {
    display: inline-block;
    float: left;
    margin-left: 0;
    padding: 0;
    width: 33.33%;
}
.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-title {
    float: inherit;
    width: 100%;
}
.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-title a {
    color: #242424;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-title a::before {
    display: none;
}
.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-title:hover a {
    padding-left: 0px;
}
.main-menu nav ul li ul.mega-menu > li ul li {
    display: block;
    float: inherit;
    padding: 0px;
}
.main-menu nav ul li ul.mega-menu > li ul li a {
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    text-transform: capitalize;
    padding-top: 0px;
}
.main-menu nav ul li ul.mega-menu > li ul li a:hover {
    color: #009ee2;
}
.main-menu nav ul li ul.mega-menu > li ul li a::before {
    background: #009ee2 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 7px;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 13px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 7px;
    z-index: 999;
}
.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-img:hover a {
    padding-left: 0px;
}
.main-menu nav ul li ul.mega-menu > li ul li.mega-menu-img a::before {
    display: none;
}
.main-menu nav ul li ul.mega-menu > li ul li:hover a::before {
    opacity: 1;
}
.main-menu nav ul li ul.mega-menu > li ul li:hover a {
    padding-left: 12px;
}
.main-menu nav ul li ul.mega-menu.mega-menu-padding {
    padding: 40px 40px 36px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu nav ul li ul.mega-menu.mega-menu-padding {
        left: 0px;
    }
}
.main-menu nav ul li:hover > ul.submenu {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;
}
.main-menu nav ul li:hover > ul.mega-menu {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu nav ul li {
        padding: 0 7px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .main-menu nav ul li {
        padding: 0 10px;
    }
}
.main-menu nav ul li > a {
	font-family: 'proxima_nova_rgbold','Poppins', 'Roboto', 'Helvetica', 'Arial', sans-serif;
	/* font-family: 'Poppins', 'Roboto', sans-serif !important; */
  font-size: 18px;
  font-weight: 700;
	text-transform: uppercase;
  letter-spacing: -0.5px;
  display: inline-block;
  /* line-height: 94px; */
	line-height: normal;
}
.main-menu nav ul li > a i {
    font-size: 18px;
    margin-left: 1px;
    position: relative;
    top: 0px;
}
.main-menu nav ul li:hover a {
    color: #009ee2;
}

/*
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.main-menu nav ul li > a {
		font-size: 15px!important;
	  line-height: 25px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main-menu nav ul li > a {
		font-size: 15px!important;
	  line-height: 25px;
	}
}
*/
@media only screen and (min-width: 1304px) { /* 767px */
	.main-menu nav ul li > a {
		font-size: 16px !important;
	  line-height: 25px;
	}
}
@media only screen and (max-width: 1303px) { /* 767px */
	.main-menu nav ul li > a {
		font-size: 15px !important;
	  line-height: 25px;
	}
}





.main-menu.menu-white nav ul {
    text-align: center;
}
.main-menu.menu-white nav ul li {
    padding: 10px 30px 10px 0;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .main-menu.menu-white nav ul li {
        padding: 0 22px 0 0;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .main-menu.menu-white nav ul li {
        padding: 0 14px 0 0;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu.menu-white nav ul li {
        padding: 0 14px 0 0;
    }
}

/**/
.main-menu.menu-white nav ul li > a {
  color: #fff;
  line-height: 112px;
}
.main-menu.menu-white nav ul li > a:hover {
    color: #009ee2;
}



.stick .main-menu.menu-white nav ul li a {
    color: #555252;
}
.stick .main-menu.menu-white nav ul li a:hover {
    color: #009ee2;
}
.stick .main-menu nav ul li a {
    line-height: normal;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.stick .main-menu nav ul li a {
	    line-height: 25px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.stick .main-menu nav ul li a {
	    line-height: 25px;
	}
}
@media only screen and (max-width: 767px) {
	.stick .main-menu nav ul li a {
	    line-height: 25px;
	}
}



.sticky-bar.header-text-black nav ul li > a {
  color: #222 !important;
  line-height: 1.2;
	padding: 0 30px 0 0;
}






.stick .logo,
.stick .header-right-wrap {
  /* margin-top: 22px; */
	margin-top: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .stick .logo,
    .stick .header-right-wrap {
        margin-top: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .stick .logo,
    .stick .header-right-wrap {
        margin-top: 7px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .stick .logo,
    .stick .header-right-wrap {
        margin-top: 0px;
    }
}

.stick .header-right-wrap .same-style.cart-wrap .shopping-cart-content,
.stick .header-right-wrap .same-style .account-dropdown {
    top: 160%;
}
@media only screen and (max-width: 767px) {
    .stick .header-right-wrap .same-style.cart-wrap .shopping-cart-content,
    .stick .header-right-wrap .same-style .account-dropdown {
        top: 100%;
        margin-top: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .stick .header-right-wrap .same-style.cart-wrap .shopping-cart-content,
    .stick .header-right-wrap .same-style .account-dropdown {
        top: 100%;
        margin-top: 14px;
    }
}

.header-right-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-right-wrap {
        margin-top: 0px;
        margin-right: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .header-right-wrap {
        margin-top: 2px;
        margin-right: 50px;
    }
}
.header-right-wrap .same-style {
    margin-left: 14px;
    position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-right-wrap .same-style {
        margin-left: 10px;
    }
}
@media only screen and (max-width: 767px) {
    .header-right-wrap .same-style {
        margin-left: 5px;
    }
}
.header-right-wrap .same-style > a {
    color: #000;
    font-size: 23px;
}
.header-right-wrap .same-style:first-child {
    margin-left: 0px;
}
.header-right-wrap .same-style:hover > a {
    color: #009ee2;
}
.header-right-wrap .same-style .account-dropdown {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
    left: 0;
    padding: 8px 12px 10px;
    position: absolute;
    text-align: left;
    top: 190%;
    width: 125px;
    z-index: 220;
    display: none;
}
@media only screen and (max-width: 767px) {
    .header-right-wrap .same-style .account-dropdown {
        top: 100%;
        margin-top: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-right-wrap .same-style .account-dropdown {
        top: 100%;
        margin-top: 14px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-right-wrap .same-style .account-dropdown {
        left: -40px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .header-right-wrap .same-style .account-dropdown {
        left: -34px;
    }
}
.header-right-wrap .same-style .account-dropdown ul li a {
    display: block;
    font-size: 13px;
    line-height: 30px;
    padding: 0;
    text-transform: capitalize;
    color: #000;
}
.header-right-wrap .same-style .account-dropdown ul li a:hover {
    padding-left: 5px;
    color: #009ee2;
}
.header-right-wrap .same-style.account-satting > a {
    font-size: 24px;
}
.header-right-wrap .same-style.cart-wrap {
    margin-left: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-right-wrap .same-style.cart-wrap {
        margin-left: 8px;
    }
}
@media only screen and (max-width: 767px) {
    .header-right-wrap .same-style.cart-wrap {
        margin-left: 3px;
    }
}
.header-right-wrap .same-style.cart-wrap button {
    background: transparent;
    border: none;
    padding: 0;
    color: #000;
    font-size: 24px;
    position: relative;
}
.header-right-wrap .same-style.cart-wrap button span.count-style {
    position: absolute;
    top: -9px;
    right: -14px;
    background-color: #000;
    color: #fff;
    display: inline-block;
    width: 21px;
    height: 21px;
    border-radius: 100%;
    line-height: 21px;
    font-size: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .header-right-wrap .same-style.cart-wrap button span.count-style {
        right: -5px;
    }
}
.header-right-wrap .same-style.cart-wrap:hover > button {
    color: #009ee2;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    padding: 31px 35px 10px;
    position: absolute;
    right: 0;
    top: 190%;
    width: 340px;
    z-index: 9999;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content.cart-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
@media only screen and (max-width: 767px) {
    .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
        width: 295px;
        right: -52px;
        padding: 31px 15px 10px;
        overflow-y: auto;
        height: 300px;
        top: 100%;
        margin-top: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
        overflow-y: auto;
        height: 300px;
        margin-top: 18px;
        top: 100%;
        margin-top: 14px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
        overflow-y: auto;
        height: 400px;
    }
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li {
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 82px;
    flex: 0 0 82px;
    margin-right: 15px;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 {
    font-size: 15px;
    line-height: 16px;
    margin: 0;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 a {
    color: #000;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 a:hover {
    color: #009ee2;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-title h6 {
    font-size: 13px;
    margin: 5px 0 8px;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-title span {
    font-size: 14px;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-delete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-delete a {
    font-size: 16px;
    color: #009ee2;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-delete a:hover {
    color: #333;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content .shopping-cart-total h4 {
    font-size: 14px;
    margin-bottom: 17px;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content .shopping-cart-total h4 span {
    float: right;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content .shopping-cart-btn {
    margin-top: 23px;
}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content .shopping-cart-btn a {
    margin-bottom: 20px;
    padding: 16px 40px 17px;
    font-weight: 500;
    font-size: 14px;
    display: block;
}
.header-right-wrap.header-right-wrap-white {
    margin-top: 40px;
}
.header-right-wrap.header-right-wrap-white .same-style > a {
    color: #fff;
}
.header-right-wrap.header-right-wrap-white .same-style.cart-wrap > button {
    color: #fff;
}
.header-right-wrap.header-right-wrap-white .same-style.cart-wrap > button span.count-style {
    background-color: #fff;
    color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-right-wrap.header-right-wrap-white {
        margin-top: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .header-right-wrap.header-right-wrap-white {
        margin-top: 3px;
    }
}
.header-right-wrap .same-style.header-search .search-content {
    background: #ffffff none repeat scroll 0 0;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    min-width: 300px;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 193%;
    z-index: 99;
    display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-right-wrap .same-style.header-search .search-content {
        top: 154%;
    }
}
@media only screen and (max-width: 767px) {
    .header-right-wrap .same-style.header-search .search-content {
        right: -105px;
        top: 154%;
        min-width: 260px;
    }
}
.header-right-wrap .same-style.header-search .search-content form {
    position: relative;
}
.header-right-wrap .same-style.header-search .search-content form input {
    border: 1px solid #d3d3d3;
    outline: medium none;
    padding: 5px 72px 5px 15px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100%;
    color: #000;
    background: transparent;
}
.header-right-wrap .same-style.header-search .search-content form .button-search {
    background: #009ee2;
    border-color: #ce9634;
    color: #ffffff;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    border: none;
    height: 100%;
    padding: 5px 20px 2px;
    font-size: 20px;
    line-height: 1;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.header-right-wrap .same-style.header-search .search-content form .button-search:hover {
    background-color: #000;
}

.stick .same-style.header-search .search-content {
    top: 160%;
}

.stick .header-right-wrap.header-right-wrap-white {
    margin-top: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .stick .header-right-wrap.header-right-wrap-white {
        margin-top: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .stick .header-right-wrap.header-right-wrap-white {
        margin-top: 0px;
    }
}
.stick .header-right-wrap.header-right-wrap-white .same-style > a {
    color: #000;
}
.stick .header-right-wrap.header-right-wrap-white .same-style > a:hover {
    color: #009ee2;
}
.stick .header-right-wrap.header-right-wrap-white .same-style.cart-wrap > button {
    color: #000;
}
.stick .header-right-wrap.header-right-wrap-white .same-style.cart-wrap > button:hover {
    color: #009ee2;
}
.stick .header-right-wrap.header-right-wrap-white .same-style.cart-wrap > button span.count-style {
    background-color: #000;
    color: #fff;
}

/* header 3 */
.header-padding-2 .container-fluid {
    padding: 0 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .header-padding-2 .container-fluid {
        padding: 0 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-padding-2 .container-fluid {
        padding: 0 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-padding-2 .container-fluid {
        padding: 0 40px;
    }
}
@media only screen and (max-width: 767px) {
    .header-padding-2 .container-fluid {
        padding: 0 15px;
    }
}




/****************************************************************
TOP HEADER MY ACCOUNT & COUNTRY REGIONS
************************************************************************/

.header-top-area {
  background-color: #fff;
  xbackground-color: #009ee2;
	xbackground: transparent;
	Xbackground: rgba(255, 255, 255, 0.5);
	xbackground: rgba(63, 34, 138, 0.5);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1); /*#d5d4d4*/
}

.header-top-area i{
	color:#999 !important;
}

.header-top-area .header-top-wap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	padding: 10px;
}
@media only screen and (max-width: 767px) {
  .header-top-area .header-top-wap {
    display: block;
    padding: 6px 0rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-top-area .header-top-wap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}
.header-top-area.border-none {
    border: none;
}

.header-offer p {
    color: #555252;
    letter-spacing: 0.8px;
    margin: 0;
}
.header-offer p span {
    color: #ff1c1c;
}
@media only screen and (max-width: 767px) {
    .header-offer p {
        text-align: center;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-offer p {
        text-align: right;
    }
}




.header-offer.header-offer-white p {
    color: #fff;
}
.header-offer.header-offer-white p span {
    color: #000000;
}




/* DROP DOWN */

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative
}

.dropdown img{
	width: 17px !important;
  margin-right: 5px;
}

.dropdown a{
	letter-spacing: 0.8px;
  color: #555252;
	font-weight: 300;
  font-size: 12px;
}
.dropdown a:hover{
  color: #009ee2;
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0 0;
    margin: 0 0 0;
    font-size: .9rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid #f8f9fa;
    border-radius: 0
}

.dropdown-menu {
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    xpadding: .7rem .5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: #fff; /* #f2f2f2*/
    border: 0
}

.dropdown-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.dropdown-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #000;
    text-decoration: none;
    background-color: #f5f9f9;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #868e96;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: 0 1rem;
    margin-bottom: 0;
    font-size: .7875rem;
    color: #868e96;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .7rem 1rem;
    color: #212529
}

/* END DROP DOWN *******************************************************************/









/* NEW SLIDER HOME PAGE *******************************************************************/

.slider__Caroesel__height {
	height: 900px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-size: cover;
}
@media only screen and (max-width: 767px) {
	.slider__Caroesel__height {
		height: 85vh;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-size: cover;
	}
	.slider__Caroesel__height:after {
	  content: "";
	  z-index: 2;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
	  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
	  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
	  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7));
	}
}

.slider__Caroesel__height picture img {
   display: block;
   min-width: 100%;
   width: auto;
   height: 900px;
   object-fit: cover;
}


.slider-content-white {
	/* font: 600 52px "Montserrat", sans-serif; */
	/* font-family: 'proxima_nova_rgbold','Poppins', 'Roboto', 'Helvetica', sans-serif; */
	font-family: 'proxima_nova_rgbold', sans-serif;
	position: relative;
  z-index: 3;
}
.slider-content-white h1 {
  font-weight: 500;
  font-size: 80px;
	margin: 0;
  letter-spacing: 0.5px;
  color: #fff;
  line-height: normal;
}
.slider-content-white h2 {
  font-weight: 500;
  letter-spacing: 0.5px;
  font-size: 60px;
  margin: 0;
  color: #fff;
	line-height: normal;
}
.slider-content-white h3 {
  font-weight: 500;
  letter-spacing: 0.5px;
  font-size: 20px;
  margin: 0;
  color: #fff;
	line-height: normal;
}
.slider-content-white p {
  font-size: 18px;
  color: #fff;
  margin: 0 0 45px;
}
.banner__logo img{
	display: inline-block !important;
	width:160px !important;
	position: relative;
	top:-10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-white h1 {
      font-size: 45px;
      line-height: normal;
  }
}
@media only screen and (min-width: 376px) and  (max-width: 767px) {
  .slider-content-white h1 {
      font-size: 35px;
      line-height: normal;
  }
	.banner__logo img{
		display: inline-block !important;
		width:80px !important;
		position: relative;
		top:-5px;
		margin-right: 7px;
	}
}
@media only screen and (max-width: 375px) {
  .slider-content-white h1 {
      font-size: 25px;
			font-weight: 500;
      line-height: normal;
  }
	.banner__logo img{
		display: inline-block !important;
		width:80px !important;
		position: relative;
		top:-5px;
		margin-right: 7px;
	}
}

.slider-padding{
	padding: 0 4%;
}
.slider-padding.align-left{
	text-align: left;
}
.slider-padding.align-right{
	text-align: right;
}
.slider-padding.align-center{
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.slider-padding.align-left{
		text-align: center;
	}
	.slider-padding.align-right{
		text-align: center;
	}
	.slider-padding.align-center{
		text-align: center;
	}
}









































/********************************************************************************
	START - GlassCase — jQuery Image Zoom plugin - Bootstrap Product Zoom Box
********************************************************************************/

.glass-case * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 0;
    margin: 0;
    border: 0;
}

    .glass-case *:before, .glass-case *:after {
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

.glass-case {
    position: relative;
}
/*********************DISPLAY***************************/
.gc-display-area {
    position: absolute;
    overflow: hidden;
    border: 2px solid #F5F5F5;
    padding: 2px;
    background-color: #fff;
}

.gc-display-container {
    position: relative;
    overflow: hidden;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.gc-display-display {
    position: relative;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    cursor: crosshair;
    opacity: 1;
}
/*********************LENS***************************/
.gc-lens {
    position: absolute;
    overflow: hidden;
    z-index: 1000;
    cursor: crosshair;
    background: #CECECE;
    opacity: .5 !important; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */
    filter: alpha(opacity=50) !important; /* Netscape */
    -moz-opacity: 0.5; /* Safari 1.x */
    -khtml-opacity: 0.5;
}
/*********************ZOOM***************************/
.gc-zoom {
    position: absolute;
    /overflow: hidden;
    width: 100%;
    height: auto;
    z-index: 1040 !important;
    border: 2px solid #f5f5f5;
    padding: 2px;
    background-color: #fff;
}

.gc-zoom-inner {
    cursor: crosshair;
    border: 0 !important;
    left: -2px !important;
    top: -2px !important;
    margin: 0 !important;
    z-index: 1010 !important;
}

.gc-zoom-container {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

    .gc-zoom-container img {
        position: relative;
        max-width: none !important;
    }
/*********************CAPTION**********************/
.gc-caption-container {
    position: absolute;
    overflow: hidden;
    width: 100%;
    padding: 2px;
    z-index: 1050 !important;
    background-color: rgba(255, 255, 255, 0.5);
    line-height: 1.6;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #333;
    font-size: 0.9em;
}

    .gc-caption-container div {
        position: relative;
        padding: 0 12px 0 12px;
    }

.gc-caption-intop {
    left: 0;
    top: 0;
}

.gc-caption-inbottom {
    left: 0;
    bottom: 0;
}

.gc-caption-outtop, .gc-caption-outbottom {
    width: 100%;
    width: calc(100% + 4px);
    border: 2px solid #f5f5f5;
    background: #fff;
}

.gc-caption-outtop {
    top: 0;
    left: -2px;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.gc-caption-outbottom {
    bottom: 0;
    left: -2px;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
}

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

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

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

/*********************UL***************************/
.gc-thumbs-area {
    position: absolute;
    overflow: hidden;
    background-color: transparent;
}

.gc-thumbs-area-prev, .gc-thumbs-area-next {
    position: absolute;
    z-index: 1010;
}

.gc-thumbs-area.gc-hz .gc-thumbs-area-prev, .gc-thumbs-area.gc-hz .gc-thumbs-area-next {
    top: 0;
    height: 100%;
    min-height: 100%;
    width: 5%;
}

.gc-thumbs-area.gc-vt .gc-thumbs-area-prev, .gc-thumbs-area.gc-vt .gc-thumbs-area-next {
    left: 0;
    width: 100%;
    min-width: 100%;
    height: 5%;
}

.gc-thumbs-area.gc-hz .gc-thumbs-area-prev {
    left: 0;
}

.gc-thumbs-area.gc-hz .gc-thumbs-area-next {
    right: 0;
}

.gc-thumbs-area.gc-vt .gc-thumbs-area-prev {
    top: 0;
}

.gc-thumbs-area.gc-vt .gc-thumbs-area-next {
    bottom: 0;
}

.gc-thumbs-area-prev:hover, .gc-thumbs-area-next:hover {
    opacity: 1;
    cursor: pointer;
    cursor: hand;
}

.gc-thumbs-area-prev .gc-disabled, .gc-thumbs-area-next .gc-disabled, .gc-thumbs-area-prev .gc-disabled:hover, .gc-thumbs-area-next .gc-disabled:hover {
    opacity: .3; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 5-7 */
    filter: alpha(opacity=30); /* Netscape */
    -moz-opacity: 0.3; /* Safari 1.x */
    -khtml-opacity: 0.3;
    cursor: default;
}

.glass-case ul {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    border: 0;
    padding: 0;
    height: 100%;
    list-style: none;
}

    .glass-case ul li {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
        border: 2px solid #f5f5f5;
        padding: 2px;
        background-color: #fff;
    }

.gc-thumbs-area.gc-hz li {
    display: inline;
    float: left;
    max-width: 100%;
    max-height: 100%;
    margin-right: 5px;
}

.gc-thumbs-area.gc-vt li {
    margin-bottom: 5px;
}

.glass-case ul li .gc-li-display-container {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    display: inline-block;
}

.glass-case ul li:hover {
    border-color: #4f4f4f;
    cursor: pointer;
    cursor: hand;
}

.glass-case ul li.gc-active, .glass-case ul li.gc-active:hover {
    border-color: #669966;
    cursor: default;
}

.glass-case ul li .gc-li-display-container img {
    position: relative;
    top: 50%;
    left: 50%;
}
/*********************OVERLAY***************************/
.gc-overlay-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2147483647 !important;
    background-color: rgb(204, 204, 204); /*the falback for ie7, ie8*/
    background-color: rgba(51, 51, 51, 0.95);
}

.gc-overlay-gcontainer {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
}

.gc-overlay-container {
    position: relative;
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 0;
}

.gc-overlay-container-display {
    position: absolute;
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 0;
}

.gc-ocd-top {
    top: 0;
}

.gc-ocd-bottom {
    bottom: 0;
}

.gc-overlay-fit {
    padding: 4em 5.5em 1em 5.5em;
    overflow: hidden;
}

.gc-overlay-display {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    cursor: crosshair;
}

.gc-overlay-display-center {
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gc-overlay-display-vcenter {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gc-overlay-display-hcenter {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.gc-overlay-top-icons {
    position: absolute;
    top: 0;
    padding: 1em 1.5em 1em 0;
    width: 100%;
    height: 4em;
}

.gc-overlay-left-icons {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0 1em 0 1.5em;
    height: 100%;
    width: 5.5em;
}

.gc-overlay-right-icons {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1.5em 0 1em;
    height: 100%;
    width: 5.5em;
}
/*********************ICONS***************************/
@charset "UTF-8";

@font-face {
    font-family: "linea-arrows-10";
    src: url("../fonts/linea-arrows-10.eot");
    src: url("../fonts/linea-arrows-10.eot?#iefix") format("embedded-opentype"), url("../fonts/linea-arrows-10.woff") format("woff"), url("../fonts/linea-arrows-10.ttf") format("truetype"), url("../fonts/linea-arrows-10.svg#linea-arrows-10") format("svg");
    font-weight: normal;
    font-style: normal;
}

.gc-icon:before {
    line-height: 1;
}

.gc-icon {
    font-family: "linea-arrows-10" !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    z-index: 1020;
    cursor: pointer;
    cursor: hand;
    color: #fff;
    opacity: .7; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */
    filter: alpha(opacity=70); /* Netscape */
    -moz-opacity: 0.7; /* Safari 1.x */
    -khtml-opacity: 0.7;
    height: 1em;
    width: 1em;
    line-height: 0;
    background: rgb(204, 204, 204);
    background: rgba(204, 204, 204, 0.5);
    border: 2px solid #F5F5F5;
}

    .gc-icon:hover {
        opacity: 1; /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */
        filter: alpha(opacity=100); /* Netscape */
        -moz-opacity: 1; /* Safari 1.x */
        -khtml-opacity: 1;
    }

.gc-disabled .gc-icon:hover, .gc-disabled .gc-icon:hover, .gc-disabled .gc-icon, .gc-disabled .gc-icon {
    opacity: .3; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 5-7 */
    filter: alpha(opacity=30); /* Netscape */
    -moz-opacity: 0.3; /* Safari 1.x */
    -khtml-opacity: 0.3;
    cursor: default;
}

/* *** ICON NEXT *** */
.gc-icon-next {
    top: 50%;
    right: -2px;
}

    .gc-icon-next:before {
        position: absolute;
        top: -2px;
        right: -2px;
        content: "\e04b";
    }

.gc-icon-next-vt {
    bottom: 0;
    left: 50%;
}

    .gc-icon-next-vt:before {
        position: absolute;
        top: -2px;
        left: -2px;
        content: "\e019";
    }

.gc-display-area .gc-icon-next {
    font-size: 2em !important;
}

.gc-thumbs-area-next .gc-icon-next {
    right: 0;
    font-size: 2em !important;
}

.gc-thumbs-area-next .gc-icon-next-vt {
    font-size: 1.5em !important;
}

.gc-overlay-area .gc-icon-next {
    position: relative;
    right: 0;
    font-size: 3em;
}
/* *** ICON PREV *** */
.gc-icon-prev {
    top: 50%;
    left: -2px;
}

    .gc-icon-prev:before {
        position: absolute;
        top: -2px;
        left: -2px;
        content: "\e03f";
    }

.gc-icon-prev-vt {
    top: 0;
    left: 50%;
}

    .gc-icon-prev-vt:before {
        position: absolute;
        top: -2px;
        left: -2px;
        content: "\e083";
    }

.gc-display-area .gc-icon-prev {
    font-size: 2em !important;
}

.gc-thumbs-area-prev .gc-icon-prev {
    font-size: 2em !important;
}

.gc-thumbs-area-prev .gc-icon-prev-vt {
    font-size: 1.5em !important;
}

.gc-overlay-area .gc-icon-prev {
    position: relative;
    left: 0;
    font-size: 3em;
}
/* *** ICON DOWNLOAD *** */
.gc-icon-download {
    right: -2px;
    bottom: 0;
    font-size: 2em;
    overflow: hidden;
}

    .gc-icon-download:before {
        position: absolute;
        top: -4px;
        left: -2px;
        content: "\e064";
    }
/* *** ICON CLOSE *** */
.gc-icon-close {
    position: relative;
    font-size: 2em;
    float: right;
}

    .gc-icon-close:before {
        position: absolute;
        content: "\e04a";
        top: -2px;
        right: -2px;
    }

.gc-icon-enlarge {
    position: relative;
    float: right;
    margin-right: 0.25em;
    font-size: 2em;
}

    .gc-icon-enlarge:before {
        position: absolute;
        content: '\e017';
        top: -2px;
        right: -2px;
    }

.gc-icon-compress {
    position: relative;
    float: right;
    margin-right: 0.25em;
    font-size: 2em;
}

    .gc-icon-compress:before {
        position: absolute;
        content: '\e053';
        top: -2px;
        right: -2px;
    }
/*********************LOADING***************************/
.gc-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 31px;
    height: 31px;
    margin-left: -15px;
    margin-top: -15px;
    background-image: url(../images/loader.gif);
}

.gc-loading3 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    font-size: 0.25em;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(102, 153, 102, 0.2);
    border-right: 1.1em solid rgba(102, 153, 102, 0.2);
    border-bottom: 1.1em solid rgba(102, 153, 102, 0.2);
    border-left: 1.1em solid #669966;
    -webkit-animation: loadGC 1.1s infinite linear;
    animation: loadGC 1.1s infinite linear;
}

    .gc-loading3,
    .gc-loading3:after {
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }

@-webkit-keyframes loadGC {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loadGC {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*********************GENERAL***************************/
.gc-hide {
    display: none;
    z-index: 0;
    opacity: 0; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */
    filter: alpha(opacity=0); /* Netscape */
    -moz-opacity: 0; /* Safari 1.x */
    -khtml-opacity: 0;
}

.gc-noscroll {
    overflow: hidden;
}

.gc-start {
    display: none;
    z-index: 0;
    opacity: 0; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */
    filter: alpha(opacity=0); /* Netscape */
    -moz-opacity: 0; /* Safari 1.x */
    -khtml-opacity: 0;
}


/****************************************************************************************
*********** END GlassCase — jQuery Image Zoom plugin - Bootstrap Product Zoom Box  *************************/




































.language-myaccount-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 767px) {
    .language-myaccount-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.language-myaccount-wrap .same-language-currency {
    position: relative;
    margin-right: 54px;
}
@media only screen and (max-width: 767px) {
    .language-myaccount-wrap .same-language-currency {
        margin-right: 15px;
    }
}
.language-myaccount-wrap .same-language-currency:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 1px;
    xbackground-color: #fff; /* #d5d4d4 */
		background-color: #d5d4d4;
    right: -27px;
    top: 47%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
    .language-myaccount-wrap .same-language-currency:before {
        right: -10px;
    }
}
.language-myaccount-wrap .same-language-currency:last-child:before {
    display: none;
}
.language-myaccount-wrap .same-language-currency:last-child {
    margin-right: 0;
}
.language-myaccount-wrap .same-language-currency a {
    letter-spacing: 0.8px;
    color: #555252;
    xcolor: #fff;
    line-height: 2;
    display: inline-block;
    margin-top: -3px;
		font-weight: 300;
		font-size: 12px;
}
.language-myaccount-wrap .same-language-currency a:hover {
    color: #009ee2 !important;
}
.language-myaccount-wrap .same-language-currency a:focus {
    color: #009ee2 !important;
		font-weight: bold;
}
@media only screen and (max-width: 767px) {
    .language-myaccount-wrap .same-language-currency a {
        line-height: 35px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .language-myaccount-wrap .same-language-currency a {
        line-height: 54px;
    }
}
.language-myaccount-wrap .same-language-currency a i {
    font-size: 16px;
    color: #555252;
    position: relative;
    top: 2px;
}
.language-myaccount-wrap .same-language-currency .lang-car-dropdown {
    /* background: #fff none repeat scroll 0 0; */
    /* background: #009ee2 none repeat scroll 0 0; */
    /*
    -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
    */
		box-shadow: 0 0 8px 0 rgba(2, 2, 2, 0.1);
		background: #fff none repeat scroll 0 0;
		xbackground: rgba(255, 225, 225, 0.8);
    border: none;
		border-radius: 3px;

    left: 0;
    xpadding: 8px 12px 10px;
		padding: 5px 10px;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 125px;
    z-index: 220;
    display: none;
}
.language-myaccount-wrap .same-language-currency .lang-car-dropdown ul li a {
    line-height: 27px;
    font-size: 12px;
		color: #000;
		xbackground: #fff;
		xwidth: 100%;
		xpadding: 5px 10px;
		xdisplay: inline-block !important;
}
.language-myaccount-wrap .same-language-currency .lang-car-dropdown ul li a:hover {
    color: #007bff !important; /*  #007bff */
		font-weight: bold;
		xbackground: #fff;
}
.language-myaccount-wrap .same-language-currency p {
    letter-spacing: 0.8px;
    color: #555252;
    line-height: 1;
    margin-top: -1px;
}
.language-myaccount-wrap .same-language-currency:hover > a {
    color: #009ee2;
}
.language-myaccount-wrap .same-language-currency.same-lc-white a {
    color: #fff;
}
.language-myaccount-wrap .same-language-currency.same-lc-white a i {
    color: #fff;
}
.language-myaccount-wrap .same-language-currency.same-lc-white .lang-car-dropdown ul li a {
    color: #555252;
}
.language-myaccount-wrap .same-language-currency.same-lc-white .lang-car-dropdown ul li a:hover {
    color: #009ee2;
}
.language-myaccount-wrap .same-language-currency.same-lc-white p {
    color: #fff;
}



.language-style img {
	display: inline-block !important;
  width: 20px !important;
	margin-right:5px;
}

.language-myaccount-wrap .same-language-currency .lang-car-dropdown img {
	display: inline-block !important;
  width: 20px !important;
	margin-right:5px;
}







/* home 4 */
.home-sidebar-left {
    height: 100%;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 375px;
    z-index: 7;
    padding: 72px 0 40px 0px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .home-sidebar-left {
        width: 300px;
        padding: 50px 0 30px 0px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .home-sidebar-left {
        width: 300px;
        padding: 50px 0 30px 0px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .home-sidebar-left {
        width: 280px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home-sidebar-left {
        width: 250px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-sidebar-left {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .home-sidebar-left {
        display: none;
    }
}
.home-sidebar-left .logo {
    margin-top: 0;
    padding: 0px 0 0px 108px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .home-sidebar-left .logo {
        padding: 0px 0 0px 50px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .home-sidebar-left .logo {
        padding: 0px 0 0px 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home-sidebar-left .logo {
        padding: 0px 0 0px 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-sidebar-left .logo {
        padding: 0px 0 0px 30px;
    }
}
.home-sidebar-left .header-right-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 46px;
    margin-bottom: 67px;
    padding: 0px 0 0px 108px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .home-sidebar-left .header-right-wrap {
        padding: 0px 0 0px 50px;
        margin-top: 26px;
        margin-bottom: 27px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .home-sidebar-left .header-right-wrap {
        padding: 0px 0 0px 30px;
        margin-top: 26px;
        margin-bottom: 27px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home-sidebar-left .header-right-wrap {
        padding: 0px 0 0px 15px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-sidebar-left .header-right-wrap {
        padding: 0px 0 0px 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
.home-sidebar-left .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    right: auto;
    left: 0;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .home-sidebar-left .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
        overflow-y: auto;
        height: 400px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .home-sidebar-left .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
        overflow-y: auto;
        height: 300px;
    }
}
.home-sidebar-left .header-right-wrap .same-style.header-search .search-content {
    left: 0;
    right: auto;
}
.home-sidebar-left .sidebar-copyright {
    padding: 120px 63px 50px 63px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .home-sidebar-left .sidebar-copyright {
        padding: 40px 63px 50px 63px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .home-sidebar-left .sidebar-copyright {
        padding: 40px 63px 50px 63px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home-sidebar-left .sidebar-copyright {
        padding: 40px 15px 50px 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-sidebar-left .sidebar-copyright {
        padding: 50px 15px 50px 30px;
    }
}
.home-sidebar-left .sidebar-copyright p {
    letter-spacing: 0.9px;
    color: #313131;
    margin: 0;
    text-align: center;
}

.home-sidebar-right {
    border-left: 1px solid #efefef;
    margin-left: 375px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .home-sidebar-right {
        margin-left: 300px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .home-sidebar-right {
        margin-left: 280px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home-sidebar-right {
        margin-left: 250px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-sidebar-right {
        margin-left: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .home-sidebar-right {
        margin-left: 0px;
    }
}

.sidebar-menu {
    padding: 0px 0 0px 108px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .sidebar-menu {
        padding: 0px 0 0px 50px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .sidebar-menu {
        padding: 0px 0 0px 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar-menu {
        padding: 0px 0 0px 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar-menu {
        padding: 0px 0 0px 30px;
    }
}
.sidebar-menu nav ul li {
    padding-bottom: 33px;
    position: relative;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .sidebar-menu nav ul li {
        padding-bottom: 20px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .sidebar-menu nav ul li {
        padding-bottom: 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar-menu nav ul li {
        padding-bottom: 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar-menu nav ul li {
        padding-bottom: 12px;
    }
}
.sidebar-menu nav ul li:last-child {
    padding-bottom: 0;
}
.sidebar-menu nav ul li ul.submenu {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
    display: block;
    left: 100%;
    padding: 20px 0px 22px;
    position: absolute;
    top: 0;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 190px;
    z-index: 999;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar-menu nav ul li ul.submenu {
        overflow-y: auto;
        max-height: 250px;
    }
}
.sidebar-menu nav ul li ul.submenu li {
    display: block;
    padding: 0 20px;
    margin-left: 0px;
}
.sidebar-menu nav ul li ul.submenu li a {
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    text-transform: capitalize;
    padding-top: 0px;
}
.sidebar-menu nav ul li ul.submenu li a:hover {
    color: #009ee2;
}
.sidebar-menu nav ul li ul.submenu li a::before {
    background: #009ee2 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 7px;
    left: 15px;
    opacity: 0;
    position: absolute;
    top: 13px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 7px;
    z-index: 999;
}
.sidebar-menu nav ul li ul.submenu li:hover a::before {
    opacity: 1;
}
.sidebar-menu nav ul li ul.submenu li:hover a {
    padding-left: 12px;
}
.sidebar-menu nav ul li:hover > ul.submenu {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;
}
.sidebar-menu nav ul li ul.mega-menu {
    background-color: #fff;
    display: block;
    left: 100%;
    padding: 40px 40px 0px 40px;
    position: absolute;
    text-align: left;
    top: 0;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 750px;
    z-index: 999;
    -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .sidebar-menu nav ul li ul.mega-menu {
        top: -50px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .sidebar-menu nav ul li ul.mega-menu {
        top: -50px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar-menu nav ul li ul.mega-menu {
        top: -80px;
        width: 720px;
    }
}
.sidebar-menu nav ul li ul.mega-menu > li {
    display: inline-block;
    float: left;
    margin-left: 0;
    padding: 0;
    width: 33.33%;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-title {
    float: inherit;
    width: 100%;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-title a {
    color: #242424;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-title a::before {
    display: none;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-title:hover a {
    padding-left: 0px;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li {
    display: block;
    float: inherit;
    padding: 0px;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li a {
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    text-transform: capitalize;
    padding-top: 0px;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li a:hover {
    color: #009ee2;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li a::before {
    background: #009ee2 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 7px;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 13px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 7px;
    z-index: 999;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-img:hover a {
    padding-left: 0px;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li.mega-menu-img a::before {
    display: none;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li:hover a::before {
    opacity: 1;
}
.sidebar-menu nav ul li ul.mega-menu > li ul li:hover a {
    padding-left: 12px;
}
.sidebar-menu nav ul li ul.mega-menu.mega-menu-padding {
    padding: 40px 40px 36px 40px;
}
.sidebar-menu nav ul li:hover > ul.mega-menu {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;
}
.sidebar-menu nav ul li a {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.8px;
    text-transform: capitalize;
    display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .sidebar-menu nav ul li a {
        font-size: 16px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar-menu nav ul li a {
        font-size: 16px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar-menu nav ul li a {
        font-size: 16px;
    }
}
.sidebar-menu nav ul li a span {
    float: right;
    padding-right: 20px;
}
.sidebar-menu nav ul li:hover a {
    color: #009ee2;
}

.header-hm4-none {
    display: none;
}
@media only screen and (max-width: 767px) {
    .header-hm4-none {
        display: block;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-hm4-none {
        display: block;
    }
}

/* home 5 */
.wrapper {
    margin: 20px 20px;
}
@media only screen and (max-width: 767px) {
    .wrapper {
        margin: 0px 0px;
    }
}

.transparent-bar {
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.header-padding-3 .container-fluid {
    padding: 0 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .header-padding-3 .container-fluid {
        padding: 0 40px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-padding-3 .container-fluid {
        padding: 0 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-padding-3 .container-fluid {
        padding: 0 40px;
    }
}
@media only screen and (max-width: 767px) {
    .header-padding-3 .container-fluid {
        padding: 0 15px;
    }
}

/* home 7 */
.clickable-menu {
    margin-top: 35px;
}
.clickable-menu a {
    color: #fff;
    font-size: 30px;
    line-height: 1;
    display: inline-block;
}
.clickable-menu a:hover {
    color: #009ee2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .clickable-menu {
        margin-top: -3px;
    }
}
@media only screen and (max-width: 767px) {
    .clickable-menu {
        margin-top: -3px;
    }
}

.clickable-mainmenu {
    background: white none repeat scroll 0 0;
    color: #353535;
    height: 100vh;
    overflow-y: auto;
    padding: 130px 35px 40px;
    position: fixed;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    transform: translateX(-110%);
    -webkit-transition: -webkit-transform 0.5s ease-in-out 0s;
    transition: -webkit-transform 0.5s ease-in-out 0s;
    -o-transition: transform 0.5s ease-in-out 0s;
    transition: transform 0.5s ease-in-out 0s;
    transition: transform 0.5s ease-in-out 0s, -webkit-transform 0.5s ease-in-out 0s;
    width: 300px;
    z-index: 9999;
}
.clickable-mainmenu.inside {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    z-index: 9999;
}
@media only screen and (max-width: 767px) {
    .clickable-mainmenu {
        padding: 100px 35px 40px;
    }
}
.clickable-mainmenu .clickable-mainmenu-icon button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #000;
    cursor: pointer;
    font-size: 50px;
    padding: 0;
    position: absolute;
    left: 20px;
    top: 20px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.clickable-mainmenu .clickable-mainmenu-icon button:hover {
    color: #009ee2;
}
.clickable-mainmenu .side-logo {
    margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
    .clickable-mainmenu .side-logo {
        margin-bottom: 40px;
    }
}
.clickable-mainmenu .clickable-menu-style {
    background: transparent;
}
.clickable-mainmenu .clickable-menu-style ul li a {
    color: #000;
    font-size: 16px;
    text-transform: capitalize;
    padding: 0 0 20px;
}
.clickable-mainmenu .clickable-menu-style ul li a:hover {
    background: transparent;
    color: #009ee2;
}
.clickable-mainmenu .side-social {
    margin-top: 50px;
}
.clickable-mainmenu .side-social ul li {
    display: inline-block;
    margin: 0 30px 0 0;
    position: relative;
}
.clickable-mainmenu .side-social ul li:last-child {
    margin-right: 0;
}
.clickable-mainmenu .side-social ul li:before {
    position: absolute;
    right: -20px;
    top: 50%;
    background: #999;
    height: 1px;
    width: 10px;
    content: "";
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.clickable-mainmenu .side-social ul li:last-child:before {
    display: none;
}
.clickable-mainmenu .side-social ul li a {
    font-size: 18px;
}
.clickable-mainmenu .side-social ul li a.facebook {
    color: #3b5999;
}
.clickable-mainmenu .side-social ul li a.facebook:hover {
    color: #333;
}
.clickable-mainmenu .side-social ul li a.dribbble {
    color: #ea4c89;
}
.clickable-mainmenu .side-social ul li a.dribbble:hover {
    color: #333;
}
.clickable-mainmenu .side-social ul li a.pinterest {
    color: #bd081c;
}
.clickable-mainmenu .side-social ul li a.pinterest:hover {
    color: #333;
}
.clickable-mainmenu .side-social ul li a.twitter {
    color: #55acee;
}
.clickable-mainmenu .side-social ul li a.twitter:hover {
    color: #333;
}
.clickable-mainmenu .side-social ul li a.linkedin {
    color: #0077b5;
}
.clickable-mainmenu .side-social ul li a.linkedin:hover {
    color: #333;
}

.header-hm-7.stick .clickable-menu {
    margin-top: 19px;
}
.header-hm-7.stick .clickable-menu a {
    color: #282828;
}
.header-hm-7.stick .clickable-menu a:hover {
    color: #009ee2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-hm-7.stick .clickable-menu {
        margin-top: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .header-hm-7.stick .clickable-menu {
        margin-top: 0px;
    }
}

.header-hm-7.stick .logo {
    margin-top: 22px;
    margin-bottom: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-hm-7.stick .logo {
        margin-top: 2px;
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .header-hm-7.stick .logo {
        margin-top: 2px;
        margin-bottom: 0px;
    }
}

.header-hm-7.stick .header-right-wrap {
    margin-top: 22px;
    margin-bottom: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-hm-7.stick .header-right-wrap {
        margin-top: 2px;
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .header-hm-7.stick .header-right-wrap {
        margin-top: 2px;
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-hm-7 .header-right-wrap {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .header-hm-7 .header-right-wrap {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .header-hm-7 .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
        right: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .header-hm-7 .header-right-wrap .same-style.header-search .search-content {
        right: -80px;
    }
}

/* home 8 */
.header-hm8 .header-right-wrap {
    margin-top: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-hm8 .header-right-wrap {
        margin-right: 0;
    }
}
@media only screen and (max-width: 767px) {
    .header-hm8 .header-right-wrap {
        margin-right: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.header-hm8 .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
    top: 125%;
    margin-top: 0;
}
@media only screen and (max-width: 767px) {
    .header-hm8 .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
        right: -99px;
    }
}
.header-hm8 .header-right-wrap .same-style .account-dropdown {
    top: 125%;
    margin-top: 0;
    left: -32px;
}
.header-hm8 .header-right-wrap .same-style.header-search .search-content {
    top: 125%;
}
@media only screen and (max-width: 767px) {
    .header-hm8 .header-right-wrap .same-style.header-search .search-content {
        right: -150px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-hm8 .header-right-wrap .same-style.header-search .search-content {
        right: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-hm8 .header-res-padding {
        padding: 20px 0 20px;
    }
    .header-hm8 .mean-container a.meanmenu-reveal {
        top: -26px;
    }
}

@media only screen and (max-width: 767px) {
    .header-hm8 .header-res-padding {
        padding: 20px 0 20px;
    }
    .header-hm8 .mean-container a.meanmenu-reveal {
        top: -26px;
    }
}

.header-hm8 .stick .logo {
    display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-hm8 .stick .logo {
        display: block;
    }
}
@media only screen and (max-width: 767px) {
    .header-hm8 .stick .logo {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-hm8 .logo {
        text-align: left !important;
    }
}

@media only screen and (max-width: 767px) {
    .header-hm8 .logo {
        text-align: left !important;
    }
}

.header-hm8 .main-menu {
    padding-bottom: 8px;
}
.header-hm8 .main-menu nav ul li > a {
    line-height: 60px;
}

/* home 9 */
.header-hm9 .main-menu nav ul li a {
  xline-height: 72px;
	line-height: normal;
}

.header-hm9 .header-top-area, .tophead {
  padding: 0px 0rem;
}
@media only screen and (max-width: 767px) {
	.header-hm9 .header-top-area, .tophead {
	  padding: 0px 0rem;
	}
}

.header-hm9 .header-top-area.header-top-border17 {
    border-bottom: 1px solid #9f9f9f;
}

.header-hm9 .header-right-wrap {
    margin-top: 13px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-hm9 .header-right-wrap {
        margin-right: 0;
    }
}
@media only screen and (max-width: 767px) {
    .header-hm9 .header-right-wrap {
        margin-right: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media only screen and (max-width: 767px) {
    .header-hm9 .header-right-wrap .same-style.cart-wrap .shopping-cart-content {
        right: -97px;
    }
}

.header-hm9 .logo-hm9 {
    margin-top: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-hm9 .mean-container a.meanmenu-reveal {
        top: -26px;
    }
    .header-hm9 .header-res-padding {
        padding: 20px 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    .header-hm9 .mean-container a.meanmenu-reveal {
        top: -26px;
    }
    .header-hm9 .header-res-padding {
        padding: 0px 0 15px;
    }
}

/* header hm10 */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-in-container .header-top-wap {
        display: block;
        margin-bottom: 15px;
        margin-top: 8px;
    }
    .header-in-container .header-top-wap .language-myaccount-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .header-in-container .header-top-wap .header-offer p {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .header-hm9 .header-right-wrap .same-style.header-search .search-content {
        right: -142px;
    }
}





/*----- Slider style  ------*/
.slider-height-800 {
  height: 800px;
}
.slider-height-700 {
  height: 700px;
}
.slider-height-600 {
  height: 600px;
}
.slider-height-0 {
  height: 500px;
}
.slider-height-01 {
  height: 400px;
}
.slider-height-02 {
  height: 300px;
}
.slider-height-03 {
  height: 200px;
}
.slider-height-04 {
  height: 100px;
}


/*
*******************************************/
.xxxslider-height-600 {
	background: transparent url(https://us-ws.gr-cdn.com/images/pages/homepage/bfeatures/line2.svg);
  background-position: calc(50% + 630px) calc(100% - 200px);
  background-size: 1400px 600px;
}
.section-subpages-header {
  position: relative;
}
.section-subpages-header  .container-text h1 {
  color: #091e3f;
}
.section-subpages-header .container-text p {
  margin-top: 40px;
	margin-left: 8px;
  padding-left: 30px;
  border-left: 4px solid #009ee2;
  color: #606469;
  font-size: 20px;
  line-height: 30px;
	margin-bottom: 75px;
}

.section-subpages-features {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
	.section-subpages-features {
	    position: relative;
	    z-index: 1;
	    top: 60px;
	}
}

.section-subpages-features .wrapper {
  overflow: hidden;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 75px 0;
}
.section-subpages-features .wrapper:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #044a75;
	border-radius: 25px;
}
.section-subpages-features .wrapper h2 > img {
	width:30px;
	position: relative;
	display: inline-block;
}
.section-subpages-features .wrapper h1 {
	position: relative;
	xdisplay: inline-block;
  font-size: 30px;
  line-height: normal;
	color: #fff;
	font-weight: 500;
	letter-spacing: 2px;
}
.section-subpages-features .wrapper h2 {
	position: relative;
	xdisplay: inline-block;
  font-size: 20px;
  line-height: 29px;
	color: #fff;
	font-weight: 400;
}
.section-subpages-features .wrapper p {
  font-size: 15px;
	color: #fff;
	font-size: 16px;
  line-height: 26px;
  color: rgba(255,255,255,.6);
}

.section-subpages-tools {
	background: linear-gradient(180deg,#ededf2 0%,#fff 100%);
	padding-top: 400px;
	margin-top: -350px;
	position: relative;
}

@media (min-width: 1280px){
	.is-x-large {
	  font-size: 80px;
	  line-height: calc(90px);
	}
}
@media (min-width: 768px){
	.is-x-large {
	  font-size: 50px;
	  line-height: calc(60px);
	}
}
.is-x-large {
	font-size: 50px !important;
	line-height: normal;
	font-weight: 500;
	color:#009ee2;
	letter-spacing: -1px;
}
.is-m-large {
	font-size: 28px !important;
	line-height: normal;
	font-weight: 400;
	letter-spacing: -0.5px;
}



.slider-height-1 {
    height: 700px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-1 {
        height: 650px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-1 {
        height: 520px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-1 {
        height: 450px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-1 {
        height: auto;
        padding: 50px 0 0;
    }
    .slider-height-1.slider-height-res15 {
        padding: 0px 0 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-height-1 {
        padding: 38px 0 0;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-1.slider-height-res {
        height: 400px;
        position: relative;
    }
    .slider-height-1.slider-height-res:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #fff;
        opacity: 0.5;
    }
}

.single-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.single-slider .slider-content {
    padding: 183px 0 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-slider .slider-content {
        padding: 80px 0 0;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-slider .slider-content {
        padding: 45px 0 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-slider .slider-content {
        padding: 0px 0 0;
    }
}
@media only screen and (max-width: 767px) {
    .single-slider .slider-content {
        padding: 0px 0 40px;
        text-align: center;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-slider .slider-content {
        padding: 0px 0 0px;
        text-align: left;
    }
}
.single-slider .slider-content h3 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}
.single-slider .slider-content h1 {
    line-height: 97px;
    font-size: 72px;
    color: #010101;
    margin: 6px 0 37px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-slider .slider-content h1 {
        line-height: 65px;
        font-size: 52px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-slider .slider-content h1 {
        line-height: 52px;
        font-size: 40px;
        margin: 6px 0 20px;
    }
}
@media only screen and (max-width: 767px) {
    .single-slider .slider-content h1 {
        line-height: 48px;
        font-size: 33px;
        margin: 6px 0 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-slider .slider-content h1 {
        font-size: 30px;
        margin: 6px 0 10px;
    }
}
.single-slider .slider-content .slider-btn a {
    font-size: 16px;
    color: #010101;
    display: inline-block;
    border: 1px solid #333;
    text-transform: uppercase;
    line-height: 1;
    padding: 19px 50px 21px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-slider .slider-content .slider-btn a {
        padding: 15px 35px 17px;
    }
}
@media only screen and (max-width: 767px) {
    .single-slider .slider-content .slider-btn a {
        padding: 15px 35px 17px;
    }
}
.single-slider .slider-content .slider-btn a:hover {
    border: 1px solid #009ee2;
    color: #fff;
}
.single-slider .slider-content.slider-content-10 {
    padding-top: 0;
}
@media only screen and (max-width: 767px) {
    .single-slider .slider-content.slider-content-10 {
        text-align: center;
        display: block;
        width: 100%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-slider .slider-content.slider-content-10 {
        text-align: left;
    }
}
.single-slider .slider-single-img {
    margin: 0 -80px 0 -80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-slider .slider-single-img {
        margin: 0 0px 0 0px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-slider .slider-single-img {
        margin: 0 0px 0 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-slider .slider-single-img {
        margin: 0 0px 0 0px;
    }
}
@media only screen and (max-width: 767px) {
    .single-slider .slider-single-img {
        margin: 0 0px 0 0px;
    }
}
.single-slider.single-slider-10 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.owl-item .slider-content * {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-item.active .slider-animated-1 h3 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1 h1 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
	font-family: 'proxima_nova_rgbold','Poppins', 'Roboto', 'Helvetica', sans-serif;
}

.owl-item.active .slider-animated-1 h5 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1 p {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1 a {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1 .content-img img {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1.slider-single-img img {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1.single-slider-img4 img {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1.slider-singleimg-hm9 img {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.owl-item.active .slider-animated-1.slider-singleimg-hm11 img {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.owl-item.active .slider-animated-2 h3 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-2 h1 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-2 a {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-2.slider-singleimg-hm10 img {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.nav-style-1.owl-carousel .owl-nav div {
    color: #999;
    display: inline-block;
    font-size: 40px;
    left: 80px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .nav-style-1.owl-carousel .owl-nav div {
        left: 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-style-1.owl-carousel .owl-nav div {
        left: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-style-1.owl-carousel .owl-nav div {
        left: 15px;
        font-size: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .nav-style-1.owl-carousel .owl-nav div {
        left: 15px;
        font-size: 30px;
    }
}
.nav-style-1.owl-carousel .owl-nav div:hover {
    color: #009ee2;
}
.nav-style-1.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .nav-style-1.owl-carousel .owl-nav div.owl-next {
        right: 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-style-1.owl-carousel .owl-nav div.owl-next {
        right: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-style-1.owl-carousel .owl-nav div.owl-next {
        right: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .nav-style-1.owl-carousel .owl-nav div.owl-next {
        right: 15px;
    }
}

.nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
    font-size: 50px;
    left: -155px;
    color: #8d8c8c;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
        left: -80px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
        left: -80px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
        left: -30px;
    }
}
@media only screen and (max-width: 767px) {
    .nav-style-1.owl-carousel.nav-testi-style .owl-nav div {
        display: none;
    }
}
.nav-style-1.owl-carousel.nav-testi-style .owl-nav div:hover {
    color: #3d6882;
}
.nav-style-1.owl-carousel.nav-testi-style .owl-nav div.owl-next {
    right: -155px;
    left: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .nav-style-1.owl-carousel.nav-testi-style .owl-nav div.owl-next {
        right: -80px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-style-1.owl-carousel.nav-testi-style .owl-nav div.owl-next {
        right: -80px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-style-1.owl-carousel.nav-testi-style .owl-nav div.owl-next {
        right: -30px;
    }
}

.nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav div {
    left: -80px;
    color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav div {
        left: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav div {
        display: none;
    }
}
.nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav div.owl-next {
    right: -80px;
    left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav div.owl-next {
        right: 0px;
        left: auto;
    }
}
@media only screen and (max-width: 767px) {
    .nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav div.owl-next {
        display: none;
    }
}

.slider-area:hover .nav-style-1.owl-carousel > .owl-nav div {
    opacity: 1;
    visibility: visible;
}

.slider-area.ml-10 {
    margin-left: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-area.ml-70 {
        margin-left: 15px;
    }
    .slider-area.mr-70 {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-area.ml-70 {
        margin-left: 30px;
    }
    .slider-area.mr-70 {
        margin-right: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-area.ml-70 {
        margin-left: 40px;
    }
    .slider-area.mr-70 {
        margin-right: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .slider-area.ml-70 {
        margin-left: 15px;
    }
    .slider-area.mr-70 {
        margin-right: 15px;
    }
}

/* slider style-2 */
.slider-content-2 {
    margin-top: -6px;
}
@media only screen and (max-width: 767px) {
    .slider-content-2 {
        text-align: center;
    }
}
.slider-content-2 h3 {
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    margin-left: 135px;
    margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .slider-content-2 h3 {
        margin-left: 0px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-content-2 h3 {
        margin-left: 60px;
    }
}
.slider-content-2 h3::before {
    position: absolute;
    left: -135px;
    top: 14px;
    content: "";
    width: 120px;
    height: 2px;
    background-color: #000000;
}
@media only screen and (max-width: 767px) {
    .slider-content-2 h3::before {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-content-2 h3::before {
        display: block;
        left: 80px;
        width: 60px;
    }
}
.slider-content-2 h1 {
    font-size: 72px;
    line-height: 97px;
    color: #010101;
    margin: 6px 0 37px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-content-2 h1 {
        font-size: 60px;
        line-height: 80px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-2 h1 {
        font-size: 56px;
        line-height: 70px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-2 h1 {
        font-size: 45px;
        line-height: 60px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-2 h1 {
        font-size: 35px;
        line-height: 45px;
    }
}
.slider-content-2 .slider-btn a {
    font-size: 16px;
    color: #010101;
    display: inline-block;
    border: 1px solid #333;
    text-transform: uppercase;
    line-height: 1;
    padding: 19px 50px 21px;
    background-color: #eeeff1;
}
@media only screen and (max-width: 767px) {
    .slider-content-2 .slider-btn a {
        padding: 14px 30px 16px;
    }
}
.slider-content-2 .slider-btn a:hover {
    border: 1px solid #009ee2;
    color: #fff;
}
.slider-content-2.slider-content-fruits h3 {
    color: #6eab49;
}
.slider-content-2.slider-content-fruits h3::before {
    background-color: #6eab49;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-content-2.slider-content-fruits h3::before {
        left: 45px;
    }
}
.slider-content-2.slider-content-fruits h1 {
    font-size: 71px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-content-2.slider-content-fruits h1 {
        font-size: 55px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-2.slider-content-fruits h1 {
        font-size: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-2.slider-content-fruits h1 {
        font-size: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-2.slider-content-fruits h1 {
        font-size: 30px;
        margin: 6px 0 20px;
    }
}
.slider-content-2.slider-content-fruits .slider-btn a {
    font-size: 16px;
    color: #fff;
    border: 1px solid #6eab49;
    background-color: #6eab49;
}
.slider-content-2.slider-content-fruits .slider-btn a:hover {
    border: 1px solid #009ee2;
    color: #fff;
}
.slider-content-2.slider-content-organic h3 {
    color: #ab87cd;
    letter-spacing: 0.8px;
}
.slider-content-2.slider-content-organic h3::before {
    background-color: #009ee2;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-content-2.slider-content-organic h3::before {
        left: 45px;
    }
}
.slider-content-2.slider-content-organic h1 {
    font-size: 72px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-content-2.slider-content-organic h1 {
        font-size: 55px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-2.slider-content-organic h1 {
        font-size: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-2.slider-content-organic h1 {
        font-size: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-2.slider-content-organic h1 {
        font-size: 30px;
        margin: 6px 0 20px;
    }
}
.slider-content-2.slider-content-organic .slider-btn a {
    font-size: 16px;
    color: #fff;
    border: 1px solid #ab87cd;
    background-color: #ab87cd;
}
.slider-content-2.slider-content-organic .slider-btn a:hover {
    border: 1px solid #009ee2;
    color: #fff;
}
.slider-content-2.slider-content-flower h3 {
    color: #c61a32;
    letter-spacing: 0.8px;
}
.slider-content-2.slider-content-flower h3::before {
    background-color: #c61a32;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-content-2.slider-content-flower h3::before {
        left: 45px;
    }
}
.slider-content-2.slider-content-flower h1 {
    font-size: 66px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-content-2.slider-content-flower h1 {
        font-size: 55px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-2.slider-content-flower h1 {
        font-size: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-2.slider-content-flower h1 {
        font-size: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-2.slider-content-flower h1 {
        font-size: 30px;
        margin: 6px 0 20px;
    }
}
.slider-content-2.slider-content-flower .slider-btn a {
    font-size: 16px;
    color: #fff;
    border: 1px solid #c61a32;
    background-color: #c61a32;
}
.slider-content-2.slider-content-flower .slider-btn a:hover {
    border: 1px solid #009ee2;
    color: #fff;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-slider-2 {
        background-position: 50%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-slider-2 {
        background-position: 42%;
    }
}

@media only screen and (max-width: 767px) {
    .single-slider-2 {
        background-position: 30%;
    }
    .single-slider-2.valentine-slider-bg {
        background-color: 75%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-slider-2 {
        background-position: 22%;
    }
}

/* home 3 */
.slider-height-2 {
    height: 1000px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-2 {
        Xheight: 570px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-2 {
        Xheight: 500px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-2 {
        Xheight: 500px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-2 {
      Xmin-height: 700px;
    }
}
.slider-height-2.slider-content-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slider-content-3 h3 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    position: relative;
    display: inline-block;
}
.slider-content-3 h3::before {
    position: absolute;
    left: -110px;
    top: 16px;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #000000;
}
.slider-content-3 h3::after {
    position: absolute;
    right: -110px;
    top: 16px;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #000000;
}

.slider-content-3 h1 {
    font-size: 72px;
    line-height: 56px;
    margin: 28px 0 23px;
		font-family: 'proxima_nova_rgbold', sans-serif;
		font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-3 h1 {
        font-size: 52px;
        line-height: 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-3 h1 {
        font-size: 52px;
        line-height: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-3 h1 {
        font-size: 35px;
        line-height: 30px;
        margin: 18px 0 13px;
    }
}

.slider-content-3 p {
    font-size: 18px;
    color: #010101;
    margin: 0 0 44px;
}

.slider-content-3 .slider-btn a {
    font-size: 16px;
    color: #010101;
    display: inline-block;
    border: 1px solid #333;
    text-transform: uppercase;
    line-height: 1;
    padding: 19px 50px 21px;
}
.slider-content-3 .slider-btn a:hover {
    border: 1px solid #009ee2;
    color: #fff;
}

.slider-content-3.slider-content-3-white h3 {
    color: #fff;
}
.slider-content-3.slider-content-3-white h3::before {
    background-color: #fff;
}
.slider-content-3.slider-content-3-white h3::after {
    background-color: #fff;
}

.slider-content-3.slider-content-3-black h3::before {
    background-color: #000;
}
.slider-content-3.slider-content-3-black h3::after {
    background-color: #000;
}



.slider-content-3.slider-content-3-white h1 {
    color: #fff;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .slider-content-3.slider-content-3-white h1 {
        font-size: 55px;
        line-height: 45px;
        margin: 20px 0 23px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-content-3.slider-content-3-white h1 {
        font-size: 55px;
        line-height: 45px;
        margin: 20px 0 23px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-3.slider-content-3-white h1 {
        font-size: 47px;
        margin: 20px 0 18px;
    }
}

.slider-content-3.slider-content-3-white p {
    color: #fff;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .slider-content-3.slider-content-3-white p {
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-content-3.slider-content-3-white p {
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-3.slider-content-3-white p {
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-3.slider-content-3-white p {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-3.slider-content-3-white p {
        margin-bottom: 20px;
    }
}

.slider-content-3.slider-content-3-white .slider-btn a {
    border: 1px solid transparent;
    background-color: #e6e6e6;
    padding: 17px 41px 16px;
    z-index: 9;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-content-3.slider-content-3-white .slider-btn a {
        padding: 12px 30px 11px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-3.slider-content-3-white .slider-btn a {
        padding: 12px 30px 11px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-3.slider-content-3-white .slider-btn a {
        padding: 12px 30px 11px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-3.slider-content-3-white .slider-btn a {
        padding: 12px 30px 11px;
    }
}
.slider-content-3.slider-content-3-white .slider-btn a:hover {
    border: 1px solid #009ee2;
}

.slider-content-3.slider-content-4 {
    margin-left: 112px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .slider-content-3.slider-content-4 {
        margin-left: 30px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-content-3.slider-content-4 {
        margin-left: 0px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-3.slider-content-4 {
        margin-left: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-3.slider-content-4 {
        margin-left: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-3.slider-content-4 {
        margin-left: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-3.slider-content-4 h1 {
        font-size: 34px;
        line-height: 35px;
        margin: 15px 0 15px;
    }
}
.slider-content-3.slider-content-4 h3:before {
    display: none;
}
.slider-content-3.slider-content-4 h3:after {
    display: none;
}

/* slider hm4 */
.slider-height-3 {
    height: 710px;
}
.slider-height-3 .container {
    margin-right: inherit;
    margin-left: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-3 {
        height: 570px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-3 {
        height: 500px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-3 {
        height: 500px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-3 {
        height: 400px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-3.slider-height-res-hm4 {
        height: 680px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-height-3.slider-height-res-hm4 {
        height: 400px;
    }
}

.single-slider-img4 {
    position: relative;
    margin: 0 -77px 0 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-slider-img4 {
        margin: 0 0px 0 0px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-slider-img4 {
        margin: 0 0px 0 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-slider-img4 {
        margin: 0 0px 0 0px;
    }
}
@media only screen and (max-width: 767px) {
    .single-slider-img4 {
        margin: 30px 0 0;
    }
}
.single-slider-img4 .single-price-wrap {
    position: absolute;
    top: 0;
    right: -24px;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: bounce-img;
    animation-name: bounce-img;
    -webkit-animation-duration: 2.9s;
    animation-duration: 2.9s;
    width: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-slider-img4 .single-price-wrap {
        right: 0px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-slider-img4 .single-price-wrap {
        right: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-slider-img4 .single-price-wrap {
        right: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .single-slider-img4 .single-price-wrap {
        right: 0px;
    }
}
.single-slider-img4 .single-price-wrap img {
    width: 100%;
}
.single-slider-img4 .single-price-wrap .single-price {
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: 26px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}
.single-slider-img4 .single-price-wrap .single-price span {
    display: block;
    line-height: 1;
    font-size: 24px;
    color: #915342;
    font-weight: 600;
}
.single-slider-img4 .single-price-wrap .single-price span.dollar {
    margin-top: 2px;
}

/* slider 5 */
.slider-height-4 {
    height: 750px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .slider-height-4 {
        height: 600px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-4 {
        height: 600px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-4 {
        height: 550px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-4 {
        height: 530px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-4 {
        height: 500px;
    }
}

.slider-content-5 {
    padding-top: 66px;
}
.slider-content-5 h3 {
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 30px;
    margin: 0;
    color: #fff;
}
.slider-content-5 h1 {
    font-weight: 500;
    font-size: 72px;
    margin: 27px 0 22px;
    letter-spacing: 0.5px;
    color: #fff;
    line-height: 56px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-5 h1 {
        font-size: 58px;
        margin: 17px 0 20px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-5 h1 {
        font-size: 45px;
        margin: 15px 0 15px;
        line-height: 38px;
    }
}
.slider-content-5 p {
    font-size: 18px;
    color: #fff;
    margin: 0 0 45px;
}

.slider-btn-5 a {
    font-size: 16px;
    color: #010101;
    background-color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 17px 40px 18px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.slider-btn-5 a:hover {
    border: none;
    color: #fff;
}

.nav-style-2.owl-carousel > .owl-nav div {
    color: #000;
    display: inline-block;
    font-size: 60px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 65px;
    height: 84px;
    line-height: 94px;
    background-color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-style-2.owl-carousel > .owl-nav div {
        width: 45px;
        height: 64px;
        line-height: 74px;
        font-size: 45px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-style-2.owl-carousel > .owl-nav div {
        width: 45px;
        height: 64px;
        line-height: 74px;
        font-size: 45px;
    }
}
@media only screen and (max-width: 767px) {
    .nav-style-2.owl-carousel > .owl-nav div {
        width: 35px;
        height: 50px;
        line-height: 54px;
        font-size: 30px;
    }
}
.nav-style-2.owl-carousel > .owl-nav div:hover {
    color: #fff;
    background-color: #009ee2;
}
.nav-style-2.owl-carousel > .owl-nav div.owl-next {
    left: auto;
    right: 0px;
}

.slider-area:hover .nav-style-2.owl-carousel > .owl-nav div {
    opacity: 1;
    visibility: visible;
}

.slider-area.ml-10 {
    margin-left: 0;
}

/* slider 6 hm7 */
.slider-height-5 {
    height: 850px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .slider-height-5 {
        height: 600px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-5 {
        height: 600px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-5 {
        height: 550px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-5 {
        height: 530px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-5 {
        height: 500px;
    }
}

.slider-content-6 h1 {
    font-weight: 500;
    font-size: 60px;
    letter-spacing: 8px;
    color: #fff;
    margin: 0px;
    line-height: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-6 h1 {
        font-size: 45px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-6 h1 {
        font-size: 45px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-6 h1 {
        font-size: 30px;
        line-height: 38px;
    }
}

.slider-content-6 p {
    margin: 32px 0 35px;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-6 p {
        margin: 22px 0 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-6 p {
        margin: 22px 0 30px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-6 p {
        margin: 18px 0 25px;
    }
}

.nav-style-3.owl-carousel > .owl-nav {
    position: absolute;
    right: 0;
    bottom: 0;
}
.nav-style-3.owl-carousel > .owl-nav div {
    color: #000;
    display: inline-block;
    font-size: 60px;
    left: 0px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 65px;
    height: 84px;
    line-height: 94px;
    background-color: #fff;
}
@media only screen and (max-width: 767px) {
    .nav-style-3.owl-carousel > .owl-nav div {
        width: 50px;
        height: 60px;
        font-size: 45px;
        line-height: 67px;
    }
}
.nav-style-3.owl-carousel > .owl-nav div:hover {
    background-color: #009ee2;
    color: #fff;
}

/* slider hm8 */
.slider-height-6 {
    height: 543px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-6 {
        height: 500px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-6 {
        height: 400px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-6 {
        height: 400px;
    }
}

.slider-hm8 .slider-content-5 {
    padding-top: 0px;
}

.slider-hm8 p {
    margin: 0 0 0px;
}



/* HOMEPAGE MAIN CAROUSEL SLIDER NAV *******************************/
.nav-style-4.owl-carousel .owl-nav div {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    height: 35px;
    width: 35px;
    line-height: 35px;
    background-color: #009ee2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-style-4.owl-carousel .owl-nav div {
        font-size: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .nav-style-4.owl-carousel .owl-nav div {
        font-size: 30px;
    }
}
.nav-style-4.owl-carousel .owl-nav div:hover {
    color: #fff;
    background-color: #333;
}
.nav-style-4.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 0px;
}


/* HOMEPAGE MAIN CAROUSEL SLIDER DOTS *******************************/
.owl-dot-style .owl-dots {
	bottom: 60px;
  left: 0px;
  position: absolute;
  right: 0;
  text-align: center;
}
.owl-dot-style .owl-dots .owl-dot {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 14px;
    margin: 0 8px;
    width: 14px;
    position: relative;
}
.owl-dot-style .owl-dots .owl-dot:before {
    position: absolute;
    content: "";
    left: -3px;
    right: -3px;
    top: -3px;
    bottom: -3px;
    border: 1px solid transparent;
    border-radius: 100%;
}
.owl-dot-style .owl-dots .owl-dot.active:before {
    border: 2px solid #fff;
}
@media only screen and (max-width:375px) {
	.owl-dot-style .owl-dots {
	bottom: 35px;
  left: 0px;
  position: absolute;
  right: 0;
  text-align: center;
	}
}




/* slider hm9 */
.slider-height-7 {
    height: 900px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-7 {
        height: 750px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-7 {
        height: 600px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-7 {
        height: 400PX;
        padding: 230px 0 100px;
    }
}

.slider-h9-mrg {
    margin-top: -35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-h9-mrg {
        margin-top: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-h9-mrg {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-h9-mrg {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .slider-content-7 {
        text-align: center;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-content-7 {
        text-align: left;
    }
}

.slider-content-7 h3 {
    font-size: 16px;
    font-weight: 500;
    color: #313131;
    margin: 0;
    letter-spacing: 0.3px;
    line-height: 1;
}

.slider-content-7 h1 {
    font-size: 48px;
    font-weight: 500;
    color: #313131;
    margin: 17px 0 37px;
    line-height: 65px;
    letter-spacing: 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-7 h1 {
        font-size: 42px;
        line-height: 60px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-7 h1 {
        font-size: 32px;
        margin: 6px 0 22px;
        line-height: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-7 h1 {
        font-size: 22px;
        margin: 6px 0 22px;
        line-height: 38px;
    }
}

.slider-content-7 .slider-btn-9 a {
    font-size: 16px;
    color: #010101;
    display: inline-block;
    border: 1px solid #333;
    text-transform: uppercase;
    line-height: 1;
    padding: 19px 50px 19px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-7 .slider-btn-9 a {
        padding: 14px 30px 14px;
        font-size: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-7 .slider-btn-9 a {
        padding: 15px 30px 15px;
        font-size: 15px;
    }
}
.slider-content-7 .slider-btn-9 a:hover {
    color: #fff;
    border: 1px solid #009ee2;
}

.slider-content-7.slider-content-mrg-hm17 {
    margin-top: 127px;
}
@media only screen and (max-width: 767px) {
    .slider-content-7.slider-content-mrg-hm17 {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .slider-singleimg-hm9 {
        margin-top: 30px;
    }
    .slider-singleimg-hm9.ml-100 {
        margin-left: 20px;
    }
    .slider-singleimg-hm9.mr-100 {
        margin-right: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-singleimg-hm9 {
        margin-top: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-singleimg-hm9.ml-100 {
        margin-left: 40px;
    }
    .slider-singleimg-hm9.mr-100 {
        margin-right: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-singleimg-hm9.ml-100 {
        margin-left: 70px;
    }
    .slider-singleimg-hm9.mr-100 {
        margin-right: 70px;
    }
}

/* slider hm10 */
.slider-height-8 {
    height: 700px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-8 {
        height: 650px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-8 {
        height: 520px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-8 {
        height: 450px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-8 {
        height: auto;
        padding: 60px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-singleimg-hm10.ml-40 {
        margin-left: 0;
    }
    .slider-singleimg-hm10.mr-40 {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .slider-singleimg-hm10.ml-40 {
        margin-left: 0;
    }
    .slider-singleimg-hm10.mr-40 {
        margin-right: 0;
    }
}





.slider-height-9 {
    height: 780px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-9 {
        height: 700px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-9 {
        height: 630px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-9 {
        height: 500px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-9 {
        height: auto;
        padding: 230px 0 70px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-height-9 {
        padding: 230px 0 70px;
    }
}

.slider-content-11 h3 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    letter-spacing: 1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-11 h3 {
        font-size: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-11 h3 {
        font-size: 20px;
    }
}

.slider-content-11 h1 {
    font-size: 72px;
    margin: 0;
    line-height: 97px;
    color: #010101;
    margin: 15px 0 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-11 h1 {
        margin: 5px 0 27px;
        font-size: 52px;
        line-height: 65px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-11 h1 {
        margin: 3px 0 20px;
        font-size: 45px;
        line-height: 55px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-11 h1 {
        margin: 3px 0 20px;
        font-size: 40px;
        line-height: 50px;
    }
}

.slider-content-11 .slider-btn-11 a {
    font-size: 16px;
    color: #010101;
    display: inline-block;
    border: 1px solid #333;
    text-transform: uppercase;
    line-height: 1;
    padding: 19px 50px 19px;
}
.slider-content-11 .slider-btn-11 a:hover {
    border: 1px solid #009ee2;
    color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-11 .slider-btn-11 a {
        padding: 15px 35px 15px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-11 .slider-btn-11 a {
        padding: 12px 30px 12px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .slider-content-11 {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .slider-content-11.fullpage-content {
        text-align: center;
        width: 100%;
    }
    .slider-content-11.fullpage-content h3 {
        font-size: 16px;
        letter-spacing: 0;
    }
    .slider-content-11.fullpage-content h1 {
        font-size: 30px;
        line-height: 40px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-content-11.fullpage-content h3 {
        font-size: 17px;
        letter-spacing: 0;
    }
    .slider-content-11.fullpage-content h1 {
        font-size: 35px;
    }
}

.slider-singleimg-hm11 {
    margin: 0 22px 0 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-singleimg-hm11 {
        margin: 0 50px 0 60px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-singleimg-hm11 {
        margin: 30px 0px 0 0px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-singleimg-hm11 {
        margin: 0px 0px 0 0px;
    }
}

.slider-h11-mrg {
    margin-bottom: -140px;
}
@media only screen and (max-width: 767px) {
    .slider-h11-mrg {
        margin-bottom: 0px;
    }
}








/** HOMEPAGE
********************************************************************************/

.section-steps {
	padding: 60px 0 20px;
}
@media only screen and (max-width: 420px) {
	.section-steps {
		padding: 20px 0 20px;
	}
}

.row.no-pad {
  margin-right:0;
  margin-left:0;
}
.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

.homepage--steps--icons--wrapper {
	background: #bce9ff;
	z-index: 3;
}
.steps--icons img {
  display:block;
  margin:0 auto;
	xwidth: 75px;
	height:100px;
}


.overlay-steps-howitworks {
  position: relative;
	padding: 10px 100px;
	xbottom: -50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
  z-index: 3;
  color: #fff;
  background: #bce9ff;
  transition: background .3s, box-shadow .3s;
}
.overlay-steps-howitworks.blue {
  background: #bce9ff;
  color: inherit;
}

.steps-howitworks {
	bottom: 70px;
  position: relative;
  text-align: center;
	z-index: 3;
  margin: 0 auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.steps-howitworks2{
  bottom: 0;
  left: 0;
  xmargin: auto;
  position: absolute;
  top: 0;
  right: 0;
	z-index: 3;
}
.steps-howitworks-bg {
  background: #bce9ff;
  display: inline-block;
  padding: 10px 100px;
  position: absolute;
}
.test101 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  xwidth: 100px; /* Need a specific value to work */
	z-index: 3;
}

.steps-wrap-button {
  display: flex;
  justify-content: center;
  height: 20px;
  background: transparent;
	bottom: 70px;
  position: relative;
	z-index: 1;
}

.steps-inner-button {
	border-radius: 25px;
  background: #bce9ff;
  align-self: center;
  padding: 30px 100px;
}

.steps-inner-button h2 {
	letter-spacing: 5px;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	line-height: normal;
}

.steps-wrap-button--icons {
	z-index: 2 !important;
}

@media only screen and (max-width: 420px) {
	.steps-wrap-button {
	  display: flex;
	  justify-content: center;
	  height: 20px;
	  background: transparent;
		bottom: 35px;
	  position: relative;
		z-index: 1;
	}
	.steps-inner-button {
		border-radius: 25px;
	  background: #bce9ff;
	  align-self: center;
	  padding: 10px 30px;
	}
	.steps-inner-button h2 {
		letter-spacing: 0px;
		font-weight: 500;
		font-size: 15px;
		text-align: center;
		line-height: normal;
	}
}





.lookbook-text {
  color: #fff;
  font-size: 14px;
  line-height: 1.5em;
  text-align: left !important;
  position: absolute;
  bottom: 4%;
  left: 0;
  /* width: 65%; */
}
.lookbook-text span {
  display: inline;
  padding: 4px 10px 4px 10px;
  background-color: #009ee2;
  box-shadow: 0.5em 0 0 #009ee2, -0.5em 0 0 #009ee2;
  box-decoration-break: clone;
  line-height: 0.5;
	text-align: left;
}



.border-none {
    border: 0 !important;
}
.bg-sand-yellow-dark {
    background: #4a3b34;
}
.display-table-cell-vertical-middle {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.padding-twenty-two {
    padding: 11.5% !important;
}
.margin-nine-top {
    margin-top: 5% !important;
}
.margin-four-bottom {
    margin-bottom: 2.5% !important;
}
.text-white {
    color: #ffffff !important;
}
.title-extra-large-2 {
    font-size: 45px !important;
    line-height: 50px;
}

.alt-font {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
}
.cover-background {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
}






.sketch-iframe-wrapper iframe {
	width:670px;
	height:800px;
}
@media only screen and (max-width:414px) {
	.sketch-iframe-wrapper iframe {
		width:390px;
		height:500px;
	}
}
@media only screen and (max-width:768px) {
	.sketch-iframe-wrapper iframe {
		width:350px;
		height:600px;
	}
}


.vertical-center {
	width: 100%;
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}

.scribl-menu-steps101 {
	background:#ccc;
	color:#fff;
	padding:3px 5px;
	border-radius: 5px;
	color:222;
	font-size:10px;
	position:relative;
	top:-3px;
	margin-right: 5px;
}
.gfort-block-title h4{
	font-style: normal;
	text-transform: uppercase;
	font-size: 13px !important;
	font-weight: bold;
	color:#009ee2;
	letter-spacing: -0.2px;
}


.icon-block.gfort-block-style-6 {
    text-align: center;
}
.gfort-block {
  padding: 0;
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 0 auto 30px;
}

.gfort-block img{
  width: 40px;
}

.gfort-block-container {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    position: relative;
}
.icon-block.gfort-block-style-6 .gfort-block-head,
.icon-block.gfort-block-style-6.text-right .gfort-block-head {
    float: none;
    width: auto;
    height: auto;
    line-height: 1;
    min-width: 32px;
    font-size: 32px;
    border-radius: 0;
    text-align: center;
    margin: 0 auto 20px;
    background-color: transparent !important;
}
.icon-block.icon-block-main.gfort-block-style-6 .gfort-block-head { color: #dd1d26; }
.icon-block.icon-block-alt.gfort-block-style-6 .gfort-block-head { color: #202020; }

.icon-block.gfort-block-style-6 .gfort-block-head i { line-height: 1; }
.icon-block.gfort-block-style-6 .gfort-block-head i:nth-last-child(2) { display: none; }



.gfort-owl-slider {
    width: 100%;
    z-index: 10;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 auto 30px;
}

.blog-item-media .gfort-owl-slider { margin-bottom: 0; }
.portfolio-item-media .gfort-owl-slider { margin-bottom: 0; }
.portfolio-item-media .owl-carousel.owl-hidden { opacity: 1; }


/* item
----------------------------------------------------------------------------- */
.gfort-owl-slider .gfort-owl-slider-item {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}
.gfort-owl-slider .gfort-owl-slider-item > a {
    width: 100%;
    display: block;
}
.gfort-owl-slider .gfort-owl-slider-item > * { margin-bottom: 0 !important; }


/* Pagination
----------------------------------------------------------------------------- */
/* Wrapper
--------------------------------------------------------- */
.gfort-owl-slider.owl-theme .owl-dots {
    width: auto;
    margin: 0 -4px;
    line-height: 0;
    padding-top: 30px;
}
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 0; }

/* Dots
--------------------------------------------------------- */
.gfort-owl-slider.owl-theme .owl-dots .owl-dot span {
    opacity: 1;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background: transparent;
    border: 2px solid #666666;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;

    -webkit-transition: all 0.30s ease-in-out;
            transition: all 0.30s ease-in-out;
}

/* inside
--------------------------------------------------------- */
.gfort-owl-slider.owl-theme[data-slider-dots-position=inside] .owl-dots {
    left: 50%;
    padding: 0;
    bottom: 10px;
    position: absolute;

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
            transform: translateX(-50%);
}
.gfort-owl-slider.owl-theme[data-slider-dots-position=inside] .owl-dots .owl-dot span { border-color: #ffffff; }

/* Active / Hover
--------------------------------------------------------- */
.gfort-owl-slider.owl-theme .owl-dots .owl-dot:hover span,
.gfort-owl-slider.owl-theme .owl-dots .owl-dot.active span {
    opacity: 1;
    background: #666666;
}

.gfort-owl-slider.owl-theme[data-slider-dots-position=inside] .owl-dots .owl-dot:hover span,
.gfort-owl-slider.owl-theme[data-slider-dots-position=inside] .owl-dots .owl-dot.active span {
    background: #ffffff;
    border-color: #ffffff;
}

/* Navigation
----------------------------------------------------------------------------- */
/* Wrapper
--------------------------------------------------------- */
.gfort-owl-slider.owl-theme .owl-nav {
    margin: 0 auto;
    line-height: 0;
}

/* Arrows
--------------------------------------------------------- */
/* Normal */
.gfort-owl-slider.owl-theme .owl-nav div {
    top: 50%;
    margin: 0;
    padding: 0;
    opacity: 1;
    width: 40px;
    height: 60px;
    font-size: 24px;
    line-height: 60px;
    position: absolute;
    background: rgba(0, 0, 0, 0.30);

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;

    -webkit-transition: all 0.30s ease-in-out;
            transition: all 0.30s ease-in-out;
}

.gfort-owl-slider.owl-theme[data-slider-dots=true] .owl-nav div { margin-top: -20px; }
.gfort-owl-slider.owl-theme[data-slider-dots-position=inside] .owl-nav div { margin-top: 0; }

.gfort-owl-slider.owl-theme .owl-nav div.owl-prev {
    left: 0;
    margin-left: -40px;
    border-radius: 0 2px 2px 0;
}
.gfort-owl-slider.owl-theme .owl-nav div.owl-next {
    right: 0;
    margin-right: -40px;
    border-radius: 2px 0 0 2px;
}

/* Arrow */
[data-slider-arrows-type="arrow"].gfort-owl-slider,
[data-slider-arrows-type="arrow"] .gfort-owl-slider {
    overflow: visible;
}

[data-slider-arrows-type="arrow"] .owl-nav div,
[data-slider-arrows-type="arrow"].gfort-owl-slider.owl-theme .owl-nav div,
[data-slider-arrows-type="arrow"] .gfort-owl-slider.owl-theme .owl-nav div {
    width: 24px;
    height: 32px;
    opacity: 0.70;
    color: #212121;
    font-size: 32px;
    border-radius: 0;
    line-height: 32px;
    background-color: transparent !important;
}

[data-slider-arrows-type="arrow"] .owl-nav div.owl-prev,
[data-slider-arrows-type="arrow"].gfort-owl-slider.owl-theme .owl-nav div.owl-prev,
[data-slider-arrows-type="arrow"] .gfort-owl-slider.owl-theme .owl-nav div.owl-prev {
    margin-left: -48px !important;
}
[data-slider-arrows-type="arrow"] .owl-nav div.owl-next,
[data-slider-arrows-type="arrow"].gfort-owl-slider.owl-theme .owl-nav div.owl-next,
[data-slider-arrows-type="arrow"] .gfort-owl-slider.owl-theme .owl-nav div.owl-next {
    margin-right: -48px !important;
}

/* Hover
--------------------------------------------------------- */
.gfort-owl-slider.owl-theme .gfort-owl-slider-item:hover { cursor: move; }
.gfort-owl-slider.owl-theme.owl-grab .gfort-owl-slider-item:hover {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.gfort-owl-slider.owl-theme:hover .owl-nav div.owl-prev { margin-left: 0; }
.gfort-owl-slider.owl-theme:hover .owl-nav div.owl-next { margin-right: 0; }

.gfort-owl-slider.owl-theme .owl-nav div:hover {
    opacity: 1;
    background: #000000;
}
























#section2 .fp-tableCell,
#section4 .fp-tableCell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#section1 .fp-tableCell,
#section3 .fp-tableCell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

#section5 .fp-tableCell {
    height: auto !important;
}

#section5 {
    height: auto !important;
}

#fp-nav {
    top: 55%;
}
#fp-nav ul li {
    margin: 7px 7px 10px;
}
#fp-nav ul li a span {
    background: #000;
}
#fp-nav.right {
    right: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #fp-nav.right {
        right: 10px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    #fp-nav.right {
        right: 25px;
    }
}

.fullpage-slider-mrg {
    margin-top: -34px;
}
@media only screen and (max-width: 767px) {
    .fullpage-slider-mrg {
        margin-top: 0;
        margin-bottom: 30px;
    }
}

.fullpage-slider-mrg-2 {
    margin-bottom: -88px;
}
@media only screen and (max-width: 767px) {
    .fullpage-slider-mrg-2 {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fullpage-slider-mrg-2 {
        margin-bottom: -50px;
    }
}

.slider-section.active .slider-animated-1 h3 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slider-section.active .slider-animated-1 h1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slider-section.active .slider-animated-1 a {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slider-section.active .slider-animated-1 img {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@media only screen and (max-width: 767px) {
    .slider12-img-2 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.slider12-img-2 img {
    width: 100%;
}

.slider12-img-1 {
    margin: 0 4px 0 6px;
}
.slider12-img-1 img {
    width: 100%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .slider12-img-1 {
        text-align: center;
    }
    .slider12-img-1 img {
        width: 350px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider12-img-1 {
        text-align: center;
    }
    .slider12-img-1 img {
        width: 350px;
    }
    .slider12-img-2 {
        text-align: center;
    }
    .slider12-img-2 img {
        width: 420px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider12-img-1 {
        text-align: center;
    }
    .slider12-img-1 img {
        width: 330px;
    }
}

@media only screen and (max-width: 767px) {
    .fullpage-wrapper {
        padding-top: 130px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
    .fullpage-wrapper {
        padding-top: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .fullpage-slider-wrap-mrg {
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fullpage-slider-wrap-mrg {
        margin-bottom: 0px;
    }
}

/* home 13 */
.slider-content-13 h5 {
    letter-spacing: 1px;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}
@media only screen and (max-width: 767px) {
    .slider-content-13 h5 {
        font-size: 22px;
    }
}

.slider-content-13 h1 {
    font-size: 120px;
    font-weight: 600;
    line-height: 120px;
    margin: 34px 0 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-13 h1 {
        font-size: 90px;
        line-height: 90px;
        margin: 24px 0 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-13 h1 {
        font-size: 80px;
        line-height: 90px;
        margin: 20px 0 30px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-13 h1 {
        font-size: 40px;
        line-height: 50px;
        margin: 15px 0 20px;
    }
}

.slider-content-13 .slider-btn a {
    font-size: 16px;
    color: #010101;
    display: inline-block;
    border: 1px solid #333;
    text-transform: uppercase;
    line-height: 1;
    padding: 19px 50px 19px;
}
.slider-content-13 .slider-btn a:hover {
    color: #fff;
    border: 1px solid #009ee2;
}

@media only screen and (max-width: 767px) {
    .hm-13-slider {
        background-position: 72%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hm-13-slider {
        background-position: 55%;
    }
}

.slider-single-img-14 {
    padding-bottom: 72px;
    margin: 0 23px;
    position: relative;
    z-index: 9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-single-img-14 {
        padding-bottom: 60px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-single-img-14 {
        padding-bottom: 44px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-single-img-14 {
        padding-bottom: 0px;
        margin: 0 0px;
        text-align: center;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-single-img-14 {
        padding-bottom: 38px;
        text-align: inherit;
    }
}
.slider-single-img-14 img {
    width: 100%;
}

.slider-height-14 {
    height: 850px;
    padding: 89px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-14 {
        height: 715px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-14 {
        height: 525px;
        padding: 70px 0 0;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-14 {
        height: auto;
        padding: 120px 0 0;
    }
}

.slider-content-14 {
    margin: -90px 0 0;
}
@media only screen and (max-width: 767px) {
    .slider-content-14 {
        margin: 0px 0 30px;
        text-align: center;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-content-14 {
        margin: 0px 0 30px;
        text-align: left;
    }
}
.slider-content-14 h3 {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    margin: 0 0 0 150px;
    position: relative;
    letter-spacing: 0.8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-14 h3 {
        font-size: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-14 h3 {
        font-size: 20px;
        margin: 0 0 0 100px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-content-14 h3 {
        margin: 0 0 0 60px;
    }
}
.slider-content-14 h3::before {
    position: absolute;
    left: -135px;
    top: 14px;
    content: "";
    width: 120px;
    height: 2px;
    background-color: #fff;
}
@media only screen and (max-width: 767px) {
    .slider-content-14 h3::before {
        left: -100px;
        width: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-14 h3::before {
        left: -60px;
        width: 50px;
    }
}
.slider-content-14 h1 {
    color: #fff;
    font-size: 72px;
    line-height: 97px;
    margin: 14px 0 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-14 h1 {
        font-size: 55px;
        line-height: 75px;
        margin: 10px 0 25px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-14 h1 {
        font-size: 42px;
        line-height: 60px;
        margin: 10px 0 25px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-14 h1 {
        font-size: 33px;
        line-height: 50px;
        margin: 5px 0 15px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-content-14 h1 {
        font-size: 30px;
        line-height: 40px;
    }
}
.slider-content-14 .slider-btn a {
    font-size: 16px;
    color: #010101;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1;
    padding: 20px 50px 19px;
    border: none;
    background-color: #eeeff1;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    z-index: 1;
}
@media only screen and (max-width: 767px) {
    .slider-content-14 .slider-btn a {
        padding: 16px 30px 15px;
        font-size: 15px;
    }
}
.slider-content-14 .slider-btn a:hover {
    color: #fff;
}




.slider-height-15 {
  min-height: 800px !important;
	z-index: 999999;
}
.slider-content-15 h1 {
    color: #fff;
    font-size: 90px;
    font-family: "Abril Fatface", cursive;
    line-height: 115px;
    letter-spacing: 1px;
    margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-content-15 h1 {
        font-size: 75px;
        line-height: 100px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-15 h1 {
        font-size: 70px;
        line-height: 85px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-15 h1 {
        font-size: 60px;
        line-height: 85px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-15 h1 {
        font-size: 38px;
        line-height: 55px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-content-15 h1 {
        font-size: 42px;
        line-height: 65px;
    }
}

.slider-content-15.slider15-mrg-nrg h1 {
    margin-top: -26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-15.slider15-mrg-nrg h1 {
        margin-top: -18px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-15.slider15-mrg-nrg h1 {
        margin-top: -20px;
    }
}

.slider-height-18 {
    height: 460px;
}
@media only screen and (max-width: 767px) {
    .slider-height-18 {
        background-position: 85%;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-18.slider-overly-res {
        height: 400px;
        position: relative;
    }
    .slider-height-18.slider-overly-res:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #fff;
        opacity: 0.5;
    }
}

.slider-banner-area {
    margin-top: 163px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-banner-area {
        margin-top: 162px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-banner-area {
        margin-top: 186px;
    }
}

.slider-content-19 {
    position: relative;
    z-index: 9;
}
.slider-content-19 h3 {
    font-size: 18px;
    color: #010101;
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
}
.slider-content-19 h1 {
    font-size: 70px;
    color: #010101;
    margin: 0px 0 40px;
    line-height: 90px;
    font-weight: 300;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-content-19 h1 {
        font-size: 50px;
        margin: 10px 0 20px;
        line-height: 60px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-19 h1 {
        font-size: 43px;
        margin: 10px 0 20px;
        line-height: 55px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-19 h1 {
        font-size: 40px;
        margin: 10px 0 20px;
        line-height: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-19 h1 {
        font-size: 32px;
        margin: 8px 0 30px;
        line-height: 38px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-content-19 h1 {
        font-size: 30px;
        margin: 12px 0 30px;
        line-height: 46px;
    }
}
.slider-content-19.slider-content-19-white h3 {
    color: #fff;
}
.slider-content-19.slider-content-19-white h1 {
    color: #fff;
}
@media only screen and (max-width: 767px) {
    .slider-content-19 {
        text-align: center;
    }
}

.slider-btn-round a {
    display: inline-block;
    font-size: 16px;
    color: #010101;
    border: 1px solid #000000;
    border-radius: 50px;
    line-height: 1;
    padding: 16px 40px;
}
@media only screen and (max-width: 767px) {
    .slider-btn-round a {
        padding: 12px 30px;
        font-size: 14px;
    }
}

.slider-btn-round.slider-btn-round-white a {
    color: #fff;
    border: 1px solid #fff;
}

.slider-content-20 {
    position: relative;
    z-index: 9;
}
.slider-content-20 h3 {
    color: #73848e;
    font-size: 50px;
    font-family: "Great Vibes", cursive;
    margin: 0;
}
@media only screen and (max-width: 767px) {
    .slider-content-20 h3 {
        font-size: 40px;
    }
}
.slider-content-20 h1 {
    color: #010101;
    font-size: 72px;
    margin: 45px 0 25px;
    line-height: 58px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-20 h1 {
        font-size: 58px;
        margin: 30px 0 20px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-20 h1 {
        font-size: 35px;
        margin: 20px 0 10px;
        line-height: 50px;
    }
}
.slider-content-20 p {
    color: #73848e;
    font-size: 16px;
    font-weight: 500;
    margin: 0px 0 53px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-20 p {
        margin: 0px 0 33px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-20 p {
        margin: 0px 0 23px;
    }
}
.slider-content-20.slider-content-20-white h1 {
    color: #fff;
}

.slider-height-20 {
    height: 750px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-20 {
        height: 650px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-20 {
        height: 520px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-20 {
        height: 450px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-20 {
        height: 480px;
        background-position: 70%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-height-20 {
        background-position: 63%;
    }
}

.slider-height-22 {
    height: 770px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-22 {
        height: 650px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-22 {
        height: 520px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-22 {
        height: 450px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-22 {
        height: 480px;
        background-position: 70%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-height-22 {
        background-position: 63%;
    }
}

.slider-content-22 {
    position: relative;
    z-index: 9;
}
.slider-content-22 h3 {
    letter-spacing: 0.8px;
    font-size: 24px;
    font-weight: 500;
}
.slider-content-22 h1 {
    line-height: 97px;
    font-size: 72px;
    margin: 0px 0 37px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-22 h1 {
        line-height: 70px;
        font-size: 60px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-22 h1 {
        line-height: 60px;
        font-size: 47px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-22 h1 {
        line-height: 45px;
        font-size: 35px;
        margin: 0px 0 20px;
    }
}
.slider-content-22.slider-content-22-white h3 {
    color: #fff;
}
.slider-content-22.slider-content-22-white h1 {
    color: #fff;
}

.slider-height-24 {
    height: 800px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-24 {
        height: 570px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-24 {
        height: 500px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-24 {
        height: 500px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-24 {
        height: auto;
        padding: 50px 0;
    }
}
.slider-height-24.slider-content-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slider-height-25 {
    height: 770px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-25 {
        height: 570px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-25 {
        height: 500px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-25 {
        height: 500px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-height-25 {
        height: auto;
        padding: 50px 0;
    }
}
.slider-height-25.slider-content-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slider-btn-12 a {
    display: inline-block;
    background-color: #e90042;
    border: 1px solid #e90042;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
    font-size: 16px;
    padding: 17px 47px 19px;
    z-index: 1;
}
@media only screen and (max-width: 767px) {
    .slider-btn-12 a {
        padding: 13px 30px 15px;
    }
}
.slider-btn-12 a:hover {
    border: 1px solid #009ee2;
}

.slider-content-32 {
    position: relative;
    z-index: 9;
}
.slider-content-32 .content-img img {
    width: auto;
}
.slider-content-32 h1 {
    font-size: 70px;
    line-height: 90px;
    color: #010101;
    font-family: "Lobster", cursive;
    margin: 12px 0 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-32 h1 {
        font-size: 60px;
        line-height: 80px;
        margin: 12px 0 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-32 h1 {
        font-size: 50px;
        line-height: 65px;
        margin: 12px 0 35px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-content-32 h1 {
        font-size: 40px;
        line-height: 47px;
        margin: 12px 0 30px;
    }
}

.valentine-btn a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    border: 1px solid #d70056;
    background-color: #d70056;
    border-radius: 50px;
    line-height: 1;
    padding: 16px 40px;
}
@media only screen and (max-width: 767px) {
    .valentine-btn a {
        padding: 12px 30px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .res-mrg-md-mb {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .res-mrg-md-mb {
        margin-bottom: 30px;
    }
    .slider-singleimg-pets {
        margin-top: 30px;
    }
}

/*-------- 4. Support style  -------*/
.support-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.support-wrap .support-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    margin-right: 20px;
}
.support-wrap .support-icon img {
    width: 100%;
}
.support-wrap .support-content h5 {
    font-size: 18px;
    margin: 0 0 5px;
}
.support-wrap .support-content p {
    color: #666;
    margin: 0;
}
.support-wrap.support-2 {
    margin-left: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .support-wrap.support-2 {
        margin-left: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .support-wrap.support-2 {
        margin-left: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .support-wrap.support-2 {
        margin-left: 0px;
    }
}
.support-wrap.support-2 .support-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41px;
    flex: 0 0 41px;
}
.support-wrap.support-3 {
    margin-left: 9px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .support-wrap.support-3 {
        margin-left: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .support-wrap.support-3 {
        margin-left: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .support-wrap.support-3 {
        margin-left: 0px;
    }
}
.support-wrap.support-3 .support-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41px;
    flex: 0 0 41px;
}
.support-wrap.support-4 {
    margin-left: 23px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .support-wrap.support-4 {
        margin-left: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .support-wrap.support-4 {
        margin-left: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .support-wrap.support-4 {
        margin-left: 0px;
    }
}
.support-wrap.support-4 .support-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
}
.support-wrap:hover .support-icon img {
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
    animation: 500ms ease-in-out 0s normal none 1 running tada;
}

/* support hm3 */
.support-wrap-2 .support-content-2 h5 {
    font-size: 18px;
    color: #494949;
    margin: 15px 0 15px;
    line-height: 24px;
}

.support-wrap-2 .support-content-2 p {
    font-size: 14px;
    color: #6a6a6a;
    margin: 0 auto;
    width: 80%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .support-wrap-2 .support-content-2 p {
        width: 100%;
    }
}

.support-wrap-2:hover .support-content-2 img {
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
    animation: 500ms ease-in-out 0s normal none 1 running tada;
}

.support-wrap-2.support-shape {
    position: relative;
}
.support-wrap-2.support-shape:before {
    position: absolute;
    right: -14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #d5d4d4;
    height: 100px;
    width: 1px;
    content: "";
}

.support-shape2 {
	margin-top:1px;
  border-right: #cdcdcd 1px solid;
  xborder-radius: 10px;
  x-moz-border-radius: 10px;
  x-webkit-border-radius: 10px;
	padding-right:50px;
}



.support-wrap-2.support-shape-2 {
    border: 4px solid #fff;
}

.support-wrap-2.support-shape-3 {
    border: 4px solid #f6f6f6;
}

.support-wrap-2.support-padding-2 {
    padding: 36px 10px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .support-wrap-2.support-padding-2 {
        padding: 36px 5px 30px;
    }
}
@media only screen and (max-width: 767px) {
    .support-wrap-2.support-padding-2 {
        padding: 36px 6px 30px;
    }
}

.support-bg-color-1 {
    background-color: #ccfbe9;
}

.support-bg-color-2 {
    background-color: #f2fbcc;
}

.support-bg-color-3 {
    background-color: #ddfbcc;
}

.support-bg-color-black {
    background-color: #303030;
}

.support-wrap-3 {
    position: relative;
    padding: 30px 10px 24px;
    overflow: hidden;
}
.support-wrap-3 .support-icon-2 {
    position: absolute;
    right: 0;
    bottom: 0;
}
.support-wrap-3 .support-content-3 p {
    color: #000000;
    margin: 4px 0 0;
    font-size: 16px;
    text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
    .support-wrap-3 .support-content-3 p {
        font-size: 15px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .support-wrap-3 .support-content-3 p {
        font-size: 14px;
    }
}
.support-wrap-3 .support-content-3.support-content-3-white p {
    color: #fff;
}
.support-wrap-3:hover .support-icon-2 img {
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
    animation: 500ms ease-in-out 0s normal none 1 running tada;
}

@media only screen and (max-width: 767px) {
    .support-area.pt-80 {
        padding-top: 30px;
    }
    .suppoer-area.pb-60 {
        padding-bottom: 50px;
    }
}

/*------- 5. Section title style  -------*/
@media only screen and (max-width: 767px) {
    .section-title.mb-50 {
        margin-bottom: 30px;
    }
}

.section-title h2 {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 0;
    position: relative;
    display: inline-block;
}
@media only screen and (max-width: 767px) {
    .section-title h2 {
        font-size: 16px;
        line-height: 30px;
    }
    .section-title h2.mb-50 {
        margin-bottom: 30px;
    }
}
.section-title h2::before {
    position: absolute;
    content: "";
    left: -100px;
    background-color: #000;
    width: 80px;
    height: 2px;
    top: 14px;
}
@media only screen and (max-width: 767px) {
    .section-title h2::before {
        left: -40px;
        width: 30px;
    }
}
.section-title h2::after {
    position: absolute;
    content: "";
    right: -100px;
    background-color: #000;
    width: 80px;
    height: 2px;
    top: 14px;
}
@media only screen and (max-width: 767px) {
    .section-title h2::after {
        right: -40px;
        width: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .section-title.mb-55 {
        margin-bottom: 30px;
    }
}

.section-title-2 h2 {
    font-size: 30px;
    color: #000000;
    font-weight: 600;
    margin: 0 0 15px;
    padding: 0 0 15px;
    position: relative;
    display: inline-block;
}
.section-title-2 h2:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    width: 80px;
    height: 2px;
    background-color: #000000;
}

.section-title-2 p {
    color: #333;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .section-title-2.mb-60 {
        margin-bottom: 30px;
    }
}

.section-title-3 h4 {
    font-weight: 500;
    color: #000000;
    font-size: 24px;
}

@media only screen and (max-width: 767px) {
    .section-title-3.mb-40 {
        margin-bottom: 20px;
    }
}

.section-border {
    margin-right: 94px;
    overflow: hidden;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .section-border {
        margin-right: 0px;
    }
}
.section-border::before {
    background-color: #d2d2d2;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 11px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 1;
}
@media only screen and (max-width: 767px) {
    .section-border::before {
        display: none;
    }
}

.section-title-4 {
    position: relative;
    z-index: 99;
}
.section-title-4 h3 {
    font-weight: 600;
    color: #242424;
    font-size: 20px;
    letter-spacing: -0.25px;
    margin: 0;
    line-height: 1;
    padding-right: 45px;
}
@media only screen and (max-width: 767px) {
    .section-title-4 h3 {
        padding-right: 0px;
    }
}

.section-title-5 h2 {
    color: #010101;
    font-size: 48px;
    margin: 0;
    line-height: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-5 h2 {
        font-size: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .section-title-5 h2 {
        font-size: 30px;
        line-height: 27px;
    }
}
.section-title-5 h2.white {
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .section-title-5.mb-60 {
        margin-bottom: 30px;
    }
}

.section-title-6 h2 {
    color: #000;
    font-size: 36px;
    margin: 0;
    font-weight: 600;
}
@media only screen and (max-width: 767px) {
    .section-title-6 h2 {
        font-size: 26px;
    }
}

.section-title-6 p {
    color: #808080;
    font-size: 16px;
    margin: 14px 0 0;
}

.section-title-6 span {
    font-size: 16px;
    color: #808080;
    letter-spacing: 1px;
    margin: 20px 0 0;
    display: block;
}
@media only screen and (max-width: 767px) {
    .section-title-6 span {
        margin: 10px 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .section-title-6.mb-50,
    .section-title-6.mb-45 {
        margin-bottom: 30px;
    }
    .section-title-6.pb-30 {
        padding-bottom: 10px;
    }
}

/*------- 6. Product style  --------*/
.product-area {
    position: relative;
}
@media only screen and (max-width: 767px) {
    .product-area.product-mb-xs {
        padding-bottom: 60px;
    }
    .product-area.pb-65 {
        padding-bottom: 30px;
    }
}

.product-tab-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (max-width: 767px) {
    .product-tab-list.pt-30,
    .product-tab-list.pt-55 {
        padding: 10px 0 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-tab-list.pt-35,
    .product-tab-list.pt-60 {
        padding: 20px 0 30px;
    }
}
@media only screen and (max-width: 767px) {
    .product-tab-list.pt-35,
    .product-tab-list.pt-60 {
        padding: 10px 0 10px;
    }
    .product-tab-list.pb-50 {
        padding-bottom: 30px;
    }
    .product-tab-list.mb-45 {
        margin-bottom: 20px;
    }
}
.product-tab-list a {
    margin: 0 11px;
}
@media only screen and (max-width: 767px) {
    .product-tab-list a {
        margin: 0 11px 5px;
    }
}
.product-tab-list a h4 {
    font-weight: 500;
    font-size: 18px;
    color: #555;
    margin: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.product-tab-list a h4:hover {
    color: #000;
}
.product-tab-list a.active h4 {
    color: #000;
}
.product-tab-list.product-tab-fruits a h4 {
    color: #000000;
    border-bottom: 2px solid transparent;
}
.product-tab-list.product-tab-fruits a h4:hover {
    color: #6eab49;
}
.product-tab-list.product-tab-fruits a.active h4 {
    color: #6eab49;
    border-bottom: 2px solid #6eab49;
}
.product-tab-list.product-tab-cake a h4 {
    color: #000000;
    border-bottom: 2px solid transparent;
}
.product-tab-list.product-tab-cake a h4:hover {
    color: #ed59a0;
}
.product-tab-list.product-tab-cake a.active h4 {
    color: #ed59a0;
    border-bottom: 2px solid #ed59a0;
}
.product-tab-list.product-tab-pink a h4 {
    color: #000000;
    border-bottom: 2px solid transparent;
}
.product-tab-list.product-tab-pink a h4:hover {
    color: #e90042;
}
.product-tab-list.product-tab-pink a.active h4 {
    color: #e90042;
    border-bottom: 2px solid #e90042;
}
.product-tab-list.product-tab-pink2 a h4 {
    color: #000000;
    border-bottom: 2px solid transparent;
}
.product-tab-list.product-tab-pink2 a h4:hover {
    color: #ed59a0;
}
.product-tab-list.product-tab-pink2 a.active h4 {
    color: #ed59a0;
    border-bottom: 2px solid ed59a0e90042;
}
.product-tab-list.product-tab-fashion a {
    margin: 0 23px;
}
@media only screen and (max-width: 767px) {
    .product-tab-list.product-tab-fashion a {
        margin: 0 15px 5px;
    }
}
.product-tab-list.product-tab-fashion a h4 {
    color: #808080;
    font-size: 16px;
}
.product-tab-list.product-tab-fashion a h4:hover {
    color: #000000;
}
.product-tab-list.product-tab-fashion a.active h4 {
    color: #000000;
}
.product-tab-list.product-tab-white a h4 {
    color: #fff;
}

.product-wrap {
    position: relative;
}
.product-wrap .product-img {
    position: relative;
    overflow: hidden;
}
.product-wrap .product-img img {
    width: 100%;
}
.product-wrap .product-img span {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 3px 11px;
    border-radius: 3px;
    font-weight: 500;
}
.product-wrap .product-img span.pink {
    background-color: #009ee2;
}
.product-wrap .product-img span.purple {
    background-color: #009ee2;
}
.product-wrap .product-img .hover-img {
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, 20px);
    -ms-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px);
    -webkit-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
.product-wrap .product-img .product-action {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    z-index: 9;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.product-wrap .product-img .product-action > div {
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    background-color: #009ee2;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.product-wrap .product-img .product-action > div:hover {
    background-color: #000;
}
.product-wrap .product-img .product-action .pro-wishlist {
    width: 48px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.product-wrap .product-img .product-action .pro-cart {
    font-size: 14px;
    width: calc(100% - 48px - 48px);
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.product-wrap .product-img .product-action .pro-quickview {
    width: 48px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.product-wrap .product-img .product-action .pro-same-action a {
    color: #fff;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    display: block;
    width: 100%;
    text-align: center;
    text-transform: capitalize;
}
.product-wrap .product-img .product-action .pro-same-action.pro-wishlist a,
.product-wrap .product-img .product-action .pro-same-action.pro-quickview a {
    margin-top: 2px;
}
.product-wrap .product-content {
    margin: 20px 0 0;
}
.product-wrap .product-content h3 {
    font-size: 16px;
    margin: 0;
}
.product-wrap .product-content .product-rating {
    margin: 3px 0 3px;
}
.product-wrap .product-content .product-rating i {
    font-size: 17px;
    color: #5f5d5d;
    margin: 0 3px;
}
.product-wrap .product-content .product-rating i.yellow {
    color: #ffa900;
}
.product-wrap .product-content .product-price span {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    margin: 0 9px;
    position: relative;
}
.product-wrap .product-content .product-price span::before {
    position: absolute;
    content: "";
    right: -13px;
    top: 10px;
    width: 7px;
    height: 2px;
    background-color: #000;
}
.product-wrap .product-content .product-price span:last-child:before {
    display: none;
}
.product-wrap .product-content .product-price span.old {
    color: #8e8e8e;
    text-decoration: line-through;
}
.product-wrap:hover .hover-img {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.product-wrap:hover .product-action > div {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.modal-dialog {
    margin: 8% auto;
    max-width: 960px;
    width: 960px;
    padding: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .modal-dialog {
        width: 720px;
        max-width: 720px;
    }
}
@media only screen and (max-width: 767px) {
    .modal-dialog {
        width: 100%;
        max-width: 100%;
        padding: 35px 0;
    }
}
.modal-dialog .modal-header .close {
    color: #333;
    cursor: pointer;
    opacity: 1;
}
.modal-dialog .modal-header .close:hover {
    color: #009ee2;
}
.modal-dialog .modal-body {
    padding: 35px 15px;
}
.modal-dialog .quickview-big-img img {
    width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-details-content.ml-70 {
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-details-content.ml-70 {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .product-details-content.ml-70 {
        margin-left: 0;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .product-details-content.quickview-content {
        margin-top: 30px;
    }
}



.product-details-content {
  font-size: 12px;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
	.product-details-content.mt-50 {
	  margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
}
.product-details-content label {
  font-size: 12px;
  line-height: normal;
}

.product-details-content h2 {
    color: #010101;
    font-size: 24px;
    margin: 0 0 0px;
    line-height: 1;
}

.product-details-content .product-details-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 15px 0 26px;
}
.product-details-content .product-details-price span {
    font-size: 24px;
    color: #fe5252;
}
.product-details-content .product-details-price span.old {
    color: #333;
    font-size: 18px;
    text-decoration: line-through;
    margin-left: 20px;
}

.product-details-content .pro-details-rating-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 17px;
}
.product-details-content .pro-details-rating-wrap .pro-details-rating {
    position: relative;
    margin-right: 39px;
}
.product-details-content .pro-details-rating-wrap .pro-details-rating:before {
    position: absolute;
    right: -19px;
    top: 4px;
    content: "";
    height: 15px;
    width: 2px;
    background-color: #d1d1d1;
}
.product-details-content .pro-details-rating-wrap .pro-details-rating i {
    color: #5f5d5d;
    font-size: 17px;
    margin-right: 5px;
}
.product-details-content .pro-details-rating-wrap .pro-details-rating i.yellow {
    color: #ffa900;
}
.product-details-content .pro-details-rating-wrap span a {
    font-size: 15px;
    color: #009ee2;
}
.product-details-content .pro-details-rating-wrap span a:hover {
    color: #000;
}

.product-details-content p {
    font-size: 15px;
    line-height: 28px;
    color: #333;
    margin: 0;
}

.product-details-content .pro-details-list {
    margin: 20px 0 34px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 37px;
}
.product-details-content .pro-details-list ul li {
    color: #333;
    margin: 0 0 5px;
}
.product-details-content .pro-details-list ul li:last-child {
    margin: 0;
}

.product-details-content .pro-details-size-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (max-width: 767px) {
    .product-details-content .pro-details-size-color {
        display: block;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product-details-content .pro-details-size-color {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.product-details-content .pro-details-size-color .pro-details-color-wrap {
    margin-right: 20px;
    overflow: hidden;
}
@media only screen and (max-width: 767px) {
    .product-details-content .pro-details-size-color .pro-details-color-wrap {
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product-details-content .pro-details-size-color .pro-details-color-wrap {
        margin-bottom: 0px;
    }
}
.product-details-content .pro-details-size-color .pro-details-color-wrap span {
    display: block;
    font-weight: 500;
    margin: 0 0 15px;
    font-size: 15px;
}
.product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li {
    border-radius: 50px;
    cursor: pointer;
    display: block;
    float: left;
    height: 14px;
    margin-right: 15px;
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 14px;
}
.product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li:last-child {
    margin-right: 0px;
}
.product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.blue {
    background-color: #4798f3;
    border: 1px solid #4798f3;
}
.product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.maroon {
    background-color: #736751;
    border: 1px solid #736751;
}
.product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.gray {
    background-color: #c0c0c0;
    border: 1px solid #c0c0c0;
}
.product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.green {
    background-color: #139c57;
    border: 1px solid #139c57;
}
.product-details-content .pro-details-size-color .pro-details-color-wrap .pro-details-color-content ul li.yellow {
    background-color: #e28b37;
    border: 1px solid #e28b37;
}
.product-details-content .pro-details-size-color .pro-details-size span {
    display: block;
    font-weight: 500;
    margin: 0 0 10px;
    font-size: 15px;
}
.product-details-content .pro-details-size-color .pro-details-size .pro-details-size-content ul li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 2px 0 0;
}
.product-details-content .pro-details-size-color .pro-details-size .pro-details-size-content ul li a {
    background-color: #f1f2f6;
    color: #000;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 6px 9px 7px;
    text-transform: uppercase;
}
.product-details-content .pro-details-size-color .pro-details-size .pro-details-size-content ul li a:hover {
    background-color: #009ee2;
    color: #fff;
}

.product-details-content .pro-details-quality {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 34px;
}
.product-details-content .pro-details-quality .cart-plus-minus {
    border: 1px solid #e8e8e8;
    display: inline-block;
    height: 60px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 80px;
}
.product-details-content .pro-details-quality .cart-plus-minus .qtybutton {
    color: #8f8f8f;
    cursor: pointer;
    float: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 24px;
}
.product-details-content .pro-details-quality .cart-plus-minus .dec.qtybutton {
    height: 60px;
    left: 0;
    padding-top: 20px;
    top: 0;
}
.product-details-content .pro-details-quality .cart-plus-minus .inc.qtybutton {
    height: 60px;
    padding-top: 20px;
    right: 0;
    top: 0;
}
.product-details-content .pro-details-quality .cart-plus-minus input.cart-plus-minus-box {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #8f8f8f;
    float: left;
    font-size: 14px;
    height: 60px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 80px;
}
.product-details-content .pro-details-quality .pro-details-cart {
    margin: 0 25px 0 10px;
}
@media only screen and (max-width: 767px) {
    .product-details-content .pro-details-quality .pro-details-cart {
        margin: 0 10px 0 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-details-content .pro-details-quality .pro-details-cart {
        margin: 0 17px 0 10px;
    }
}
.product-details-content .pro-details-quality .pro-details-cart a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #343538;
    display: inline-block;
    line-height: 1;
    padding: 23px 38px 23px;
    z-index: 99;
}
@media only screen and (max-width: 767px) {
    .product-details-content .pro-details-quality .pro-details-cart a {
        padding: 23px 12px 23px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-details-content .pro-details-quality .pro-details-cart a {
        padding: 22px 22px 22px;
    }
}
.product-details-content .pro-details-quality .pro-details-cart a:hover {
    border: none;
}
.product-details-content .pro-details-quality .pro-details-wishlist a {
    font-size: 18px;
    color: #000;
}
.product-details-content .pro-details-quality .pro-details-wishlist a:hover {
    color: #009ee2;
}
.product-details-content .pro-details-quality .pro-details-compare a {
    font-size: 18px;
    color: #000;
    margin-left: 25px;
}
@media only screen and (max-width: 767px) {
    .product-details-content .pro-details-quality .pro-details-compare a {
        margin-left: 10px;
    }
}
.product-details-content .pro-details-quality .pro-details-compare a:hover {
    color: #009ee2;
}

.product-details-content .pro-details-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px;
}
.product-details-content .pro-details-meta span {
    font-size: 15px;
    color: #676767;
    margin-right: 5px;
}
.product-details-content .pro-details-meta ul li {
    display: inline-block;
    margin: 0 3px 0 0;
}
.product-details-content .pro-details-meta ul li a {
    color: #676767;
    font-size: 15px;
}
@media only screen and (max-width: 767px) {
    .product-details-content .pro-details-meta ul li a {
        font-size: 14px;
    }
}
.product-details-content .pro-details-meta ul li a:hover {
    color: #009ee2;
}

.product-details-content .pro-details-social {
    margin: 24px 0 0;
}
.product-details-content .pro-details-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product-details-content .pro-details-social ul li {
    margin-right: 40px;
}
.product-details-content .pro-details-social ul li:last-child {
    margin-right: 0px;
}
.product-details-content .pro-details-social ul li a {
    font-size: 16px;
    color: #343538;
}
.product-details-content .pro-details-social ul li a:hover {
    color: #009ee2;
}

@media only screen and (max-width: 767px) {
    .product-details-content.pro-details-slider-content.mt-50 {
        margin-top: 30px;
    }
}

.product-details-content.pro-details-slider-content .product-details-price {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-details-content.pro-details-slider-content p {
    width: 59%;
    margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-details-content.pro-details-slider-content p {
        width: 80%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-details-content.pro-details-slider-content p {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .product-details-content.pro-details-slider-content p {
        width: 100%;
    }
}

.product-details-content.pro-details-slider-content .pro-details-rating-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-details-content.pro-details-slider-content .pro-details-size-color {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
}
@media only screen and (max-width: 767px) {
    .product-details-content.pro-details-slider-content .pro-details-size-color {
        text-align: center;
    }
    .product-details-content.pro-details-slider-content .pro-details-size-color .pro-details-color-content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.product-details-content.pro-details-slider-content .pro-details-quality {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-details-content.pro-details-slider-content .pro-details-meta {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-details-content.pro-details-slider-content .pro-details-social ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.quickview-wrap .nav-style-1.owl-carousel > .owl-nav div {
    font-size: 20px;
    color: #333;
    left: 0px;
}
.quickview-wrap .nav-style-1.owl-carousel > .owl-nav div:hover {
    color: #009ee2;
}
.quickview-wrap .nav-style-1.owl-carousel > .owl-nav div.owl-next {
    right: 0px;
    left: auto;
}

.quickview-wrap:hover .nav-style-1.owl-carousel > .owl-nav div {
    opacity: 1;
    visibility: visible;
}

/*  prodduct 2     */
.tab-filter-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 767px) {
    .tab-filter-wrap {
        display: block;
    }
    .tab-filter-wrap.mb-60 {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tab-filter-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .tab-filter-wrap.mb-60 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .product-tab-list-2 {
        margin: 0 0 10px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product-tab-list-2 {
        margin: 0 0 0px;
    }
}

.product-tab-list-2 a {
    display: inline-block;
    margin-right: 23px;
}
@media only screen and (max-width: 767px) {
    .product-tab-list-2 a {
        margin: 0 23px 10px 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product-tab-list-2 a {
        margin: 0 23px 0px 0;
    }
}
.product-tab-list-2 a:last-child {
    margin-right: 0;
}
.product-tab-list-2 a h4 {
    color: #555;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    border-bottom: 2px solid transparent;
    padding-bottom: 5px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.product-tab-list-2 a h4:hover {
    color: #000000;
}
.product-tab-list-2 a.active h4 {
    color: #000000;
    border-bottom: 2px solid #000000;
}

.filter-active {
    position: relative;
}
.filter-active a {
    font-weight: 500;
    font-size: 18px;
    color: #010101;
}
.filter-active a:hover {
    color: #009ee2;
}
.filter-active a i {
    font-size: 14px;
}

.product-filter-wrapper {
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 60px;
    padding: 45px 45px 7px;
    display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-filter-wrapper {
        padding: 35px 25px 7px;
    }
}
@media only screen and (max-width: 767px) {
    .product-filter-wrapper {
        padding: 35px 25px 7px;
    }
}
.product-filter-wrapper .product-filter h5 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 25px;
    padding-bottom: 7px;
    position: relative;
    text-transform: capitalize;
}
.product-filter-wrapper .product-filter h5::before {
    background-color: #000;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 20px;
}
.product-filter-wrapper .product-filter ul.sort-by li {
    margin-bottom: 3px;
}
.product-filter-wrapper .product-filter ul.sort-by li:last-child {
    margin-bottom: 0;
}
.product-filter-wrapper .product-filter ul.color-filter li {
    margin-bottom: 6px;
}
.product-filter-wrapper .product-filter ul.color-filter li:last-child {
    margin-bottom: 0px;
}
.product-filter-wrapper .product-filter ul.color-filter li input {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin: 3px 8px 0 0;
}
.product-filter-wrapper .product-filter ul.color-filter li a {
    text-transform: capitalize;
}
.product-filter-wrapper .product-filter .product-tags ul li {
    margin-bottom: 4px;
}
.product-filter-wrapper .product-filter .product-tags ul li a {
    text-transform: capitalize;
}


/* Price Range ***********************************************/
.price-filter .price-slider-amount input {
  background: transparent;
  padding: 0;
  border: none;
  font-size: 15px;
  font-weight: 700;
  color: #008ecb; /* #009ee2 #59b7e4*/
  letter-spacing: 1px;
  width: 100%;
  height:30px;
  text-align: right;
  display: flex;
  xborder:1px solid #ff0000;
}

.price-filter .budget-wrapper-text {
  text-align: right;

}
.price-filter .budget-wrapper-content {
  display: inline-block;
  color:#666; font-size:12px;
  padding-right:10px;
  text-align: right;
  width:75%;
  position: relative;
  left:45px;
  margin: auto;
}

.price-filter #slider-price-range {
    background: #dbdbdb none repeat scroll 0 0;
    border: medium none;
    border-radius: 50px;
    height: 10px;
    margin-bottom: 12px;
    margin-left: auto;
}
.price-filter #slider-price-range span {
    -webkit-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.price-filter #slider-price-range .ui-slider-range {
    position: absolute;
    display: block;
    border: 0;
    background: #009ee2 none repeat scroll 0 0;
    border: none;
    -webkit-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.price-filter #slider-price-range .ui-slider-handle {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    height: 20px;
    xmargin-left: 0;
    width: 20px;
    border: 6px solid #009ee2;
}

/* Unit Range ***********************************************/
.unit-filter .unit-slider-amount input {
  /*  background: transparent;
    padding: 0;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color:#70b5d6;
    letter-spacing: 1px;
    width: 100%;
    height:30px;
    text-align: right;
    display: flex;
		*/
		background: transparent;
	  padding: 0;
	  border: none;
	  font-size: 15px;
	  font-weight: 700;
	  color: #008ecb; /* #009ee2 #59b7e4*/
	  letter-spacing: 1px;
	  width: 100%;
	  height:30px;
	  text-align: right;
	  display: flex;
}

.unit-filter .budget-wrapper-content {
  display: inline-block;
  color:#666; font-size:12px;
  padding-right:10px;
  text-align: right;
  width:75%;
  position: relative;
  left:45px;
  margin: auto;
}

.unit-filter #slider-unit-range {
    background: #dbdbdb none repeat scroll 0 0;
    border: medium none;
    border-radius: 50px;
    height: 10px;
    margin-bottom: 12px;
    margin-left: auto;
}
.unit-filter #slider-unit-range span {
    -webkit-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.unit-filter #slider-unit-range .ui-slider-range {
    position: absolute;
    display: block;
    border: 0;
    background: #009ee2 none repeat scroll 0 0;
    border: none;
    -webkit-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.unit-filter #slider-unit-range .ui-slider-handle {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    height: 20px;
    xmargin-left: 0;
    width: 20px;
    border: 6px solid #009ee2;
}

/* Price Per Unit ***********************************************/
.price-unit-filter .price-unit-slider-amount input {
    /*background: transparent;
    padding: 0;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color:#70b5d6;
    letter-spacing: 1px;
    width: 100%;
    height:30px;
    text-align: right;
    display: flex;*/
		background: transparent;
	  padding: 0;
	  border: none;
	  font-size: 15px;
	  font-weight: 700;
	  color: #008ecb; /* #009ee2 #59b7e4*/
	  letter-spacing: 1px;
	  width: 100%;
	  height:30px;
	  text-align: right;
	  display: flex;
}
.price-unit-filter .budget-wrapper-content {
  display: inline-block;
  color:#666; font-size:12px;
  padding-right:10px;
  text-align: right;
  width:75%;
  position: relative;
  left:45px;
  margin: auto;
}

.price-unit-filter #slider-unitprice-range {
    background: #dbdbdb none repeat scroll 0 0;
    border: medium none;
    border-radius: 50px;
    height: 10px;
    margin-bottom: 12px;
    margin-left: auto;
}
.price-unit-filter #slider-unitprice-range span {
    -webkit-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.price-unit-filter #slider-unitprice-range .ui-slider-range {
    position: absolute;
    display: block;
    border: 0;
    background: #009ee2 none repeat scroll 0 0;
    border: none;
    -webkit-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.price-unit-filter #slider-unitprice-range .ui-slider-handle {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    height: 20px;
    xmargin-left: 0;
    width: 20px;
    border: 6px solid #009ee2;
}

/* Page Count Range ***********************************************/
.page-count-filter .price-unit-slider-amount input {
    background: transparent;
    padding: 0;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color:#70b5d6;
    letter-spacing: 1px;
    width: 100%;
    height:30px;
    text-align: right;
    display: flex;
}
.page-count-filter .budget-wrapper-content {
  display: inline-block;
  color:#666; font-size:12px;
  padding-right:10px;
  text-align: right;
  width:75%;
  position: relative;
  left:45px;
  margin: auto;
}

.page-count-filter #slider-pagecount-range {
    background: #dbdbdb none repeat scroll 0 0;
    border: medium none;
    border-radius: 50px;
    height: 10px;
    margin-bottom: 12px;
    margin-left: auto;
}
.page-count-filter #slider-pagecount-range span {
    -webkit-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.page-count-filter #slider-pagecount-range .ui-slider-range {
    position: absolute;
    display: block;
    border: 0;
    background: #009ee2 none repeat scroll 0 0;
    border: none;
    -webkit-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.page-count-filter #slider-pagecount-range .ui-slider-handle {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    height: 20px;
    xmargin-left: 0;
    width: 20px;
    border: 6px solid #009ee2;
}





.units-quickstart {
  xbackground: transparent;
  background: #f2f2f2;
  padding: 0;
  border: none;
  font-size: 15px;
  font-weight: 700;
  color:#59b7e4;
  letter-spacing: 1px;
  margin-left: 12px;
  padding:4px 20px;
}


.tab-content.jump .tab-pane {
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;
}
.tab-content.jump .tab-pane.active {
    display: block;
    height: auto;
    opacity: 1;
    overflow: visible;
}
.tab-pane .col-md-2 img{
  width: 70px;
}

.product-wrap-2 {
    position: relative;
    overflow: hidden;
}
.product-wrap-2 .product-img {
    position: relative;
}
.product-wrap-2 .product-img img {
    width: 100%;
}
.product-wrap-2 .product-img span {
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    top: 20px;
    right: 20px;
}
.product-wrap-2 .product-img span.pink {
    color: #009ee2;
}
.product-wrap-2 .product-img span.red {
    color: #ff3d2a;
}
.product-wrap-2 .product-img span.purple {
    color: #009ee2;
}
.product-wrap-2 .product-img .default-img {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.product-wrap-2 .product-img .hover-img {
    position: absolute;
    top: 0px;
    visibility: hidden;
    left: 0px;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
.product-wrap-2 .product-img .product-action-2 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.product-wrap-2 .product-img .product-action-2 a {
    display: inline-block;
    line-height: 1;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    background-color: #009ee2;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    margin: 0 3px;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}
.product-wrap-2 .product-img .product-action-2 a:hover {
    background-color: #009ee2;
}
.product-wrap-2 .product-img .product-action-2.product-action-2-red a {
    background-color: #df262b;
}
.product-wrap-2 .product-img .product-action-2.product-action-2-red a:hover {
    background-color: #009ee2;
}
.product-wrap-2 .product-content-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px 0 0;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 h3 {
    margin: 0 0 6px;
    line-height: 1;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 h3 a {
    font-size: 16px;
    color: #000000;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 h3 a:hover {
    color: #009ee2;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 .price-2 span {
    font-size: 15px;
    color: #000000;
    margin-right: 17px;
    position: relative;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 .price-2 span.old {
    color: #009ee2;
    text-decoration: line-through;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 .price-2 span.old.red {
    color: #ff3d2a;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 .price-2 span::before {
    position: absolute;
    content: "";
    right: -13px;
    top: 10px;
    width: 6px;
    height: 2px;
    background-color: #a5a5a5;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2 .price-2 span:last-child:before {
    display: none;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2.title-price-wrap-2-white h3 a {
    color: #fff;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2.title-price-wrap-2-white h3 a:hover {
    color: #009ee2;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2.title-price-wrap-2-white .price-2 span {
    color: #fff;
}
.product-wrap-2 .product-content-2 .title-price-wrap-2.title-price-wrap-2-white .price-2 span.old {
    color: #009ee2;
    text-decoration: line-through;
}
.product-wrap-2 .product-content-2 .pro-wishlist-2 a {
    font-size: 16px;
    color: #929292;
    margin: 4px 0 0 10px;
    display: inline-block;
}
.product-wrap-2 .product-content-2 .pro-wishlist-2 a:hover {
    color: #009ee2;
}
.product-wrap-2:hover .hover-img {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.product-wrap-2:hover .default-img {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden;
}
.product-wrap-2:hover .product-action-2 a {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.product-wrap-2.pro-glaucous-color .product-img span.glaucous {
    color: #3d6882;
}
.product-wrap-2.pro-glaucous-color .product-img .product-action-2 a {
    background-color: #3d6882;
}
.product-wrap-2.pro-glaucous-color .product-img .product-action-2 a:hover {
    background-color: #fff;
    color: #000;
}
.product-wrap-2.pro-glaucous-color .product-content-2 .pro-wishlist-2 a:hover {
    color: #3d6882;
}
.product-wrap-2.pro-glaucous-color .product-content-2 .title-price-wrap-2 h3 a:hover {
    color: #3d6882;
}
.product-wrap-2.pro-glaucous-color .product-content-2 .title-price-wrap-2 .price-2 span.old {
    color: #3d6882;
}

/* product hm3 */
.section-padding-1 .container-fluid {
    padding: 0 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-padding-1 .container-fluid {
        padding: 0 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-padding-1 .container-fluid {
        padding: 0 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding-1 .container-fluid {
        padding: 0 40px;
    }
}
@media only screen and (max-width: 767px) {
    .section-padding-1 .container-fluid {
        padding: 0 15px;
    }
}

/* product hm4 */
.hm4-section-padding .container-fluid {
    padding: 0 70px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .hm4-section-padding .container-fluid {
        padding: 0 60px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .hm4-section-padding .container-fluid {
        padding: 0 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hm4-section-padding .container-fluid {
        padding: 0 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hm4-section-padding .container-fluid {
        padding: 0 30px;
    }
}
@media only screen and (max-width: 767px) {
    .hm4-section-padding .container-fluid {
        padding: 0 15px;
    }
}

.toggle-item-active,
.toggle-item-active2,
.toggle-item-active3,
.toggle-item-active4,
.toggle-item-active5,
.toggle-item-active6 {
    display: none;
}

.view-more {
    display: block;
    text-align: center;
    width: 100%;
}
.view-more a {
    color: #555;
    font-weight: 500;
    display: inline-block;
    border-bottom: 1px solid #cccccc;
    line-height: 1;
    padding-bottom: 2px;
    text-align: center;
}
.view-more a:hover {
    color: #009ee2;
    border-bottom: 1px solid #009ee2;
}
@media only screen and (max-width: 767px) {
    .view-more.mt-20 {
        margin-top: 0;
    }
}

/* product hm5 */
.hm5-section-padding .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
@media only screen and (max-width: 767px) {
    .hm5-section-padding .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.hm5-section-padding .row {
    margin-right: -10px;
    margin-left: -10px;
}
@media only screen and (max-width: 767px) {
    .hm5-section-padding .row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.hm5-section-padding div[class^="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
@media only screen and (max-width: 767px) {
    .hm5-section-padding div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.product-wrap-3 {
    position: relative;
}
.product-wrap-3 .product-img {
    position: relative;
}
.product-wrap-3 .product-img a img {
    width: 100%;
}
.product-wrap-3 .product-img > span {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 3px 11px;
    border-radius: 3px;
    font-weight: 500;
    z-index: 99;
}
.product-wrap-3 .product-img > span.pink {
    background-color: #009ee2;
}
.product-wrap-3 .product-img > span.purple {
    background-color: #009ee2;
}
.product-wrap-3 .product-content-3-wrap {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 90%;
    height: 90%;
    left: 5%;
    right: 5%;
    bottom: 5%;
    top: 5%;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    z-index: 8;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
.product-wrap-3 .product-content-3-wrap .product-content-3 {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.product-wrap-3 .product-content-3-wrap .product-content-3 .product-title h3 {
    font-size: 18px;
    margin: 0;
    line-height: 1;
}
.product-wrap-3 .product-content-3-wrap .product-content-3 .price-3 {
    margin: 10px 0 20px;
}
.product-wrap-3 .product-content-3-wrap .product-content-3 .price-3 span {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin: 0 9px;
    position: relative;
}
.product-wrap-3 .product-content-3-wrap .product-content-3 .price-3 span::before {
    position: absolute;
    content: "";
    right: -13px;
    top: 10px;
    width: 7px;
    height: 2px;
    background-color: #000;
}
.product-wrap-3 .product-content-3-wrap .product-content-3 .price-3 span:last-child::before {
    display: none;
}
.product-wrap-3 .product-content-3-wrap .product-content-3 .price-3 span.old {
    color: #8e8e8e;
    text-decoration: line-through;
}
.product-wrap-3 .product-content-3-wrap .product-content-3 .product-action-3 a {
    display: inline-block;
    line-height: 1;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    background-color: #009ee2;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    margin: 0 3px;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.product-wrap-3 .product-content-3-wrap .product-content-3 .product-action-3 a:hover {
    background-color: #009ee2;
}
.product-wrap-3:hover .product-content-3-wrap {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* product hm6 */
.hm6-section-padding .container-fluid {
    padding-right: 70px;
    padding-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .hm6-section-padding .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hm6-section-padding .container-fluid {
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hm6-section-padding .container-fluid {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .hm6-section-padding .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.hm6-section-padding .row {
    margin-right: -10px;
    margin-left: -10px;
}
@media only screen and (max-width: 767px) {
    .hm6-section-padding .row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.hm6-section-padding div[class^="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
@media only screen and (max-width: 767px) {
    .hm6-section-padding div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.product-wrap-4 {
    position: relative;
    overflow: hidden;
}
.product-wrap-4 a img {
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.product-wrap-4 .position-1 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 75px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .product-wrap-4 .position-1 {
        bottom: 40px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .product-wrap-4 .position-1 {
        bottom: 40px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-wrap-4 .position-1 {
        bottom: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-wrap-4 .position-1 {
        bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .product-wrap-4 .position-1 {
        bottom: 30px;
    }
}
.product-wrap-4 .position-2 {
    position: absolute;
    left: 60px;
    bottom: 55px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .product-wrap-4 .position-2 {
        bottom: 40px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .product-wrap-4 .position-2 {
        bottom: 40px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-wrap-4 .position-2 {
        bottom: 30px;
        left: 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-wrap-4 .position-2 {
        bottom: 30px;
        left: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .product-wrap-4 .position-2 {
        bottom: 30px;
        left: 20px;
    }
}
.product-wrap-4 .position-3 {
    position: absolute;
    top: 51px;
    left: 0;
    right: 0;
    text-align: center;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .product-wrap-4 .position-3 {
        top: 32px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .product-wrap-4 .position-3 {
        top: 32px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-wrap-4 .position-3 {
        top: 22px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-wrap-4 .position-3 {
        top: 22px;
    }
}
@media only screen and (max-width: 767px) {
    .product-wrap-4 .position-3 {
        top: 22px;
    }
}
.product-wrap-4 .product-content-4 h4 {
    font-size: 15px;
    margin: 0 0 12px;
    line-height: 1.2;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .product-wrap-4 .product-content-4 h4 {
        font-size: 25px;
        line-height: 30px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .product-wrap-4 .product-content-4 h4 {
        font-size: 25px;
        line-height: 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-wrap-4 .product-content-4 h4 {
        font-size: 22px;
        line-height: 27px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-wrap-4 .product-content-4 h4 {
        font-size: 20px;
        line-height: 23px;
    }
}
@media only screen and (max-width: 767px) {
    .product-wrap-4 .product-content-4 h4 {
        font-size: 20px;
        line-height: 23px;
    }
}
.product-wrap-4 .product-content-4 .price-4 span {
    font-size: 18px;
    color: #000000;
    position: relative;
    margin: 0 24px 0 0;
}
.product-wrap-4 .product-content-4 .price-4 span:before {
    position: absolute;
    content: "";
    right: -17px;
    top: 12px;
    width: 7px;
    height: 2px;
    background-color: #6b6264;
}
.product-wrap-4 .product-content-4 .price-4 span:last-child:before {
    display: none;
}
.product-wrap-4 .product-content-4 .price-4 span.old {
    color: #009ee2;
    text-decoration: line-through;
}
.product-wrap-4 .product-content-4 .price-4.price-4-center span {
    margin: 0 12px;
}
.product-wrap-4 img {
  width:100%;
}
.product-wrap-4:hover a img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.width-50-percent {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.width-30-percent {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

/* product home 8*/
.collection-product .collection-img {
    overflow: hidden;
}
.collection-product .collection-img a img {
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.collection-product .collection-content {
    margin: 23px 0 0;
}
.collection-product .collection-content span {
    font-weight: 500;
}
.collection-product .collection-content h4 {
    margin: 1px 0 0;
}
.collection-product .collection-content h4 a {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}
.collection-product .collection-content h4 a:hover {
    color: #009ee2;
}
.collection-product .collection-content .collection-btn {
    margin: 32px 0 0;
}
.collection-product .collection-content .collection-btn a {
    display: inline-block;
    line-height: 1;
    color: #010101;
    border: 1px solid #000;
    border-radius: 50px;
    padding: 10px 22px;
    z-index: 2;
}
.collection-product .collection-content .collection-btn a:hover {
    color: #fff;
    border: 1px solid #009ee2;
}

.collection-product:hover a img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}





.product-wrap-5 {
    position: relative;
}
.product-wrap-5 .product-img {
    position: relative;
}
.product-wrap-5 .product-img a img {
    width: 100%;
}
.product-wrap-5 .product-img span {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 3px 11px;
    border-radius: 3px;
    font-weight: 500;
}
.product-wrap-5 .product-img span.purple {
    background-color: #009ee2;
}
.product-wrap-5 .product-img span.pink {
    background-color: #009ee2;
}
.product-wrap-5 .product-action-4 {
    background: none repeat scroll 0 0 #009ee2;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 1;
    padding: 10px;
    position: absolute;
    text-align: center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 99;
}
.product-wrap-5 .product-action-4 .pro-same-action {
    margin: 0 2px;
}
.product-wrap-5 .product-action-4 .pro-same-action a {
    display: inline-block;
    line-height: 1;
    width: 35px;
    height: 35px;
    line-height: 36px;
    font-size: 16px;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 50px;
    margin: 0 3px;
}
.product-wrap-5 .product-action-4 .pro-same-action a:hover {
    background-color: #009ee2;
    color: #fff;
}
.product-wrap-5 .product-content-5 {
    margin-top: 28px;
}
.product-wrap-5 .product-content-5 h3 {
    font-size: 16px;
    margin: 0 0 5px;
    line-height: 17px;
}
.product-wrap-5 .product-content-5 h3 a {
    color: #000;
}
.product-wrap-5 .product-content-5 h3 a:hover {
    color: #009ee2;
}
.product-wrap-5 .product-content-5 .price-5 span {
    font-size: 15px;
    color: #000000;
    margin: 0 8px;
    position: relative;
}
.product-wrap-5 .product-content-5 .price-5 span:before {
    position: absolute;
    content: "";
    right: -13px;
    top: 10px;
    width: 6px;
    height: 2px;
    background-color: #a5a5a5;
}
.product-wrap-5 .product-content-5 .price-5 span:last-child:before {
    display: none;
}
.product-wrap-5 .product-content-5 .price-5 span.old {
    color: #009ee2;
    text-decoration: line-through;
}
.product-wrap-5:hover .product-action-4 {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

/* product home 9*/
.collection-wrap-2 {
    margin-top: -175px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .collection-wrap-2 {
        margin-top: -97px;
    }
}
@media only screen and (max-width: 767px) {
    .collection-wrap-2 {
        margin-top: -80px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .collection-wrap-2 {
        margin-top: -70px;
    }
}

.collection-product-2 {
    position: relative;
    overflow: hidden;
}
.collection-product-2 a img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.collection-product-2 .collection-content-2 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 30px;
}
.collection-product-2 .collection-content-2 span {
    font-size: 14px;
    font-weight: 500;
}
.collection-product-2 .collection-content-2 h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 5px 0 0;
    line-height: 21px;
}
.collection-product-2:hover a img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* product hm9 */
.hm9-section-padding .container-fluid {
    padding-right: 70px;
    padding-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .hm9-section-padding .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hm9-section-padding .container-fluid {
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hm9-section-padding .container-fluid {
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .hm9-section-padding .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hm9-section-padding .container-fluid {
        padding-right: 30px;
        padding-left: 30px;
    }
}

.hm9-section-padding .custom-row-4 {
    margin-right: -10px;
    margin-left: -10px;
}
@media only screen and (max-width: 767px) {
    .hm9-section-padding .custom-row-4 {
        margin-right: -15px;
        margin-left: -15px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hm9-section-padding .custom-row-4 {
        margin-right: -10px;
        margin-left: -10px;
    }
}

.hm9-section-padding div[class^="custom2-"] {
    padding-left: 10px;
    padding-right: 10px;
}
@media only screen and (max-width: 767px) {
    .hm9-section-padding div[class^="custom2-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hm9-section-padding div[class^="custom2-"] {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.custom-row-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.custom2-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    min-height: 1px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .custom2-col-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .custom2-col-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom2-col-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media only screen and (max-width: 767px) {
    .custom2-col-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom2-col-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/*------- home 14 ----------*/
.product-top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 767px) {
    .product-top-bar {
        display: block;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        text-align: center;
    }
    .product-top-bar.mb-50 {
        margin-bottom: 20px;
    }
}

.product-tab-list-3 {
    margin: 4px 0 0;
    position: relative;
    z-index: 99;
}
@media only screen and (max-width: 767px) {
    .product-tab-list-3 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 15px 0 0;
    }
}
.product-tab-list-3 a {
    margin-left: 24px;
}
.product-tab-list-3 a.active h4 {
    color: #242424;
}
.product-tab-list-3 a:first-child {
    margin-left: 45px;
}
@media only screen and (max-width: 767px) {
    .product-tab-list-3 a:first-child {
        margin-left: 0px;
    }
}
.product-tab-list-3 a h4 {
    font-size: 14px;
    color: #878787;
    margin: 0;
    line-height: 1;
}

.product-tab-list-4 {
    margin: 4px 0 0;
    position: relative;
    z-index: 99;
}
@media only screen and (max-width: 767px) {
    .product-tab-list-4 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 15px 0 0;
    }
}
.product-tab-list-4 a {
    margin-left: 47px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-tab-list-4 a {
        margin-left: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .product-tab-list-4 a {
        margin-left: 14px;
        margin-bottom: 10px;
    }
}
.product-tab-list-4 a.active h4 {
    color: #242424;
}
.product-tab-list-4 a:first-child {
    margin-left: 0px;
}
.product-tab-list-4 a h4 {
    font-size: 16px;
    color: #808080;
    margin: 0;
    line-height: 1;
}

.product-slider-active .owl-nav {
    position: absolute;
    right: 0;
    top: -85px;
}
@media only screen and (max-width: 767px) {
    .product-slider-active .owl-nav {
        right: 0;
        left: 0;
        top: -45px;
        text-align: center;
    }
}
.product-slider-active .owl-nav div {
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 18px;
    line-height: 31px;
    text-align: center;
    border-radius: 5px;
    color: #c6c6c6;
    border: 1px solid #d2d2d2;
    background-color: #f9f9f9;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 767px) {
    .product-slider-active .owl-nav div {
        width: 25px;
        height: 25px;
        font-size: 15px;
        line-height: 23px;
    }
}
.product-slider-active .owl-nav div:hover {
    color: #fff;
    border: 1px solid #ff3d2a;
    background-color: #ff3d2a;
}
.product-slider-active .owl-nav div.owl-next {
    margin-left: 3px;
}

.pro-view-more {
    margin-top: 30px;
}
@media only screen and (max-width: 767px) {
    .pro-view-more {
        margin-top: 0px;
    }
}
.pro-view-more a {
    display: inline-block;
    font-size: 16px;
    color: #828282;
    text-transform: uppercase;
    line-height: 1;
    padding: 20px 35px 19px;
    border: 1px solid #d2d2d2;
}
.pro-view-more a i {
    margin-right: 10px;
}
.pro-view-more a:hover {
    background-color: #df262b;
    color: #fff;
    border: 1px solid #df262b;
}
.pro-view-more.view-more-radious a {
    border-radius: 50px;
}

.bg-png-1 {
    position: absolute;
    top: 0;
    left: 78px;
}
@media only screen and (max-width: 767px) {
    .bg-png-1 {
        display: none;
    }
}

.funfact-area {
    position: relative;
}

.bg-png-2 {
    position: absolute;
    top: 0;
    right: 550px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .bg-png-2 {
        right: 300px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .bg-png-2 {
        right: 250px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-png-2 {
        right: 150px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg-png-2 {
        right: 120px;
    }
}
@media only screen and (max-width: 767px) {
    .bg-png-2 {
        display: none;
    }
}

.discover-more-btn a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background-color: #c61a32;
    border-radius: 50px;
    line-height: 1;
    z-index: 2;
    padding: 17px 35px;
}

@media only screen and (max-width: 767px) {
    .collections-area.pb-100 {
        padding-bottom: 60px;
    }
}











/***************************
.blog-wrap .blog-img {
    position: relative;
    overflow: hidden;
}
.blog-wrap .blog-img img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.blog-wrap .blog-img span {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    line-height: 1;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 2px 10px 5px;
}
.blog-wrap .blog-img span.pink {
    background-color: #009ee2;
}
.blog-wrap .blog-img span.purple {
    background-color: #009ee2;
}
.blog-wrap .blog-img span.red {
    background-color: #c61a32;
    left: auto;
    right: 10px;
    border-radius: 3px;
}

.blog-wrap .blog-content-wrap {
    text-align: center;
}
.blog-wrap .blog-content-wrap .blog-content {
    display: inline-block;
    background-color: #fff;
    padding: 14px 44px;
    margin: -64px 0 0;
    z-index: 99;
    position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-wrap .blog-content-wrap .blog-content {
        padding: 14px 30px;
        margin: -50px 0 0;
    }
}
@media only screen and (max-width: 767px) {
    .blog-wrap .blog-content-wrap .blog-content {
        padding: 14px 30px;
        margin: -50px 0 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-wrap .blog-content-wrap .blog-content {
        padding: 14px 15px;
    }
}
.blog-wrap .blog-content-wrap .blog-content h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin: 0 0 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .blog-wrap .blog-content-wrap .blog-content h3 {
        font-size: 18px;
        line-height: 27px;
    }
}
.blog-wrap .blog-content-wrap .blog-content span {
    color: #666;
    font-style: italic;
}
.blog-wrap .blog-content-wrap .blog-content span a {
    color: #666;
}
.blog-wrap .blog-content-wrap .blog-content span a:hover {
    color: #009ee2;
}

.blog-wrap .blog-content-3 {
    background-color: #f6f3f3;
    padding: 25px 42px 27px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-wrap .blog-content-3 {
        padding: 25px 15px 27px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-wrap .blog-content-3 {
        padding: 25px 15px 27px;
    }
}
.blog-wrap .blog-content-3 h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 7px;
    line-height: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-wrap .blog-content-3 h3 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-wrap .blog-content-3 h3 {
        font-size: 18px;
    }
}
.blog-wrap .blog-content-3 h3 a {
    color: #000000;
}
.blog-wrap .blog-content-3 h3 a:hover {
    color: #009ee2;
}
.blog-wrap .blog-content-3 span {
    color: #000000;
    font-style: italic;
}
.blog-wrap .blog-content-3 span a {
    color: #b0afaf;
}
.blog-wrap .blog-content-3 span a:hover {
    color: #009ee2;
}

.blog-wrap:hover .blog-img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}


.blog-wrap-2 {
    -webkit-box-shadow: 0 3px 5px rgba(85, 85, 85, 0.2);
    box-shadow: 0 3px 5px rgba(85, 85, 85, 0.2);
}
.blog-wrap-2 .blog-img-2 {
    overflow: hidden;
    position: relative;
}
.blog-wrap-2 .blog-img-2 a img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.blog-wrap-2 .blog-img-2 .video-icon {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.blog-wrap-2 .blog-img-2 .video-icon a {
    background-color: #ff0000;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 60px;
    line-height: 61px;
    width: 60px;
}
.blog-wrap-2 .blog-img-2 .video-icon a:hover {
    background-color: #009ee2;
}
.blog-wrap-2 .blog-content-2 {
    padding: 25px 30px 34px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-wrap-2 .blog-content-2 {
        padding: 25px 20px 34px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-wrap-2 .blog-content-2 {
        padding: 25px 20px 34px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-wrap-2 .blog-content-2 {
        padding: 20px 15px 29px;
    }
}
.blog-wrap-2 .blog-content-2 .blog-meta-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li {
    color: #333;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    list-style: outside none none;
    margin: 0 17px 0 0;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
}
.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li::before {
    background-color: #555;
    content: "";
    height: 2px;
    position: absolute;
    right: -13px;
    top: 6px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 5px;
}
.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li:last-child::before {
    display: none;
}
.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li a {
    color: #555;
}
.blog-wrap-2 .blog-content-2 .blog-meta-2 ul li a:hover {
    color: #009ee2;
}
.blog-wrap-2 .blog-content-2 h4 {
    font-size: 22px;
    font-weight: 500;
    margin: 10px 0 20px;
    color: #333;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-wrap-2 .blog-content-2 h4 {
        font-size: 19px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-wrap-2 .blog-content-2 h4 {
        font-size: 19px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-wrap-2 .blog-content-2 h4 {
        font-size: 17px;
        margin: 10px 0 12px;
    }
}
.blog-wrap-2 .blog-content-2 h4 a {
    color: #333;
}
.blog-wrap-2 .blog-content-2 h4 a:hover {
    color: #009ee2;
}
.blog-wrap-2 .blog-content-2 p {
    margin: 0;
    color: #666;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 22px 0 0;
}
@media only screen and (max-width: 767px) {
    .blog-wrap-2 .blog-content-2 .blog-share-comment {
        margin: 14px 0 0;
    }
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-btn-2 a {
    color: #333;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
    margin-top: 4px;
    text-transform: capitalize;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-btn-2 a:hover {
    color: #009ee2;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share span {
    color: #333;
    display: inline-block;
    float: left;
    font-size: 15px;
    margin-right: 12px;
    margin-top: 3px;
    text-transform: capitalize;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social {
    display: inline-block;
    float: left;
}
@media only screen and (max-width: 767px) {
    .blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social {
        margin-top: 4px;
    }
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social ul li {
    display: inline-block;
    margin-right: 5px;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social ul li:last-child {
    margin-right: 0;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social ul li a {
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    width: 30px;
}
@media only screen and (max-width: 767px) {
    .blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social ul li a {
        font-size: 12px;
        height: 25px;
        line-height: 23px;
        width: 25px;
    }
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social ul li a.facebook {
    background-color: #3b5998;
    border: 1px solid #3b5998;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social ul li a.facebook:hover {
    background-color: transparent;
    color: #3b5998;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social ul li a.twitter {
    background-color: #55acee;
    border: 1px solid #55acee;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social ul li a.twitter:hover {
    background-color: transparent;
    color: #55acee;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social ul li a.instagram {
    background-color: #c32aa3;
    border: 1px solid #c32aa3;
}
.blog-wrap-2 .blog-content-2 .blog-share-comment .blog-share .share-social ul li a.instagram:hover {
    background-color: transparent;
    color: #c32aa3;
}
.blog-wrap-2:hover .blog-img-2 img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}




.blog-wrap-2:hover .nav-style-4.owl-carousel .owl-nav div {
    opacity: 1;
    visibility: visible;
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .Blog-area .ml-20 {
        margin-left: 0;
    }
    .Blog-area .mr-20 {
        margin-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .Blog-area .ml-20 {
        margin-left: 0;
    }
    .Blog-area .mr-20 {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .Blog-area .ml-20 {
        margin-left: 0;
    }
    .Blog-area .mr-20 {
        margin-right: 0;
    }
    .Blog-area .pro-pagination-style.mt-20 {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .Blog-area.pb-100 {
        padding-bottom: 45px;
    }
}

.Blog-area.blog-no-sidebar .blog-content-2 h4 {
    font-size: 20px;
}
@media only screen and (max-width: 767px) {
    .Blog-area.blog-no-sidebar .blog-content-2 h4 {
        font-size: 17px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .Blog-area.blog-no-sidebar .blog-content-2 h4 {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .Blog-area.blog-no-sidebar .blog-content-2 .blog-share-comment .blog-share .share-social {
        margin-top: 4px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .Blog-area.blog-no-sidebar .blog-content-2 .blog-share-comment .blog-share .share-social ul li {
        margin-right: 3px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .Blog-area.blog-no-sidebar .blog-content-2 .blog-share-comment .blog-share .share-social ul li a {
        font-size: 12px;
        height: 25px;
        line-height: 23px;
        width: 25px;
    }
}
*/










/*-------- 8. Footer style  -----*/
.copyright .footer-logo {
    margin-bottom: 12px;
    margin-top: 41px;
}
@media only screen and (max-width: 767px) {
    .copyright .footer-logo {
        margin-top: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .copyright .footer-logo {
        margin-top: 0px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .copyright .footer-logo {
        margin-top: 28px;
    }
}

.copyright p {
    color: #313131;
    letter-spacing: 0.9px;
}
.copyright a:hover {
    color: #009ee2 !important;
}
.copyright p a {
    color: #313131;
}
.copyright p a:hover, .copyright p :hover {
    color: #009ee2 !important;
}

.copyright.copyright-white p {
    color: #fff;
}
.copyright.copyright-white p a {
    color: #fff;
}
.copyright.copyright-white p a:hover {
    color: #009ee2;
}

.footer-widget .footer-title h3 {
    font-size: 16px;
    font-weight: 500;
    color: #313131;
    margin: 0 0 16px;
    line-height: 1;
}

.footer-widget .footer-list ul li {
    margin: 0 0 11px;
}
.footer-widget .footer-list ul li:last-child {
    margin: 0 0 0px;
}
.footer-widget .footer-list ul li a {
    color: #5d5d5d;
    letter-spacing: 0.3px;
}
.footer-widget .footer-list ul li a:hover {
    color: #009ee2;
}

.footer-widget.footer-widget-white .footer-title h3 {
    color: #fff;
}

.footer-widget.footer-widget-white .footer-list ul li a {
    color: #e6e6e6;
}
.footer-widget.footer-widget-white .footer-list ul li a:hover {
    color: #009ee2;
}

.footer-widget .subscribe-style p {
    color: #7a7a7a;
    margin: 0 0 20px;
}

.footer-widget .subscribe-style .subscribe-form form input {
    background: transparent;
    font-size: 13px;
    color: #333;
    border: none;
    border-bottom: 2px solid #ebebeb;
    padding: 2px 10px 2px 0;
}

.footer-widget .subscribe-style .subscribe-form form .mc-news {
    display: none;
}

.footer-widget .subscribe-style .subscribe-form form .clear input {
    width: auto;
    height: auto;
    color: #313131;
    font-size: 14px;
    padding: 0 0 1px;
    line-height: 1;
    border-bottom: 2px solid #9b9b9c;
    text-transform: uppercase;
    margin: 13px 0 0;
}
.footer-widget .subscribe-style .subscribe-form form .clear input:hover {
    color: #009ee2;
    border-bottom: 2px solid #009ee2;
}

.footer-widget .subscribe-style.subscribe-style-white p {
    color: #e6e6e6;
}

.footer-widget .subscribe-style.subscribe-style-white .subscribe-form form input {
    color: #a4a4a4;
    border-bottom: 2px solid #ebebeb;
}

.footer-widget .subscribe-style.subscribe-style-white .subscribe-form form .clear input {
    color: #fff;
    border-bottom: 2px solid #b5b5b6;
}
.footer-widget .subscribe-style.subscribe-style-white .subscribe-form form .clear input:hover {
    color: #009ee2;
    border-bottom: 2px solid #009ee2;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .footer-widget.ml-95 {
        margin-left: 20px;
    }
    .footer-widget.ml-145 {
        margin-left: 50px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .footer-widget.ml-95 {
        margin-left: 0px;
    }
    .footer-widget.ml-145 {
        margin-left: 20px;
    }
    .footer-widget.ml-30 {
        margin-left: 0px;
    }
    .footer-widget.ml-ntv5 {
        margin-left: -50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-widget.ml-95 {
        margin-left: 0px;
    }
    .footer-widget.ml-145 {
        margin-left: 0px;
    }
    .footer-widget.ml-30 {
        margin-left: 0px;
    }
    .footer-widget.ml-ntv5 {
        margin-left: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-widget.ml-95 {
        margin-left: 0px;
    }
    .footer-widget.ml-145 {
        margin-left: 0px;
    }
    .footer-widget.ml-30 {
        margin-left: 0px;
    }
    .footer-widget.ml-ntv5 {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .footer-widget.ml-95 {
        margin-left: 0px;
    }
    .footer-widget.ml-145 {
        margin-left: 0px;
    }
    .footer-widget.ml-30 {
        margin-left: 0px;
    }
    .footer-widget.ml-ntv5 {
        margin-left: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-widget.ml-30,
    .footer-widget.ml-50,
    .footer-widget.ml-75 {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .footer-widget.ml-30,
    .footer-widget.ml-50,
    .footer-widget.ml-75 {
        margin-left: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-widget.ml-30,
    .footer-widget.ml-50,
    .footer-widget.ml-75 {
        margin-left: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-widget.ml-70 {
        margin-left: -130px;
    }
}

@media only screen and (max-width: 767px) {
    .footer-widget.ml-70 {
        margin-left: 0px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-widget.ml-70 {
        margin-left: -90px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-widget.ml-70 {
        margin-left: 0px;
    }
}

/* home 4 */
.hm4-footer-padding .container-fluid {
    padding: 0 60px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .hm4-footer-padding .container-fluid {
        padding: 0 60px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .hm4-footer-padding .container-fluid {
        padding: 0 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hm4-footer-padding .container-fluid {
        padding: 0 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hm4-footer-padding .container-fluid {
        padding: 0 30px;
    }
}
@media only screen and (max-width: 767px) {
    .hm4-footer-padding .container-fluid {
        padding: 0 15px;
    }
}

.footer-area {
    position: relative;
}
.footer-area.ml-10 {
    margin-left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .footer-area.ml-70 {
        margin-left: 15px;
    }
    .footer-area.mr-70 {
        margin-right: 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-area.ml-70 {
        margin-left: 30px;
    }
    .footer-area.mr-70 {
        margin-right: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-area.ml-70 {
        margin-left: 40px;
    }
    .footer-area.mr-70 {
        margin-right: 40px;
    }
    .footer-area.mb-70 {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .footer-area.ml-70 {
        margin-left: 15px;
    }
    .footer-area.mr-70 {
        margin-right: 15px;
    }
    .footer-area.mb-70 {
        margin-bottom: 15px;
    }
}

/* home 5 */
.footer-top {
    position: relative;
    z-index: 9;
}
.footer-top p {
    color: #fffefe;
    line-height: 28px;
    margin: 31px auto 33px;
    width: 55%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-top p {
        width: 85%;
    }
}
@media only screen and (max-width: 767px) {
    .footer-top p {
        width: 100%;
    }
}
.footer-top .footer-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.footer-top .footer-social ul li {
    margin: 0 23px;
    position: relative;
    line-height: 1;
}
.footer-top .footer-social ul li:before {
    position: absolute;
    content: "";
    right: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #7c7b7b;
    width: 16px;
    height: 2px;
}
.footer-top .footer-social ul li:last-child:before {
    display: none;
}
.footer-top .footer-social ul li a {
    color: #e5e5e5;
    font-size: 16px;
}
.footer-top .footer-social ul li a:hover {
    color: #009ee2;
}
.footer-top .footer-social.footer-social-white ul li:before {
    background-color: #fff;
}
@media only screen and (max-width: 767px) {
    .footer-top.pb-60 {
        padding-bottom: 60px;
    }
}

.footer-bottom {
    position: relative;
    z-index: 9;
}

.copyright-2 {
    padding-top: 20px;
    margin-top: 60px;
    border-top: 1px solid #2b2b2b;
}
.copyright-2 p {
    color: #fff;
    line-height: 1;
}
.copyright-2 p a {
    color: #fff;
}
.copyright-2 p a:hover {
    color: #009ee2;
}
.copyright-2.copyright-white-border {
    border-top: 1px solid #cccccc;
}
.copyright-2.copyright-gray p {
    color: #848484;
}
.copyright-2.copyright-gray p a {
    color: #848484;
    letter-spacing: 0.9px;
}
.copyright-2.copyright-gray p a:hover {
    color: #009ee2;
}

.footer-white .footer-top p {
    color: #000;
}

.footer-white .footer-top .footer-social ul li a {
    color: #000;
}
.footer-white .footer-top .footer-social ul li a:hover {
    color: #009ee2;
}

.footer-white .copyright-2 {
    padding-top: 20px;
    padding-bottom: 23px;
    margin-top: 0px;
    border-top: none;
}

.footer-border {
    border-top: 1px solid #e2e2e2;
}

/*----- 9. Banner style  -------*/
.single-banner {
    position: relative;
    overflow: hidden;
		border-radius: 10px;
}
.single-banner a img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-banner img {
		-webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-banner:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);

		-webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-banner .banner-content {
    /*
		position: absolute;
    content: "";
    left: 36px;
    top: 40px;
    z-index: 5;
		*/
		position: absolute;
    content: "";
    left: 20px;
    top: 40px;
    z-index: 5;
    /* padding: 0 10px; */
    padding-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content {
        left: 20px;
        top: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content {
        left: 15px;
        top: 10px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content {
        left: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.single-banner .banner-content h3 {
    font-size: 36px;
    color: #915342;
    font-weight: 600;
    margin: 0;
    font-family: "Cormorant Garamond";
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content h3 {
        font-size: 27px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content h3 {
        font-size: 30px;
    }
}
.single-banner .banner-content h4 {
    font-size: 18px;
    color: #010101;
    margin: 3px 0 58px;
    font-weight: 600;
    font-family: "Cormorant Garamond";
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content h4 {
        margin: 3px 0 25px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content h4 {
        margin: 3px 0 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content h4 {
        margin: 3px 0 8px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content h4 {
        margin: 3px 0 20px;
    }
}
.single-banner .banner-content h4 span {
    color: #935644;
    font-size: 20px;
    margin: 0 0px 0 2px;
    display: inline-block;
    line-height: 1;
    position: relative;
    top: 2px;
}


.single-banner .tool-kit-banner-head-content {
		position: absolute;
    content: "";
    z-index: 5;
		text-align: center;
		margin: auto;
		padding: auto;
		text-align: center;
		top: 70px;
		left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
	}



/*
.single-banner .banner-content a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: 2px solid #97584a;
    color: #97584a;
    font-size: 14px;
    display: inline-block;
    text-align: center;
}
.single-banner .banner-content a.kids-btn-red {
    color: #ff3d2a;
    border: 2px solid #ff3d2a;
}
.single-banner .banner-content a.kids-btn-red:hover {
    color: #009ee2;
    border: 2px solid #009ee2;
}
.single-banner .banner-content a i {
    line-height: 25px;
}
.single-banner .banner-content a:hover {
    color: #009ee2;
    border: 2px solid #009ee2;
}
.single-banner .banner-content.banner-pink a {
    border: 2px solid #ed59a0;
    color: #ed59a0;
}
.single-banner .banner-content.banner-pink a:hover {
    color: #009ee2;
    border: 2px solid #009ee2;
}
*/


.virtual-studio-links {
	margin: 10px 0;
}
.template-img-wrapper img {
	width:20%;
	padding:20px;
}
.template-img-wrapper {
	font-size: 17px;
	font-weight: 500;
	border-radius: 50;
	border:5px solid #ddd;
	background: #fff;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	cursor: pointer;
}
.template-img-wrapper:hover {
	border:5px solid #009ee2;
	background: #e5f5fc;
}



.single-banner .banner-content.banner-content1-modify-position1 {
    left: auto;
    right: 60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content.banner-content1-modify-position1 {
        right: 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content.banner-content1-modify-position1 {
        right: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content.banner-content1-modify-position1 {
        right: 30px;
    }
}
.single-banner .banner-content.banner-content1-modify h3 {
    color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content.banner-content1-modify h3 {
        font-size: 25px;
    }
}
.single-banner .banner-content.banner-content1-modify h4 {
    margin: 12px 0 68px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-banner .banner-content.banner-content1-modify h4 {
        margin: 12px 0 38px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content.banner-content1-modify h4 {
        margin: 12px 0 28px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content.banner-content1-modify h4 {
        margin: 2px 0 12px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content.banner-content1-modify h4 {
        margin: 2px 0 6px;
    }
}
.single-banner .banner-content.banner-content1-modify a {
    border: 2px solid #c61a32;
    color: #c61a32;
}
.single-banner .banner-content.banner-content1-modify a.purple {
    color: #ab87cd;
    border: 2px solid #ab87cd;
}
.single-banner .banner-content.banner-content1-modify a.cake-btn-pink {
    color: #ed59a0;
    border: 2px solid #ed59a0;
}
.single-banner .banner-content.banner-content1-modify a.cake-btn-pink:hover {
    color: #009ee2;
    border: 2px solid #009ee2;
}
.single-banner .banner-content.banner-content1-modify a:hover {
    color: #009ee2;
    border: 2px solid #009ee2;
}
.single-banner .banner-content.banner-content1-modify-position2 {
    left: 60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content.banner-content1-modify-position2 {
        left: 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content.banner-content1-modify-position2 {
        left: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content.banner-content1-modify-position2 {
        left: 30px;
    }
}
.single-banner .banner-content.banner-content1-modify-position3 {
    left: 50px;
    top: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-banner .banner-content.banner-content1-modify-position3 {
        left: 30px;
        top: 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content.banner-content1-modify-position3 {
        left: 20px;
        top: 20px;
    }
    .single-banner .banner-content.banner-content1-modify-position3 h3 {
        font-size: 27px;
    }
    .single-banner .banner-content.banner-content1-modify-position3 h4 {
        margin: 5px 0 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content.banner-content1-modify-position3 {
        left: 15px;
        top: 10px;
    }
    .single-banner .banner-content.banner-content1-modify-position3 h3 {
        font-size: 25px;
    }
    .single-banner .banner-content.banner-content1-modify-position3 h4 {
        margin: 5px 0 10px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content.banner-content1-modify-position3 {
        left: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.single-banner.banner-green-color .banner-content h3 {
    color: #617d05;
}
.single-banner.banner-green-color .banner-content h4 {
    color: #010101;
}
.single-banner.banner-green-color .banner-content h4 span {
    color: #617d05;
}
.single-banner.banner-green-color .banner-content a {
    border: 2px solid #617d05;
    color: #617d05;
}
.single-banner.banner-green-color .banner-content a:hover {
    color: #aabb72;
    border: 2px solid #aabb72;
}
.single-banner.banner-red-color .banner-content h3 {
    color: #df262b;
}
.single-banner.banner-red-color .banner-content h4 {
    color: #010101;
}
.single-banner.banner-red-color .banner-content h4 span {
    color: #df262b;
}
.single-banner.banner-red-color .banner-content a {
    border: 2px solid #df262b;
    color: #df262b;
}
.single-banner.banner-red-color .banner-content a:hover {
    color: #dc6266;
    border: 2px solid #dc6266;
}
.single-banner.banner-shape {
    border: 4px solid #fff;
}
.single-banner .banner-position-hm15-1 {
    position: absolute;
    right: 40px;
    top: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-banner .banner-position-hm15-1 {
        top: 25px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-position-hm15-1 {
        top: 20px;
        right: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-position-hm15-1 {
        top: 20px;
        right: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-position-hm15-1 {
        top: 15px;
        right: 15px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-banner .banner-position-hm15-1 {
        top: 30px;
        right: 30px;
    }
}
.single-banner .banner-position-hm15-2 {
    position: absolute;
    left: 40px;
    top: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-banner .banner-position-hm15-2 {
        top: 25px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-position-hm15-2 {
        top: 20px;
        left: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-position-hm15-2 {
        top: 20px;
        left: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-position-hm15-2 {
        top: 15px;
        left: 15px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-banner .banner-position-hm15-2 {
        top: 30px;
        left: 30px;
    }
}
.single-banner .banner-position-hm17-1 {
    position: absolute;
    right: 105px;
    bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-position-hm17-1 {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-position-hm17-1 {
        right: 20px;
        bottom: 20px;
    }
}
.single-banner .banner-content-3 h3 {
    font-weight: bold;
    font-size: 30px;
    margin: 0;
    line-height: 1;
    color: #111111;
    text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-banner .banner-content-3 h3 {
        font-size: 25px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content-3 h3 {
        font-size: 25px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-3 h3 {
        font-size: 22px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-3 h3 {
        font-size: 20px;
    }
}
.single-banner .banner-content-3 p {
    font-size: 18px;
    margin: 11px 0 20px;
    color: #010101;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-banner .banner-content-3 p {
        margin: 5px 0 12px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content-3 p {
        margin: 5px 0 12px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-3 p {
        margin: 5px 0 10px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-3 p {
        margin: 5px 0 10px;
    }
}
.single-banner .banner-content-3 p span {
    color: #6eab49;
}
.single-banner .banner-content-3 > a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: 2px solid #6eab49;
    color: #6eab49;
    font-size: 14px;
    display: inline-block;
    text-align: center;
}
.single-banner .banner-content-3 > a:hover {
    border: 2px solid #009ee2;
    color: #009ee2;
}
.single-banner .banner-content-3.pink-banner p {
    color: #010101;
}
.single-banner .banner-content-3.pink-banner p span {
    color: #ed59a0;
}
.single-banner .banner-content-3.pink-banner > a {
    border: 2px solid #ed59a0;
    color: #ed59a0;
}
.single-banner .banner-content-3.pink-banner > a:hover {
    border: 2px solid #009ee2;
    color: #009ee2;
}
.single-banner .banner-content-4 span {
    font-size: 18px;
    color: #6eab49;
}
.single-banner .banner-content-4 h2 {
    font-size: 55px;
    color: #f3993f;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    margin: 15px 0 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-banner .banner-content-4 h2 {
        font-size: 40px;
        margin: 7px 0 10px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content-4 h2 {
        font-size: 35px;
        margin: 7px 0 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-4 h2 {
        font-size: 45px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-4 h2 {
        font-size: 30px;
        margin: 7px 0 10px;
    }
}
.single-banner .banner-content-4 h5 {
    font-size: 24px;
    color: #000000;
    line-height: 1;
    margin: 0 0 36px;
    letter-spacing: 4.3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content-4 h5 {
        font-size: 20px;
        margin: 0 0 20px;
        letter-spacing: 2.3px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-4 h5 {
        font-size: 22px;
        letter-spacing: 3.3px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-4 h5 {
        font-size: 20px;
        margin: 0 0 20px;
        letter-spacing: 2.3px;
    }
}
.single-banner .banner-content-4 > a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1;
    padding: 13px 33px 13px;
    background-color: #6eab49;
}
.single-banner .banner-content-4 > a:hover {
    background-color: #009ee2;
}
.single-banner .banner-content-4.pink-banner span {
    color: #ed59a0;
}
.single-banner .banner-content-4.pink-banner h2 {
    color: #ed59a0;
}
.single-banner .banner-content-4.pink-banner > a {
    background-color: #ed59a0;
}
.single-banner .banner-content-4.pink-banner > a:hover {
    background-color: #009ee2;
}
.single-banner .banner-content-5 {
    position: absolute;
    left: 36px;
    top: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content-5 {
        left: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-5 {
        left: 15px;
        top: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-5 {
        left: 15px;
        top: 15px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-banner .banner-content-5 {
        left: 50px;
        top: 50px;
    }
}
.single-banner .banner-content-5 span {
    font-size: 24px;
    color: #e90042;
    display: block;
    line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-5 span {
        font-size: 20px;
    }
}
.single-banner .banner-content-5 h3 {
    font-family: "Cormorant Garamond";
    font-size: 36px;
    margin: 9px 0 62px;
    font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content-5 h3 {
        margin: 9px 0 25px;
        font-size: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-5 h3 {
        margin: 2px 0 12px;
        font-size: 25px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-5 h3 {
        margin: 9px 0 25px;
        font-size: 30px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-banner .banner-content-5 h3 {
        font-size: 36px;
        margin: 9px 0 40px;
    }
}
.single-banner .banner-content-5 a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: 2px solid #e90042;
    color: #e90042;
    font-size: 14px;
    display: inline-block;
    text-align: center;
}
.single-banner .banner-content-5 a:hover {
    border: 2px solid #009ee2;
    color: #009ee2;
}
.single-banner .banner-content-5.banner-content-5-white h3 {
    color: #fff;
}
.single-banner .banner-content-6 {
    position: absolute;
    left: 30px;
    bottom: 30px;
}
.single-banner .banner-content-6 a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1;
    padding: 13px 33px 13px;
    background-color: #e90042;
}
.single-banner .banner-content-6 a:hover {
    background-color: #009ee2;
}
.single-banner .banner-content-7 {
    position: absolute;
    left: 45px;
    bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-7 {
        left: 20px;
        bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-7 {
        left: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-banner .banner-content-7 {
        left: 40px;
        bottom: 40px;
    }
}
.single-banner .banner-content-7 span {
    font-size: 24px;
    font-weight: 600;
    color: #e90042;
    display: block;
    line-height: 1;
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-7 span {
        font-size: 20px;
    }
}
.single-banner .banner-content-7 h2 {
    font-size: 72px;
    font-weight: 700;
    color: #c3c1c0;
    margin: 9px 0 33px;
    line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content-7 h2 {
        font-size: 55px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-7 h2 {
        font-size: 40px;
        margin: 9px 0 20px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-7 h2 {
        font-size: 35px;
        margin: 9px 0 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-banner .banner-content-7 h2 {
        font-size: 42px;
        margin: 9px 0 35px;
    }
}
.single-banner .banner-content-7 > a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: 2px solid #e90042;
    color: #e90042;
    font-size: 14px;
    display: inline-block;
    text-align: center;
}
.single-banner .banner-content-7 > a:hover {
    border: 2px solid #009ee2;
    color: #009ee2;
}
.single-banner .banner-content-8 {
    position: absolute;
    left: 45px;
    bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-8 {
        left: 20px;
        bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-8 {
        left: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-banner .banner-content-8 {
        left: 30px;
        bottom: 30px;
    }
}
.single-banner .banner-content-8 span {
    font-size: 24px;
    color: #e90042;
    display: block;
    line-height: 1;
    text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-8 span {
        font-size: 17px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-8 span {
        font-size: 17px;
    }
}
.single-banner .banner-content-8 h2 {
    font-size: 64px;
    color: #000000;
    margin: 10px 0 4px;
    line-height: 50px;
    text-transform: uppercase;
    font-family: "Abril Fatface", cursive;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner .banner-content-8 h2 {
        font-size: 55px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-8 h2 {
        font-size: 38px;
        line-height: 30px;
        margin: 5px 0 4px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-8 h2 {
        font-size: 32px;
        line-height: 30px;
        margin: 5px 0 4px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-banner .banner-content-8 h2 {
        margin: 15px 0 5px;
    }
}
.single-banner .banner-content-8 p {
    font-size: 20px;
    color: #000000;
    margin: 0px 0 48px;
    line-height: 1;
    text-transform: uppercase;
    font-family: "Abril Fatface", cursive;
    letter-spacing: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-8 p {
        letter-spacing: 5px;
        font-size: 20px;
        margin: 0px 0 27px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-8 p {
        letter-spacing: 5px;
        font-size: 17px;
        margin: 0px 0 15px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-banner .banner-content-8 p {
        margin: 0px 0 35px;
    }
}
.single-banner .banner-content-8 > a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: 2px solid #e90042;
    color: #e90042;
    font-size: 14px;
    display: inline-block;
    text-align: center;
}
.single-banner .banner-content-8 > a:hover {
    border: 2px solid #009ee2;
    color: #009ee2;
}
.single-banner .banner-content-26-position1 {
    position: absolute;
    top: 60px;
    left: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-26-position1 {
        top: 30px;
        left: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-26-position1 {
        top: 20px;
        left: 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-banner .banner-content-26-position1 {
        top: 30px;
        left: 30px;
    }
}
.single-banner .banner-content-26-position2 {
    position: absolute;
    top: 50px;
    left: 43px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-26-position2 {
        top: 30px;
        left: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-26-position2 {
        top: 20px;
        left: 20px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-banner .banner-content-26-position2 {
        top: 30px;
        left: 30px;
    }
}
.single-banner .banner-content-26-position3 {
    position: absolute;
    bottom: 50px;
    left: 53%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-26-position3 {
        bottom: 30px;
        left: 45%;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-26-position3 {
        bottom: 20px;
        left: 38%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-banner .banner-content-26-position3 {
        bottom: 30px;
        left: 60%;
    }
}
.single-banner .banner-content-26 span {
    font-size: 18px;
    color: #ed59a0;
    display: block;
}
.single-banner .banner-content-26 h1 {
    font-size: 55px;
    color: #ed59a0;
    font-weight: bold;
    margin: 23px 0 21px;
    text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-26 h1 {
        font-size: 42px;
        margin: 15px 0 15px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-26 h1 {
        font-size: 42px;
        margin: 15px 0 15px;
    }
}
.single-banner .banner-content-26 p {
    font-size: 24px;
    letter-spacing: 1.8px;
    color: #fff;
    margin: 0 0 37px;
}
.single-banner .banner-content-26 .banner-cake-btn-1 a {
    display: inline-block;
    color: #ffffff;
    background-color: #ed59a0;
    line-height: 1;
    border-radius: 50px;
    padding: 12px 33px;
    z-index: 9;
}
.single-banner .banner-content-26-2 h1 {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #111111;
    line-height: 27px;
    margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-26-2 h1 {
        font-size: 25px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-26-2 h1 {
        font-size: 20px;
    }
}
.single-banner .banner-content-26-2 h3 {
    font-size: 18px;
    color: #010101;
    margin: 10px 0 17px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner .banner-content-26-2 h3 {
        margin: 3px 0 15px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner .banner-content-26-2 h3 {
        margin: 3px 0 10px;
    }
}
.single-banner .banner-content-26-2 h3 span {
    color: #ed59a0;
}
.single-banner .banner-content-26-2 .banner-cake-btn-2 a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: 2px solid #ed59a0;
    color: #ed59a0;
    font-size: 14px;
    display: inline-block;
    text-align: center;
}
.single-banner .banner-content-26-2 .banner-cake-btn-2 a:hover {
    border: 2px solid #009ee2;
    color: #009ee2;
}
@media only screen and (max-width: 767px) {
    .single-banner.mr-15 {
        margin-right: 0;
    }
    .single-banner.ml-15 {
        margin-left: 0;
    }
}

/* banner hm4 */
.banner-area-2 .container-fluid {
    padding-right: 10px;
    padding-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-area-2 .container-fluid {
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .banner-area-2 .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-area-2.pb-85 {
        padding-bottom: 42px;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .banner-area-2.banner-area-2 .single-banner .banner-content {
        top: 15px;
        left: 15px;
    }
    .banner-area-2.banner-area-2 .single-banner .banner-content h3 {
        font-size: 25px;
    }
    .banner-area-2.banner-area-2 .single-banner .banner-content h4 {
        margin: 3px 0 10px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .banner-area-2.banner-area-2 .single-banner .banner-content {
        top: 15px;
        left: 15px;
    }
    .banner-area-2.banner-area-2 .single-banner .banner-content h3 {
        font-size: 25px;
    }
    .banner-area-2.banner-area-2 .single-banner .banner-content h4 {
        margin: 3px 0 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-area-2.banner-area-2 .single-banner .banner-content {
        top: 25px;
    }
    .banner-area-2.banner-area-2 .single-banner .banner-content h3 {
        font-size: 30px;
    }
    .banner-area-2.banner-area-2 .single-banner .banner-content h4 {
        margin: 3px 0 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-area-2.banner-area-2.pt-10 {
        padding-top: 30px;
    }
}

/* banner hm9 */
.single-banner-2 {
    position: relative;
    overflow: hidden;
}
.single-banner-2 a img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-banner-2 .banner-content-2 {
    position: absolute;
    left: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
    .single-banner-2 .banner-content-2 {
        left: 20px;
    }
}
.single-banner-2 .banner-content-2 h3 {
    font-size: 48px;
    color: #915342;
    margin: 0;
    font-family: "Cormorant Garamond";
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner-2 .banner-content-2 h3 {
        font-size: 35px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner-2 .banner-content-2 h3 {
        font-size: 33px;
    }
}
.single-banner-2 .banner-content-2 h4 {
    font-size: 24px;
    color: #010101;
    font-weight: 500;
    font-family: "Cormorant Garamond";
    margin: 22px 0 94px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-banner-2 .banner-content-2 h4 {
        margin: 22px 0 34px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-banner-2 .banner-content-2 h4 {
        margin: 15px 0 25px;
    }
}
@media only screen and (max-width: 767px) {
    .single-banner-2 .banner-content-2 h4 {
        margin: 10px 0 20px;
    }
}
.single-banner-2 .banner-content-2 h4 span {
    color: #935644;
}
.single-banner-2 .banner-content-2 a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: 2px solid #97584a;
    color: #97584a;
    font-size: 14px;
    display: inline-block;
    text-align: center;
}
.single-banner-2 .banner-content-2 a:hover {
    color: #000;
    border: 2px solid #000;
}
.single-banner-2 .banner-content-2.jewellery-banner h3 {
    font-weight: 600;
}
.single-banner-2 .banner-content-2.banner-content-2-black h3 {
    color: #fff;
}
.single-banner-2 .banner-content-2.banner-content-2-black h4 {
    color: #fff;
}
.single-banner-2 .banner-content-2.banner-content-2-black h4 span {
    color: #af163b;
}
.single-banner-2 .banner-content-2.banner-content-2-black a {
    border: 2px solid #af163b;
    color: #af163b;
}
.single-banner-2 .banner-content-2.banner-content-2-black a:hover {
    color: #fff;
    border: 2px solid #fff;
}
.single-banner-2:hover a img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

@media only screen and (max-width: 767px) {
    .banner-area.pt-80 {
        padding-top: 60px;
    }
    .banner-area.pb-85 {
        padding-bottom: 35px;
    }
    .save-money-area .pt-100 {
        padding-top: 50px;
    }
    .save-money-area .pb-100 {
        padding-bottom: 50px;
    }
}

.save-money-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 50px;
}
@media only screen and (max-width: 767px) {
    .save-money-content {
        display: block;
        margin: 0 20px 0 20px;
        text-align: center;
    }
}
.save-money-content h2 {
    font-size: 36px;
    color: #010101;
    font-weight: bold;
    margin: 0 50px 0 0;
    line-height: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .save-money-content h2 {
        font-size: 30px;
        margin: 0 30px 0 0;
    }
}
@media only screen and (max-width: 767px) {
    .save-money-content h2 {
        font-size: 20px;
        margin: 0 0px 20px 0;
        line-height: 30px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .save-money-content h2 {
        font-size: 25px;
        margin: 0 0px 20px 0;
        line-height: 30px;
    }
}
.save-money-content .save-money-btn a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background-color: #ed59a0;
    line-height: 1;
    padding: 13px 40px 15px;
}
.save-money-content .save-money-btn a:hover {
    background-color: #009ee2;
}



/*------ 10. Suscribe style  ------*/
/*
.subscribe-style-2 h2 {
    font-size: 48px;
    color: #010101;
    margin: 0 0 23px;
}
@media only screen and (max-width: 767px) {
    .subscribe-style-2 h2 {
        font-size: 30px;
        margin: 0 0 12px;
    }
}

.subscribe-style-2 p {
    font-size: 16px;
    color: #696969;
    margin: 0 0 23px;
}

.subscribe-style-2 .subscribe-form-2 form input {
    background: transparent;
    border: none;
    height: 45px;
    padding: 2px 50px 2px 0;
    font-size: 14px;
    color: #333;
    border-bottom: 2px solid #e2e2e2;
}

.subscribe-style-2 .subscribe-form-2 form .mc-news {
    display: none;
}

.subscribe-style-2 .subscribe-form-2 form .mc-form {
    position: relative;
}

.subscribe-style-2 .subscribe-form-2 form .clear-2 {
    background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/suscribe.png") no-repeat scroll right 0 center;
    bottom: 0px;
    display: inline-block;
    position: absolute;
    right: 0px;
}
.subscribe-style-2 .subscribe-form-2 form .clear-2 input {
    border: medium none;
    padding: 0;
    text-indent: -99999px;
    width: 37px;
}

@media only screen and (max-width: 767px) {
    .subscribe-area-3.pb-100 {
        padding-bottom: 60px;
    }
}

.subscribe-style-3 h2 {
    font-size: 48px;
    color: #010101;
    margin: 0 0 23px;
}
@media only screen and (max-width: 767px) {
    .subscribe-style-3 h2 {
        font-size: 35px;
        margin: 0 0 12px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .subscribe-style-3 h2 {
        font-size: 40px;
    }
}

.subscribe-style-3 p {
    font-size: 16px;
    color: #696969;
    margin: 0;
    line-height: 1;
}

.subscribe-style-3 .subscribe-form-3 input {
    background: transparent;
    border: none;
    border-bottom: 2px solid #e2e2e2;
    text-align: center;
    color: #333;
    height: 46px;
}

.subscribe-style-3 .subscribe-form-3 .mc-news {
    display: none;
}

.subscribe-style-3 .subscribe-form-3 .clear-3 {
    margin-top: 40px;
}
.subscribe-style-3 .subscribe-form-3 .clear-3 input {
    width: auto;
    height: auto;
    color: #fff;
    background-color: #070508;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 17px 55px;
    border-radius: 5px;
    border: none;
}
.subscribe-style-3 .subscribe-form-3 .clear-3 input:hover {
    background-color: #009ee2;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.red-subscribe input {
    background-color: #df262b;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.red-subscribe input:hover {
    background-color: #009ee2;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.red-subscribe-2 input {
    background-color: #ff3d2a;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.red-subscribe-2 input:hover {
    background-color: #009ee2;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.green-subscribe input {
    background-color: #6eab49;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.green-subscribe input:hover {
    background-color: #009ee2;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.red-2-subscribe input {
    background-color: #e90042;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.red-2-subscribe input:hover {
    background-color: #009ee2;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.red-3-subscribe input {
    background-color: #c61a32;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.red-3-subscribe input:hover {
    background-color: #009ee2;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.subscribe-radious input {
    border-radius: 50px;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.pink-subscribe input {
    background-color: #ed59a0;
}
.subscribe-style-3 .subscribe-form-3 .clear-3.pink-subscribe input:hover {
    background-color: #009ee2;
}

.subscribe-style-3.subscribe-style-3-white h2 {
    color: #fff;
}

.subscribe-style-3.subscribe-style-3-white p {
    color: #fff;
}

.subscribe-style-3.subscribe-style-3-white .subscribe-form-3 input {
    border-bottom: 2px solid #e2e2e2;
    color: #cacaca;
}

.subscribe-style-3.subscribe-style-3-white .subscribe-form-3 .mc-news {
    display: none;
}

.subscribe-style-3.subscribe-style-3-white .subscribe-form-3 .clear-3 {
    margin-top: 40px;
}
.subscribe-style-3.subscribe-style-3-white .subscribe-form-3 .clear-3 input {
    color: #fff;
    border: none;
}
.subscribe-style-3.subscribe-style-3-white .subscribe-form-3 .clear-3 input:hover {
    background-color: #009ee2;
}
.subscribe-style-3.subscribe-style-3-white .subscribe-form-3 .clear-3.red-2-subscribe input {
    background-color: #e90042;
}
.subscribe-style-3.subscribe-style-3-white .subscribe-form-3 .clear-3.red-2-subscribe input:hover {
    background-color: #009ee2;
}

*/





.wrapper_top_banner {
  width: 100%;
  overflow: hidden;
}







/*------- 11. About style ------ */
.welcome-content h5 {
    font-weight: 500;
    font-size: 16px;
    color: #666;
    margin: 0;
    letter-spacing: 0.3px;
}

.welcome-content h1 {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 8px 0 30px;
    color: #433f3f;
    position: relative;
    display: inline-block;
    padding: 0 0 23px;
    line-height: 1;
}
.welcome-content h1:before {
    position: absolute;
    background-color: #070508;
    height: 3px;
    width: 70px;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.welcome-content p {
    font-size: 16px;
    color: #4b4b4b;
    line-height: 30px;
    width: 66%;
    margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .welcome-content p {
        width: 80%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .welcome-content p {
        width: 95%;
    }
}
@media only screen and (max-width: 767px) {
    .welcome-content p {
        width: 100%;
        font-size: 15px;
    }
}

/* about page */
.single-count .count-icon i {
    font-size: 50px;
    line-height: 1;
    display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-count .count-icon i {
        font-size: 45px;
    }
}
@media only screen and (max-width: 767px) {
    .single-count .count-icon i {
        font-size: 45px;
    }
}

.single-count h2 {
    color: #009ee2;
    font-size: 40px;
    font-weight: bold;
    margin: 25px 0 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-count h2 {
        margin: 10px 0 8px;
        font-size: 35px;
    }
}
@media only screen and (max-width: 767px) {
    .single-count h2 {
        margin: 6px 0 8px;
        font-size: 35px;
    }
}

.single-count span {
    color: #333;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 500;
}

.team-wrapper {
    background-color: #f7f7f7;
}
.team-wrapper .team-img {
    position: relative;
}
.team-wrapper .team-img a img {
    width: 100%;
}
.team-wrapper .team-img .team-action {
    background: #fff none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 70%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
    z-index: 5;
}
.team-wrapper .team-img .team-action a {
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    width: 30px;
    margin: 0 3px;
}
.team-wrapper .team-img .team-action a.facebook {
    border: 1px solid #3b5998;
    background-color: #3b5998;
}
.team-wrapper .team-img .team-action a.facebook:hover {
    background-color: transparent;
    color: #3b5998;
}
.team-wrapper .team-img .team-action a.twitter {
    border: 1px solid #55acee;
    background-color: #55acee;
}
.team-wrapper .team-img .team-action a.twitter:hover {
    background-color: transparent;
    color: #55acee;
}
.team-wrapper .team-img .team-action a.instagram {
    border: 1px solid #c32aa3;
    background-color: #c32aa3;
}
.team-wrapper .team-img .team-action a.instagram:hover {
    background-color: transparent;
    color: #c32aa3;
}
.team-wrapper .team-content {
    padding: 20px 10px 23px;
}
.team-wrapper .team-content h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 3px;
    text-transform: capitalize;
}
.team-wrapper .team-content span {
    font-size: 15px;
    font-style: italic;
}
.team-wrapper:hover .team-action {
    top: 50%;
    opacity: 1;
}

.single-mission h3 {
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 20px;
    text-transform: capitalize;
    line-height: 22px;
    color: #333;
}
@media only screen and (max-width: 767px) {
    .single-mission h3 {
        margin: 0 0 10px;
    }
}

.single-mission p {
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .about-brand-logo.pb-100 {
        padding-bottom: 60px;
    }
}

/*----- 12. instagram style  -----*/
.single-instagram {
    overflow: hidden;
}
.single-instagram a img {
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.single-instagram:hover a img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.shop-instagram-title {
    padding: 165px 20px 168px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop-instagram-title {
        padding: 100px 50px 100px;
    }
}
@media only screen and (max-width: 767px) {
    .shop-instagram-title {
        padding: 50px 10px 50px;
    }
}
.shop-instagram-title h2 {
    color: #010101;
    font-size: 72px;
    line-height: 57px;
    margin: 0 0 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop-instagram-title h2 {
        font-size: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .shop-instagram-title h2 {
        font-size: 30px;
        line-height: 36px;
        margin: 0 0 15px;
    }
}
.shop-instagram-title p {
    color: #010101;
    font-size: 18px;
    margin: 0 0 0px;
}
@media only screen and (max-width: 767px) {
    .shop-instagram-title p {
        font-size: 16px;
    }
}

.single-instagram-2 {
    position: relative;
}
.single-instagram-2:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    pointer-events: none;
}
.single-instagram-2 a {
    display: block;
}
.single-instagram-2 a img {
    width: 100%;
}
.single-instagram-2 .instagram-2-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 9;
}
.single-instagram-2 .instagram-2-icon a {
    display: inline-block;
    color: #fff;
    font-size: 30px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.single-instagram-2 .instagram-2-icon a:hover {
    color: #e4405f;
}
.single-instagram-2:hover:before {
    opacity: 0.5;
}
.single-instagram-2:hover .instagram-2-icon a {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*----- 13. Testimonial style  ------*/
.single-testimonial p {
    line-height: 32px;
    color: #575757;
    font-size: 16px;
    font-weight: 500;
    margin: 32px 0 0px;
    font-style: italic;
}
@media only screen and (max-width: 767px) {
    .single-testimonial p {
        font-size: 15px;
    }
}

.single-testimonial .client-info {
    margin: 20px 0 0;
}
.single-testimonial .client-info i {
    font-size: 26px;
    color: #666666;
}
.single-testimonial .client-info h5 {
    font-size: 14px;
    color: #010101;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 22px 0 3px;
}
.single-testimonial .client-info span {
    font-size: 14px;
    color: #010101;
    letter-spacing: 1.5px;
}

.testimonial-active.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}

.testimonial-area:hover .nav-style-1.owl-carousel > .owl-nav div {
    opacity: 1;
    visibility: visible;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .testimonial-area.ml-70 {
        margin-left: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-area.ml-70 {
        margin-left: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-area.ml-70 {
        margin-left: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial-area.ml-70 {
        margin-left: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .testimonial-area.ml-70 {
        margin-left: 30px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .testimonial-area.mr-70 {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-area.mr-70 {
        margin-right: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-area.mr-70 {
        margin-right: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial-area.mr-70 {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .testimonial-area.mr-70 {
        margin-right: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-area.mt-195 {
        margin-top: 125px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-area.mt-195 {
        margin-top: 0px;
        padding-top: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial-area.mt-195 {
        margin-top: 0px;
        padding-top: 40px;
    }
}

.testimonial-img-2 {
    margin-top: -197px;
    overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-img-2 {
        margin-top: -130px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-img-2 {
        margin-top: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .testimonial-img-2 {
        margin-top: 30px;
    }
}
.testimonial-img-2 img {
    width: 100%;
}

.single-testimonial-2 p {
    color: #fff;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    font-style: italic;
}

.single-testimonial-2 .client-info {
    margin: 18px 0 0;
}
.single-testimonial-2 .client-info i {
    color: #fff;
    font-size: 26px;
}
.single-testimonial-2 .client-info h5 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 20px 0 6px;
    color: #fff;
    line-height: 1;
}
.single-testimonial-2 .client-info span {
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 1.5px;
    margin: 0;
    color: #fff;
    line-height: 1;
}

.single-testimonial-2.testi-paragraph-mrg p {
    margin: 32px 0 0;
}

.testimonial-active-2 .owl-dots {
    text-align: center;
    margin: 15px 0 0;
}
.testimonial-active-2 .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 5px;
}
.testimonial-active-2 .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #fff;
    border: 2px solid transparent;
    display: inline-block;
}
.testimonial-active-2 .owl-dots .owl-dot.active span {
    background-color: transparent;
    border: 2px solid #fff;
}

/*------- 14. Brand logo style  -------*/
.brand-logo-active.owl-carousel .owl-item img,
.brand-logo-active-2.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}

.brand-logo-active .single-brand-logo,
.brand-logo-active .single-brand-logo2,
.brand-logo-active-2 .single-brand-logo,
.brand-logo-active-2 .single-brand-logo2 {
    text-align: center;
}
.brand-logo-active .single-brand-logo img,
.brand-logo-active .single-brand-logo2 img,
.brand-logo-active-2 .single-brand-logo img,
.brand-logo-active-2 .single-brand-logo2 img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.brand-logo-active .single-brand-logo:hover img,
.brand-logo-active .single-brand-logo2:hover img,
.brand-logo-active-2 .single-brand-logo:hover img,
.brand-logo-active-2 .single-brand-logo2:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.brand-logo-wrap {
    padding: 100px 90px;
}
@media only screen and (max-width: 767px) {
    .brand-logo-wrap {
        padding: 50px 20px;
    }
}

/*------ 15. Timer style  -----*/
.funfact-area.bg-img {
    position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .funfact-area.bg-img {
        background-position: 15%;
    }
    .funfact-area.bg-img:before {
        content: "";
        background-color: #fff;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        opacity: 0.7;
    }
}
@media only screen and (max-width: 767px) {
    .funfact-area.bg-img {
        background-position: 15%;
    }
    .funfact-area.bg-img:before {
        content: "";
        background-color: #fff;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        opacity: 0.7;
    }
}

.funfact-content {
    position: relative;
    z-index: 9;
}
.funfact-content h2 {
    font-size: 48px;
    color: #010101;
    margin: 0;
}
@media only screen and (max-width: 767px) {
    .funfact-content h2 {
        font-size: 32px;
    }
}
.funfact-content .timer {
    text-align: center;
    margin: 65px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .funfact-content .timer {
        margin: 44px 0 0;
    }
}
@media only screen and (max-width: 767px) {
    .funfact-content .timer {
        margin: 24px 0 0;
    }
}
.funfact-content .timer span {
    display: inline-block;
    font-size: 48px;
    color: #555;
    font-weight: 300;
    margin: 0 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .funfact-content .timer span {
        margin: 0 15px;
        font-size: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .funfact-content .timer span {
        margin: 0 5px;
        font-size: 22px;
    }
}
.funfact-content .timer span p {
    font-size: 18px;
    font-weight: 500;
    color: #555;
    text-transform: uppercase;
    margin: 34px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .funfact-content .timer span p {
        margin: 24px 0 0;
    }
}
@media only screen and (max-width: 767px) {
    .funfact-content .timer span p {
        margin: 12px 0 0;
        font-size: 14px;
    }
}
.funfact-content .funfact-btn {
    margin-top: 43px;
}
@media only screen and (max-width: 767px) {
    .funfact-content .funfact-btn {
        margin-top: 23px;
    }
}
.funfact-content .funfact-btn a {
    display: inline-block;
    background-color: #000;
    color: #fff;
    line-height: 1;
    padding: 16px 56px;
    border: 1px solid transparent;
    z-index: 1;
}
.funfact-content .funfact-btn a:hover {
    border: 1px solid #009ee2;
}
.funfact-content .funfact-btn.btn-only-round a {
    border-radius: 50px;
}
.funfact-content .funfact-btn.btn-only-round a:hover {
    border: 1px solid #009ee2;
}
.funfact-content .funfact-btn.funfact-btn-red a {
    background-color: #df262b;
}
.funfact-content .funfact-btn.funfact-btn-red a:hover {
    border: 1px solid #009ee2;
}
.funfact-content .funfact-btn.funfact-btn-red-2 a {
    background-color: #c61a32;
}
.funfact-content .funfact-btn.funfact-btn-red-2 a:hover {
    border: 1px solid #009ee2;
}
.funfact-content .funfact-btn.funfact-btn-red-3 a {
    background-color: #ff3d2a;
}
.funfact-content .funfact-btn.funfact-btn-red-3 a:hover {
    border: 1px solid #009ee2;
}
.funfact-content .funfact-btn.funfact-btn-green a {
    background-color: #6eab49;
}
.funfact-content .funfact-btn.funfact-btn-green a:hover {
    border: 1px solid #009ee2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .funfact-content.mt-90 {
        margin-top: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .funfact-content.funfact-res h2 {
        font-size: 35px;
    }
    .funfact-content.funfact-res .timer {
        margin: 30px 0 0;
    }
    .funfact-content.funfact-res .timer span {
        font-size: 30px;
        margin: 0 9px;
    }
    .funfact-content.funfact-res .timer span p {
        font-size: 15px;
        margin: 14px 0 0;
    }
    .funfact-content.mt-90 {
        margin-top: 0;
    }
}
@media only screen and (max-width: 767px) {
    .funfact-content.mt-90 {
        margin-top: 30px;
    }
}

.gift-img {
    margin: 0 10px;
}
.gift-img a {
    display: block;
}
.gift-img a img {
    width: 100%;
}

.fruits-deal-img {
    margin: 0 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fruits-deal-img {
        margin: 0px 50px 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fruits-deal-img {
        margin: 0px 0px 0;
    }
}
@media only screen and (max-width: 767px) {
    .fruits-deal-img {
        margin: 30px 0px 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fruits-deal-img {
        margin: 30px 30px 0;
    }
}
.fruits-deal-img a {
    display: block;
}
.fruits-deal-img a img {
    width: 100%;
}

.deal-area {
    overflow: hidden;
}

.fashion-deal-img a img,
.common-deal-img a img {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .fashion-deal-img,
    .common-deal-img {
        margin-bottom: 20px;
    }
}

.dealy-style-2 {
    margin: 49px 0 43px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dealy-style-2 {
        margin: 40px 0 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dealy-style-2 {
        margin: 30px 0 35px;
    }
}
@media only screen and (max-width: 767px) {
    .dealy-style-2 {
        margin: 20px 0 5px;
    }
}
.dealy-style-2 span {
    display: inline-block;
    font-size: 48px;
    font-weight: 300;
    color: #fff;
    margin: 0 34px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dealy-style-2 span {
        margin: 0 25px 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dealy-style-2 span {
        margin: 0 20px 0;
        font-size: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .dealy-style-2 span {
        margin: 0 20px 20px;
        font-size: 30px;
    }
}
.dealy-style-2 span p {
    font-size: 18px;
    font-weight: 500;
    margin: 33px 0 0;
    color: #fff;
    text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dealy-style-2 span p {
        margin: 20px 0 0;
    }
}
@media only screen and (max-width: 767px) {
    .dealy-style-2 span p {
        margin: 10px 0 0;
    }
}

.black-friday-deal-content h2 {
    color: #fff;
    font-size: 60px;
    line-height: 48px;
    margin: 0 0 67px;
    font-family: "Abril Fatface", cursive;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .black-friday-deal-content h2 {
        font-size: 50px;
        margin: 0 0 50px;
    }
}
@media only screen and (max-width: 767px) {
    .black-friday-deal-content h2 {
        margin: 0 0 27px;
        font-size: 30px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .black-friday-deal-content h2 {
        margin: 0 0 35px;
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .deal-area.pb-100 {
        padding-bottom: 60px;
    }
    .funfact-valentine.pb-100 {
        padding-bottom: 60px;
    }
}

/*------ 16. Breadcrumb style  --------*/
.breadcrumb-content ul li {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #5b5858;
    margin-right: 18px;
    text-transform: uppercase;
    position: relative;
}
.breadcrumb-content ul li::before {
    position: absolute;
    width: 18px;
    height: 1px;
    background-color: #5b5858;
    content: "";
    right: -21px;
    top: 12px;
    z-index: 99;
    -webkit-transform: rotate(115deg);
    -ms-transform: rotate(115deg);
    transform: rotate(115deg);
}
.breadcrumb-content ul li:last-child::before {
    display: none;
}
.breadcrumb-content ul li a {
    color: #5b5858;
}
.breadcrumb-content ul li a:hover {
    color: #009ee2;
}

/*---- 17. Sidebar style  ------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar-style.mr-30 {
        margin-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar-style {
        margin-top: 30px;
    }
    .sidebar-style.mr-30 {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .sidebar-style {
        margin-top: 30px;
    }
    .sidebar-style.mr-30 {
        margin-right: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar-style.ml-30 {
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar-style {
        margin-top: 30px;
    }
    .sidebar-style.ml-30 {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .sidebar-style {
        margin-top: 30px;
    }
    .sidebar-style.ml-30 {
        margin-left: 0;
    }
}

.sidebar-widget h4.pro-sidebar-title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin: 0;
}

.pro-sidebar-title.sidebar-dashline2::before{
  content:"";
  display: inline-block;
  height: 0.5em;
  border-bottom: 2px solid #999;
  color:#999;
  width:25px; /* 10% */
  position: relative;
  bottom:4px;
  margin-right: 10px;
 }
.pro-sidebar-title.sidebar-dashline::after{
  content:"";
  display: inline-block;
  height: 0.5em;
  border-bottom: 2px solid #999;
  color:#999;
  width:30px;
  position: relative;
  bottom:4px;
  left:10px;
 }

.sidebar-widget .sidebar-widget-list ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0px 0 15px;
}
.sidebar-widget .sidebar-widget-list ul li:last-child {
    padding: 0px 0 0px;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left {
    position: relative;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: 999;
    width: auto;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input:checked ~ .checkmark {
    background-color: #009ee2;
    border: 2px solid #009ee2;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input:checked ~ .checkmark::after {
    display: block;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 2px solid #888888;
    border-radius: 3px;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark::after {
    content: "";
    position: absolute;
    display: none;
}
.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark::after {
    left: 3px;
    top: 0px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sidebar-widget .sidebar-widget-list ul li a {
    margin-left: 30px;
    display: block;
}
.sidebar-widget .sidebar-widget-list ul li a span {
    color: #9a9a9a;
    font-weight: 500;
    background-color: #eeeeee;
    width: 30px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    border-radius: 50px;
    float: right;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.sidebar-widget .sidebar-widget-list ul li a:hover span {
    color: #fff;
    background-color: #009ee2;
}

.sidebar-widget .sidebar-widget-tag ul li {
    display: inline-block;
    margin: 0 10px 15px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar-widget .sidebar-widget-tag ul li {
        margin: 0 5px 15px 0;
    }
}
.sidebar-widget .sidebar-widget-tag ul li a {
    color: #424242;
    display: inline-block;
    background-color: #f6f6f6;
    padding: 9px 17px 12px;
    line-height: 1;
    border-radius: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar-widget .sidebar-widget-tag ul li a {
        padding: 9px 13px 12px;
    }
}
.sidebar-widget .sidebar-widget-tag ul li a:hover {
    background-color: #009ee2;
    color: #fff;
}

.pro-sidebar-search .pro-sidebar-search-form {
    position: relative;
}
.pro-sidebar-search .pro-sidebar-search-form input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    color: #000;
    font-size: 14px;
    height: 43px;
    padding: 2px 55px 2px 18px;
}
.pro-sidebar-search .pro-sidebar-search-form button {
    background: transparent none repeat scroll 0 0;
    border-color: #a1a5aa;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: none none none solid;
    border-width: medium medium medium 1px;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #000;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 20px;
}
.pro-sidebar-search .pro-sidebar-search-form button:hover {
    color: #009ee2;
}

.single-sidebar-blog {
    border-bottom: 1px solid #dee0e4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 20px;
    padding: 0 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.single-sidebar-blog:last-child {
    border-bottom: none;
}
.single-sidebar-blog .sidebar-blog-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    margin: 0 20px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-sidebar-blog .sidebar-blog-img {
        margin: 0 8px 0 0;
    }
}
.single-sidebar-blog .sidebar-blog-img img {
    width: 100%;
}
.single-sidebar-blog .sidebar-blog-content span {
    color: #333;
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1;
}
.single-sidebar-blog .sidebar-blog-content h4 {
    font-size: 14px;
    margin: 5px 0 0;
}





/*
.shop-top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 767px) {
    .shop-top-bar {
        display: block;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .shop-top-bar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.shop-top-bar .select-shoing-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (max-width: 767px) {
    .shop-top-bar .select-shoing-wrap {
        display: block;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .shop-top-bar .select-shoing-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.shop-top-bar .select-shoing-wrap .shop-select {
    margin-right: 50px;
}


.shop-top-bar .select-shoing-wrap .shop-select select {
    font-size: 14px;
    font-weight: 400;
    color: #222;
    -moz-appearance: none;
    -webkit-appearance: none;
    min-width: 143px;
    background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/select.png") no-repeat scroll right 0px center;
    background: #fff url("../../assets/img/icon-img/cart.png") no-repeat scroll right 18px center;
    padding: 0 50px 0 15px;
    cursor: pointer;
}

.shop-top-bar .select-shoing-wrap p {
    color: #606060;
    margin: 0;
}
@media only screen and (max-width: 767px) {
    .shop-top-bar .select-shoing-wrap p {
        margin: 5px 0 10px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .shop-top-bar .select-shoing-wrap p {
        margin: 0px;
    }
}
.shop-top-bar .shop-tab a {
    color: #606060;
    font-size: 18px;
    margin-left: 20px;
}
.shop-top-bar .shop-tab a:first-child {
    margin-left: 0;
}
.shop-top-bar .shop-tab a.active {
    color: #009ee2;
}

.shop-list-wrap .product-wrap:hover .hover-img {
    opacity: inherit;
    visibility: inherit;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

@media only screen and (max-width: 767px) {
    .shop-list-wrap .shop-list-content {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .shop-list-wrap .shop-list-content {
        margin-top: 0px;
    }
}

.shop-list-wrap .shop-list-content h3 {
    font-size: 24px;
    color: #010101;
    margin: 0;
}
@media only screen and (max-width: 767px) {
    .shop-list-wrap .shop-list-content h3 {
        font-size: 20px;
        line-height: 20px;
    }
}
.shop-list-wrap .shop-list-content h3 a {
    color: #010101;
}
.shop-list-wrap .shop-list-content h3 a:hover {
    color: #009ee2;
}

.shop-list-wrap .shop-list-content .product-list-price {
    margin: 13px 0 22px;
}
@media only screen and (max-width: 767px) {
    .shop-list-wrap .shop-list-content .product-list-price {
        margin: 13px 0 13px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop-list-wrap .shop-list-content .product-list-price {
        margin: 13px 0 19px;
    }
}
.shop-list-wrap .shop-list-content .product-list-price span {
    color: #fe5252;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
}
.shop-list-wrap .shop-list-content .product-list-price span.old {
    text-decoration: line-through;
    font-size: 18px;
    color: #cfcfcf;
    margin-left: 15px;
}

.shop-list-wrap .shop-list-content .rating-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.shop-list-wrap .shop-list-content .rating-review .product-list-rating i {
    font-size: 17px;
    color: #5f5d5d;
    margin: 0 3px 0;
}
.shop-list-wrap .shop-list-content .rating-review .product-list-rating i.yellow {
    color: #ffa900;
}
.shop-list-wrap .shop-list-content .rating-review a {
    margin-left: 40px;
    position: relative;
    font-size: 15px;
    color: #ffcf75;
    line-height: 1;
}
.shop-list-wrap .shop-list-content .rating-review a:before {
    position: absolute;
    content: "";
    left: -21px;
    top: 0;
    background-color: #d1d1d1;
    width: 1px;
    height: 15px;
}

.shop-list-wrap .shop-list-content p {
    margin: 15px 0 40px;
    line-height: 28px;
    font-size: 15px;
    color: #8f8f8f;
}
@media only screen and (max-width: 767px) {
    .shop-list-wrap .shop-list-content p {
        margin: 12px 0 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop-list-wrap .shop-list-content p {
        margin: 12px 0 20px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .shop-list-wrap .shop-list-content p {
        margin: 15px 0 20px;
    }
}

.shop-list-wrap .shop-list-content .shop-list-btn a {
    font-size: 14px;
    color: #343538;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1;
    background-color: #343538;
    color: #fff;
    padding: 14px 32px 15px;
    border: 1px solid transparent;
    z-index: 1;
}
@media only screen and (max-width: 767px) {
    .shop-list-wrap .shop-list-content .shop-list-btn a {
        padding: 10px 20px 11px;
        font-size: 13px;
    }
}
.shop-list-wrap .shop-list-content .shop-list-btn a:hover {
    border: 1px solid #009ee2;
}

.shop-list-wrap:hover .product-wrap .hover-img {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

@media only screen and (max-width: 767px) {
    .pro-pagination-style.mt-30 {
        margin-top: 10px;
    }
}

.pro-pagination-style ul li {
    display: inline-block;
    margin: 0 4px;
}
.pro-pagination-style ul li a {
    display: inline-block;
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    font-size: 15px;
    color: #009ee2;
    -webkit-box-shadow: 0 0px 12px 0.8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 12px 0.8px rgba(0, 0, 0, 0.1);
}
.pro-pagination-style ul li a:hover {
    background-color: #009ee2;
    color: #fff;
}
.pro-pagination-style ul li a.active {
    background-color: #009ee2;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pro-pagination-style ul li a.active:hover {
    background-color: #333;
}
.pro-pagination-style ul li a.prev,
.pro-pagination-style ul li a.next {
    background-color: #f6f6f6;
    color: #009ee2;
    font-size: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pro-pagination-style ul li a.prev:hover,
.pro-pagination-style ul li a.next:hover {
    background-color: #009ee2;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .shop-area.pb-100 {
        padding-bottom: 45px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .list2-col-style .shop-list-wrap .shop-list-content h3 {
        font-size: 20px;
        line-height: 20px;
    }
    .list2-col-style .shop-list-wrap .shop-list-content .product-list-price {
        margin: 13px 0 10px;
    }
    .list2-col-style .shop-list-wrap .shop-list-content p {
        margin: 6px 0 20px;
    }
    .list2-col-style .shop-list-wrap .shop-list-content .shop-list-btn a {
        padding: 10px 24px 11px;
        font-size: 13px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .list2-col-style .shop-list-wrap .shop-list-content h3 {
        font-size: 20px;
        line-height: 20px;
    }
    .list2-col-style .shop-list-wrap .shop-list-content .product-list-price {
        margin: 13px 0 10px;
    }
    .list2-col-style .shop-list-wrap .shop-list-content p {
        margin: 6px 0 20px;
    }
    .list2-col-style .shop-list-wrap .shop-list-content .shop-list-btn a {
        padding: 10px 20px 11px;
        font-size: 13px;
    }
}



*/



.grid-sizer {
    width: 25%;
}




/*----- 19. Product details page  ---*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-details-img.mr-20 {
        margin-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-details-img.mr-20 {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .product-details-img.mr-20 {
        margin-right: 0;
    }
}

.product-details-img .large-img-style {
    position: relative;
}
.product-details-img .large-img-style img {
    width: 100%;
}
.product-details-img .large-img-style span {
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 3px 11px;
    border-radius: 3px;
    font-weight: 500;
    background-color: #009ee2;
}
.product-details-img .large-img-style .img-popup-wrap {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 30px;
    color: #000000;
}
.product-details-img .large-img-style .img-popup-wrap:hover {
    color: #009ee2;
}

.product-details-img .shop-details-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -72px;
    z-index: 9;
    position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-details-img .shop-details-tab {
        margin-top: -50px;
    }
}
@media only screen and (max-width: 767px) {
    .product-details-img .shop-details-tab {
        margin-top: -45px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product-details-img .shop-details-tab {
        margin-top: -60px;
    }
}
.product-details-img .shop-details-tab a.shop-details-overly {
    position: relative;
}
.product-details-img .shop-details-tab a.shop-details-overly img {
    width: 100px;
		height:100px;
		border:3px solid #fff;
		xmargin-right:5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-details-img .shop-details-tab a.shop-details-overly img {
        width: 90px;
    }
}
@media only screen and (max-width: 767px) {
    .product-details-img .shop-details-tab a.shop-details-overly img {
        width: 85px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product-details-img .shop-details-tab a.shop-details-overly img {
        width: 110px;
    }
}
.product-details-img .shop-details-tab a.shop-details-overly.active:before {
    opacity: 0.6;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #ff0000;
    content: "";
}

.description-review-topbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #d7d7d7;
}
.description-review-topbar a {
    background-color: transparent;
    border-bottom: 3px solid transparent;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    xmargin: 0 15px 0;
		margin: 0 45px 0;
    padding: 0px 0px 13px;
    color: #888; /* #009ee2 */
}
.description-review-topbar a.active {
    color: #009ee2;
}
@media only screen and (max-width: 767px) {
    .description-review-topbar a {
        margin: 0 4px 15px;
        font-size: 15px;
        padding: 0px 0px 8px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .description-review-topbar a {
        margin: 0 8px 0px 0;
        font-size: 18px;
        padding: 0px 5px 0px;
    }
}
.description-review-topbar a.active {
    border-bottom: 2px solid #009ee2;
    background-color: transparent;
}

.description-review-bottom {
    padding: 33px 0 0;
}
.description-review-bottom .product-description-wrapper p {
    margin: 0 0 8px;
    font-size: 15px;
    line-height: 28px;
    color: #333;
    width: 84%;
}
@media only screen and (max-width: 767px) {
    .description-review-bottom .product-description-wrapper p {
        width: 100%;
    }
}
.description-review-bottom .product-description-wrapper p:last-child {
    margin: 0 0 0px;
}
.description-review-bottom .product-anotherinfo-wrapper ul li {
    color: #333;
    font-size: 14px;
    list-style: outside none none;
    margin: 0 0 13px;
}
.description-review-bottom .product-anotherinfo-wrapper ul li span {
    color: #000;
    display: inline-block;
    font-weight: 500;
    margin: 0 26px 0 0;
    min-width: 85px;
}

.single-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 50px;
}
@media only screen and (max-width: 767px) {
    .single-review {
        display: block;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-review {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.single-review .review-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    margin: 0 15px 0 0;
}
@media only screen and (max-width: 767px) {
    .single-review .review-img {
        margin: 0 0px 20px 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-review .review-img {
        margin: 0 15px 0px 0;
    }
}
.single-review .review-top-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.single-review .review-top-wrap .review-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.single-review .review-top-wrap .review-left .review-name {
    margin-right: 25px;
}
.single-review .review-top-wrap .review-left .review-name h4 {
    font-size: 16px;
    margin: 0;
    line-height: 1;
    font-weight: 500;
}
.single-review .review-top-wrap .review-left .review-rating {
    line-height: 1;
}
.single-review .review-top-wrap .review-left .review-rating i {
    font-size: 12px;
    margin-right: 1px;
    color: #ffa900;
}
.single-review .review-top-wrap .review-btn a {
    font-weight: 500;
    line-height: 1;
}
.single-review .review-bottom p {
    margin: 0;
    width: 93%;
}

.single-review.child-review {
    margin-left: 70px;
    margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .single-review.child-review {
        margin-left: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ratting-form-wrapper.pl-50 {
        padding-left: 0;
        margin-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .ratting-form-wrapper.pl-50 {
        padding-left: 0;
        margin-top: 50px;
    }
}

.ratting-form-wrapper h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.ratting-form-wrapper .ratting-form form .star-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 6px 0 20px;
}
.ratting-form-wrapper .ratting-form form .star-box span {
    margin: 0 15px 0 0;
}
.ratting-form-wrapper .ratting-form form .star-box .ratting-star {
    font-size: 12px;
    color: #ffa900;
    margin: 2px 0 0;
}

.ratting-form-wrapper .ratting-form form .rating-form-style input,
.ratting-form-wrapper .ratting-form form .rating-form-style textarea {
    padding: 2px 10px 2px 20px;
    background: transparent;
    border: 1px solid #e6e6e6;
    color: #333;
}

.ratting-form-wrapper .ratting-form form .rating-form-style textarea {
    height: 180px;
    padding: 20px 10px 2px 20px;
    margin-bottom: 20px;
}

.ratting-form-wrapper .ratting-form form .form-submit input {
    width: auto;
    padding: 12px 50px;
    font-weight: 500;
    text-transform: uppercase;
    height: auto;
    background-color: #009ee2;
    color: #fff;
    border: 1px solid #009ee2;
}
.ratting-form-wrapper .ratting-form form .form-submit input:hover {
    background-color: #333;
    border: 1px solid #333;
}





.product-dec-slider-2 {
    display: inline-block;
    float: left;
    padding: 0;
    width: 20%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-dec-slider-2 {
        width: 19%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-dec-slider-2 {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .product-dec-slider-2 {
        margin-bottom: 30px;
        width: 30%;
    }
}
.product-dec-slider-2 .product-dec-icon {
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: 25px;
    left: 50%;
    line-height: 1;
    padding: 0 10px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}
.product-dec-slider-2 .product-dec-icon.product-dec-prev {
    top: -25px;
}
.product-dec-slider-2 .product-dec-icon.product-dec-next {
    bottom: -14px;
}
.product-dec-slider-2.slick-vertical .slick-slide {
    display: block;
    height: auto;
    margin: 2px 0 10px;
    text-align: center;
}
.product-dec-slider-2.slick-vertical .slick-slide img {
    display: inline-block;
    width: 100%;
}
.product-dec-slider-2:hover .product-dec-icon {
    opacity: 1;
    visibility: visible;
}

.zoompro-wrap.zoompro-2 {
    display: inline-block;
    position: relative;
    width: 80%;
    float: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .zoompro-wrap.zoompro-2 {
        width: 79%;
    }
}
@media only screen and (max-width: 767px) {
    .zoompro-wrap.zoompro-2 {
        margin-bottom: 30px;
        width: 70%;
    }
}

.zoompro-wrap .zoompro-span {
    position: relative;
}
.zoompro-wrap .zoompro-span span {
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 3px 11px;
    border-radius: 3px;
    font-weight: 500;
    background-color: #009ee2;
    z-index: 99;
}
.zoompro-wrap .zoompro-span .product-video {
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 99;
}
.zoompro-wrap .zoompro-span .product-video a {
    background-color: #009ee2;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 5px 15px 5px;
}
@media only screen and (max-width: 767px) {
    .zoompro-wrap .zoompro-span .product-video a {
        padding: 3px 10px 3px;
    }
}
.zoompro-wrap .zoompro-span img {
    width: 100%;
}

.dec-img-wrap {
    position: relative;
}
.dec-img-wrap img {
    width: 100%;
}
.dec-img-wrap span {
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 3px 11px;
    border-radius: 3px;
    font-weight: 500;
    background-color: #009ee2;
    z-index: 99;
}

@media only screen and (max-width: 767px) {
    .sidebar-active .product-details-content {
        margin-top: 0;
    }
}

.sidebar-active.col-lg-6 {
    padding-left: 15px;
    padding-right: 15px;
}
.sidebar-active.col-lg-6.is-affixed {
    padding-left: 0px;
    padding-right: 0px;
}
.sidebar-active.col-lg-6.is-affixed .inner-wrapper-sticky {
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-details-gallery.mr-20 {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .product-details-gallery.mr-20 {
        margin-right: 0;
    }
}





/* affiliate */
.pro-details-affiliate {
    margin: 30px 0;
}
.pro-details-affiliate a {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    background-color: #000;
    line-height: 1;
    padding: 13px 30px 16px;
    z-index: 9;
    border: 1px solid transparent;
}

/* product-details-slider */
.product-details-slider-active.nav-style-1.owl-carousel .owl-nav div {
    color: #333;
    font-size: 20px;
    left: 20px;
}
.product-details-slider-active.nav-style-1.owl-carousel .owl-nav div:hover {
    color: #009ee2;
}
.product-details-slider-active.nav-style-1.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 20px;
}

.product-details-slider-active:hover.nav-style-1.owl-carousel > .owl-nav div {
    opacity: 1;
    visibility: visible;
}






@media only screen and (max-width: 767px) {
    .cart-main-area.pb-100 {
        padding-bottom: 60px;
    }
}

h3.cart-page-title {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 15px;
}

.cart-table-content table {
    border: 1px solid #ebebeb;
}
.cart-table-content table thead > tr {
    background-color: #f9f9f9;
    border: 1px solid #ebebeb;
}
.cart-table-content table thead > tr th {
    border-top: medium none;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    padding: 21px 45px 22px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cart-table-content table thead > tr th {
        padding: 21px 35px 22px;
    }
}
@media only screen and (max-width: 767px) {
    .cart-table-content table thead > tr th {
        padding: 21px 20px 22px;
    }
}
.cart-table-content table tbody > tr {
    border-bottom: 1px solid #ebebeb;
}
.cart-table-content table tbody > tr td.product-thumbnail {
    width: 150px;
}
.cart-table-content table tbody > tr td.product-name {
    width: 435px;
}
.cart-table-content table tbody > tr td.product-name a {
    color: #333;
    font-size: 15px;
    font-weight: 500;
}
.cart-table-content table tbody > tr td.product-name a:hover {
    color: #009ee2;
}
.cart-table-content table tbody > tr td.product-price-cart {
    width: 435px;
}
.cart-table-content table tbody > tr td.product-price-cart span {
    font-weight: 500;
    color: #333;
}
.cart-table-content table tbody > tr td.product-subtotal {
    font-weight: 500;
    color: #333;
}
.cart-table-content table tbody > tr td.product-quantity {
    width: 435px;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus {
    display: inline-block;
    height: 40px;
    padding: 0;
    position: relative;
    width: 110px;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus .qtybutton {
    color: #333;
    cursor: pointer;
    float: inherit;
    font-size: 16px;
    margin: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 20px;
    text-align: center;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus .dec.qtybutton {
    border-right: 1px solid #e5e5e5;
    height: 40px;
    left: 0;
    padding-top: 8px;
    top: 0;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus .inc.qtybutton {
    border-left: 1px solid #e5e5e5;
    height: 40px;
    padding-top: 9px;
    right: 0;
    top: 0;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus input.cart-plus-minus-box {
    color: #333;
    float: left;
    font-size: 14px;
    height: 40px;
    margin: 0;
    width: 110px;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    padding: 0;
    text-align: center;
}
.cart-table-content table tbody > tr td.product-remove {
    width: 100px;
}
.cart-table-content table tbody > tr td.product-remove a {
    color: #666;
    font-size: 17px;
    margin: 0 13px;
}
.cart-table-content table tbody > tr td.product-remove a:hover {
    color: #009ee2;
}
.cart-table-content table tbody > tr td.product-wishlist-cart > a {
    background-color: #009ee2;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    padding: 7px 12px;
    text-transform: uppercase;
}
.cart-table-content table tbody > tr td.product-wishlist-cart > a:hover {
    background-color: #333;
}
.cart-table-content table tbody > tr td {
    color: #333;
    font-size: 15px;
    padding: 30px 0;
    text-align: center;
}

.select-filter select {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #242424;
    font-size: 12px;
    height: 40px;
    padding: 0 50px 0 15px;
    width: 100%;
    cursor: pointer;
    padding-right: 2.375rem;
    background-position: center right .9375rem;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI4NC45MjkgMjg0LjkyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg0LjkyOSAyODQuOTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Mi4wODIsNzYuNTExbC0xNC4yNzQtMTQuMjczYy0xLjkwMi0xLjkwNi00LjA5My0yLjg1Ni02LjU3LTIuODU2Yy0yLjQ3MSwwLTQuNjYxLDAuOTUtNi41NjMsMi44NTZMMTQyLjQ2NiwxNzQuNDQxICAgTDMwLjI2Miw2Mi4yNDFjLTEuOTAzLTEuOTA2LTQuMDkzLTIuODU2LTYuNTY3LTIuODU2Yy0yLjQ3NSwwLTQuNjY1LDAuOTUtNi41NjcsMi44NTZMMi44NTYsNzYuNTE1QzAuOTUsNzguNDE3LDAsODAuNjA3LDAsODMuMDgyICAgYzAsMi40NzMsMC45NTMsNC42NjMsMi44NTYsNi41NjVsMTMzLjA0MywxMzMuMDQ2YzEuOTAyLDEuOTAzLDQuMDkzLDIuODU0LDYuNTY3LDIuODU0czQuNjYxLTAuOTUxLDYuNTYyLTIuODU0TDI4Mi4wODIsODkuNjQ3ICAgYzEuOTAyLTEuOTAzLDIuODQ3LTQuMDkzLDIuODQ3LTYuNTY1QzI4NC45MjksODAuNjA3LDI4My45ODQsNzguNDE3LDI4Mi4wODIsNzYuNTExeiIgZmlsbD0iIzQwNDA0MCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: 10px 10px;
		xbackground: rgba(255, 255, 255, 0.3);
		line-height: normal;
		z-index: 9;
}
.select-filter.dark  select {
	border: 1px solid #7fcef0 !important;
	margin: 3px 0;
}
.select-filter.grey  select {
	border: 2px solid #eee !important;
	margin: 3px 0;
}


/*------ SUMMARY PAGE  --------*/

.cart-header {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: bold;
    padding: 1.2rem 2rem;
    background: #f3f3f3;
}
.cart-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
}
.cart-item-img {
    max-width: 60px;
}

.order-summary-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
}





/*------ LOG IN - REGISTER  --------*/

.block-header {
    padding: 1.2rem 1.5rem;
    background: #e5f5fc; /* #ccebf9 */
}
.block-body {
    padding: 1.2rem 1.5rem;
}


.login-register-wrapper .login-register-tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
		font-family: 'proxima_nova_rgbold','Poppins', 'Roboto', 'Helvetica', 'Arial', sans-serif;
}
.login-register-wrapper .login-register-tab-list a {
    position: relative;
}
.login-register-wrapper .login-register-tab-list a::before {
    background-color: #454545;
    bottom: 5px;
    content: "";
    height: 18px;
    margin: 0 auto;
    position: absolute;
    right: -2px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 1px;
}
.login-register-wrapper .login-register-tab-list a h4 {
    font-size: 25px;
    font-weight: 700;
    margin: 0 20px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.login-register-wrapper .login-register-tab-list a:last-child::before {
    display: none;
}
.login-register-wrapper .login-register-tab-list a.active h4 {
    color: #009ee2;
}




.login-register-wrapper {
  XXXz-index: 999999;
}

.login-register-wrapper .login-form-container {
    /* background: transparent none repeat scroll 0 0; */
		background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    padding: 50px;
    text-align: left;
}
.login-register-wrapper .login-form-container h1{
	font-family: 'rgregular','Poppins', 'Roboto', 'Helvetica', 'Arial', sans-serif;
	font-weight: 500 !important;
	font-size: 20px;
	color: #333;
	letter-spacing: 5px;
	line-height: 1.2;
	margin: 20px 0;
	text-align: center;
}
.login-register-wrapper .login-form-container p{
	margin:10px 0 ;
	font-size: 11px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .login-register-wrapper .login-form-container {
        padding: 80px 50px;
    }
}
@media only screen and (max-width: 767px) {
    .login-register-wrapper .login-form-container {
        padding: 40px 15px;
    }
}
.login-register-wrapper .login-form-container .login-register-form form input {
    background-color: transparent;
    border: 1px solid #ebebeb;
    color: #333;
    font-size: 14px;
    height: 45px;
    margin-bottom: 10px;
    padding: 0 15px;
}
.login-register-wrapper .login-form-container .login-register-form form input[type="checkbox"] {
    height: 15px;
    margin: 0;
    position: relative;
    top: 1px;
    width: 17px;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn {
    padding: 10px 0 19px;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn label {
    color: #444;
    font-size: 14px;
    font-weight: 400;
}
@media only screen and (max-width: 767px) {
    .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn label {
        font-size: 14px;
    }
}
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a {
    color: #444;
    float: right;
    font-size: 14px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 767px) {
    .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a {
        font-size: 14px;
    }
}
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a:hover {
    color: #009ee2;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box button {
    background-color: #009ee2;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 11px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
		letter-spacing: 5px;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box button:after {
    font-family: 'Font Awesome 5 Free';
    /* font: normal normal normal 14px/1 'Nucleo Outline'; */
    font-weight: 700;
    font-style: normal;
    content: '\f30b';
    font-size: 18px;
    padding-left: 8px;
    position: relative;
    top: 1px;
    xxxcolor: #cc0000;
    xtransition: all .4s ease-in-out;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box button:hover {
    background-color: #1a7ab9;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .login-register-area.pb-100 {
        padding-bottom: 60px;
    }
}




/*------ My account Page  ------*/
.single-my-account {
    margin-bottom: 10px;
    border: 1px solid #ebebeb;
}
.single-my-account h3.panel-title {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ebebeb;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    position: relative;
    text-transform: uppercase;
		padding-left:20px;
}

@media only screen and (max-width: 767px) {
    .single-my-account h3.panel-title {
        line-height: 22px;
        font-size: 14px;
    }
}
.single-my-account h3.panel-title span {
    color: #242424;
    font-size: 15px;
    /* left: 20px; */
    position: absolute;
    top: 16px;
}
.single-my-account h3.panel-title a {
	font-weight: 400;
	letter-spacing: 0.2px;
  color: #242424;
	line-height: normal;
  display: block;
  padding: 16px 0px;
	padding-right: 50px;
  position: relative;
	line-height: 2;
}
@media only screen and (max-width: 767px) {
    .single-my-account h3.panel-title a {
        padding: 16px 30px 16px 40px;
    }
}
.single-my-account h3.panel-title a:hover {
    color: #009ee2;
}
.single-my-account h3.panel-title a::before {
    color: #000;
    content: "\f107";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 19px;
}
.single-my-account h3.panel-title a:hover::before {
    color: #009ee2;
}
.single-my-account .myaccount-info-wrapper {
    padding: 10px 20px;
    background-color: #fff;
}
.single-my-account .myaccount-info-wrapper .account-info-wrapper {
    /* border-bottom: 1px solid #eaeaea; */
    /* margin-bottom: 28px; */
    padding-bottom: 0px;
}
.single-my-account .myaccount-info-wrapper .account-info-wrapper h4 {
    font-size: 15px;
    margin: 0;
    text-transform: uppercase;
}
.single-my-account .myaccount-info-wrapper .account-info-wrapper h5 {
		color:#008ecb;
		font-size: 15px;
    letter-spacing: 0.2px;
    margin-top: 7px;
		line-height: 1.6;
}
.single-my-account .myaccount-info-wrapper .billing-info {
    margin-bottom: 20px;
}
.single-my-account .myaccount-info-wrapper .billing-info label {
    color: #000;
    font-size: 14px;
    text-transform: capitalize;
}
.single-my-account .myaccount-info-wrapper .billing-info input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    color: #000;
    height: 40px;
    padding: 0 15px;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 26px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a {
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a:hover {
    color: #009ee2;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a i {
    font-size: 16px;
    color: #009ee2;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-btn button {
    background-color: #009ee2;
    border: medium none;
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 16px 35px 17px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-btn button:hover {
    background: #777;
    color: #fff;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper {
    border: 1px solid #eaeaea;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .single-my-account .myaccount-info-wrapper .entries-wrapper {
        padding: 30px 10px;
    }
    .single-my-account .myaccount-info-wrapper .entries-wrapper::before {
        display: none;
    }
}
.single-my-account .myaccount-info-wrapper .entries-wrapper::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    left: 50%;
    top: 0;
    background-color: #eaeaea;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info {
    padding: 30px 20px;
}
@media only screen and (max-width: 767px) {
    .single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info {
        padding: 0 10px 30px;
    }
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info p {
    color: #000;
    font-size: 15px;
    margin: 0;
    text-transform: capitalize;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a {
    background-color: #000;
    color: #fff;
    display: inline-block;
    line-height: 1;
    margin: 0 2px;
    padding: 12px 15px;
    text-transform: uppercase;
    font-weight: 500;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a:hover {
    background-color: #009ee2;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a.edit {
    background-color: #009ee2;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a.edit:hover {
    background-color: #009ee2;
}

.error h1 {
    font-size: 17rem;
    font-weight: bold;
    letter-spacing: 1rem;
    line-height: 1.1;
    margin-bottom: 30px;
    color: #009ee2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .error h1 {
        font-size: 15rem;
        margin-bottom: 4px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .error h1 {
        font-size: 12rem;
    }
}
@media only screen and (max-width: 767px) {
    .error h1 {
        font-size: 7rem;
        line-height: 88px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .error h1 {
        font-size: 9rem;
        line-height: 100px;
    }
}

.error h2 {
    font-size: 25px;
    font-weight: 600;
}

.error-btn {
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
    font-size: 16px;
    min-width: 184px;
    min-height: 55px;
    line-height: 55px;
    margin-bottom: 6px;
    padding: 0 10px;
    border: none;
    border-radius: 0;
    background-color: #009ee2;
    display: inline-block;
}
.error-btn:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -6px;
    height: 3px;
    width: 100%;
    background-color: #009ee2;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.error-btn:hover {
    background-color: #111111;
    color: #fff;
}
.error-btn:hover:after {
    background-color: #111111;
}

.searchform {
    position: relative;
}
.searchform input {
    border: 1px solid #eeeeee;
    height: 45px;
    width: 100%;
    padding-left: 15px;
    padding-right: 80px;
    background-color: transparent;
}
.searchform button {
    border: none;
    background-color: #009ee2;
    width: 70px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.searchform button:hover {
    background-color: #000;
}
@media only screen and (max-width: 767px) {
    .searchform.mb-50 {
        margin-bottom: 20px;
    }
}






/* ADDITIONAL CSS **************************************************************************/
/********************************************************************************************
*********************************************************************************************
*********************************************************************************************
*********************************************************************************************
*********************************************************************************************
*********************************************************************************************
*********************************************************************************************/



/* OVER RIDE SLIDER BANNER */
.xxxxowl-carousel {
    height: 100vh !important;
    object-fit: cover;
}

.overlay_black {
  z-index: 0;
  background: #000;
  opacity: 0.7;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.background_blue {
  /* background: linear-gradient(to top right, #00a1ff, #3f228a) !important;*/
	background: rgb(0,161,255);
	background: linear-gradient(0deg, rgba(0,161,255,1) 0%, rgba(63,34,138,1) 100%);
}

.background_dark {
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0.8533788515406162) 0%, rgba(255,255,255,0) 100%);
}




.btn-slider {
	display: inline-block;
	position: relative;
	font-family: 'Poppins', sans-serif !important;
	font-size: 15px;
  font-weight: 400;
  letter-spacing: .2em;
  padding: 16px 30px;
  line-height: 1.2;
  border-radius: 0;
	border-radius: 50px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.btn-slider {
		display: inline-block;
		position: relative;
		font-family: 'Poppins', sans-serif !important;
		font-size: 12px;
	  font-weight: 600;
	  letter-spacing: 0em;
	  padding: 12px 30px;
	  line-height: 1.2;
	  border-radius: 0;
		border-radius:50px;
		text-align: center;
	}
}

.btn-slider-bluelogo {
  background-color: #009ee2;
  xborder: 1px solid #009ee2;
  box-shadow: none;
  color: #fff;
	letter-spacing: 2px;
	margin-top: 30px;
}
.btn-slider-bluelogo:hover {
  background-color: #fff;
  xborder: 1px solid #fff;
  color: #009ee2;
}

.btn-slider-white {
  background-color: #fff;
  xborder: 1px solid #fff;
  box-shadow: none;
  color: #009ee2;
	letter-spacing: 2px;
	margin-top: 30px;
}
.btn-slider-white:hover {
  background-color: #009ee2;
  xborder: 1px solid #009ee2;
  color: #fff;
}

.btn-slider-purple {
  background-color: #996699;
  xborder: 1px solid #996699;
  box-shadow: none;
  color: #fff;
	letter-spacing: 2px;
	margin-top: 30px;
}

.btn-slider-darkred {
  background-color: #993333;
  xborder: 1px solid #993333;
  box-shadow: none;
  color: #fff;
	letter-spacing: 2px;
	margin-top: 30px;
}

.btn-slider-darkblue {
  background-color: #333399;
  xborder: 1px solid #333399;
  box-shadow: none;
  color: #fff;
	letter-spacing: 2px;
	margin-top: 30px;
}

.btn-slider-purple2 {
  background-color: #4c4183;
  xborder: 1px solid #4c4183;
  box-shadow: none;
  color: #fff;
	letter-spacing: 2px;
	margin-top: 30px;
}

.btn-slider-navyblue {
  background-color: #293076;
  xborder: 1px solid #293076;
  box-shadow: none;
  color: #fff;
	letter-spacing: 2px;
	margin-top: 30px;
}

.btn-slider-aqua {
  background-color: #008d91;
  xborder: 1px solid #008d91;
  box-shadow: none;
  color: #fff;
	letter-spacing: 2px;
	margin-top: 30px;
}

.btn-slider-darkgreen {
  background-color: #3a715c;
  xborder: 1px solid #3a715c;
  box-shadow: none;
  color: #fff;
	letter-spacing: 2px;
	margin-top: 30px;
}

.btn-slider-redorange {
  background-color: #cc3300;
  xborder: 1px solid #cc3300;
  box-shadow: none;
  color: #fff;
	letter-spacing: 2px;
	margin-top: 30px;
}

.btn-slider-brown {
  background-color: #996633;
  xborder: 1px solid #996633;
  box-shadow: none;
  color: #fff;
	letter-spacing: 2px;
	margin-top: 30px;
}

.btn-slider-gold {
  background-color: #d4af37;
  box-shadow: none;
  color: #fff;
	letter-spacing: 2px;
	margin-top: 30px;
}

.btn-slider-black {
  background-color: #000;
  box-shadow: none;
  color: #fff;
	letter-spacing: 2px;
	margin-top: 30px;
}


.btn-slider-purple:hover,
.btn-slider-darkred:hover,
.btn-slider-darkblue:hover,
.btn-slider-purple2:hover,
.btn-slider-navyblue:hover,
.btn-slider-aqua:hover,
.btn-slider-darkgreen:hover,
.btn-slider-redorange:hover,
.btn-slider-brown:hover,
.btn-slider-gold:hover,
.btn-slider-black:hover {
  background-color: #666;
  box-shadow: none;
	color: #fff;
}





.btn-slider-pink {
	display: inline-block;
	position: relative;
	font-family: 'proxima_nova_rgbold','Poppins', 'Roboto', 'Helvetica', 'Arial', sans-serif;
	/* font-family: 'Poppins', sans-serif !important; */
	padding: 14px 30px;
  font-size: 16px;
	line-height: 1.2;
  background-color: #ff33cc;
  border: 1px solid #ff33cc;
  box-shadow: none;
  color: #fff;
	letter-spacing: 2px;
	border-radius:50px;
}
.btn-slider-pink:hover {
  xbackground-color: transparent;
	background-color: #009ee2;
  border: 1px solid #009ee2;
  box-shadow: none;
  color: #fff;
}
@media (max-width: 1450px) {
	.btn-slider-pink {
		display: inline-block;
		position: relative;
		font-family: 'Poppins', sans-serif !important;
		padding: 10px 20px;
	  font-size: 10px;
		font-weight: 600;
		line-height: 1.2;
	  background-color: #ff33cc;
	  border: 1px solid #ff33cc;
	  box-shadow: none;
	  color: #fff;
		letter-spacing: 1px;
	}
}

.btn-slider-blue {
	display: inline-block;
	position: relative;
	font-family: 'proxima_nova_rgbold','Poppins', 'Roboto', 'Helvetica', 'Arial', sans-serif;
	padding: 20px 20px;
  font-size: 15px;
	line-height: 1.2;
  background-color: #009ee2;
  border: 1px solid #009ee2;
  box-shadow: none;
  color: #fff;
	letter-spacing: 0.5px;
	border-radius:50px;
}
.btn-slider-blue:hover {
  xbackground-color: transparent;
	background-color: #1a7ab9;
  border: 1px solid #1a7ab9;
  box-shadow: none;
  color: #fff;
}
@media (max-width: 1450px) {
	.btn-slider-blue {
		display: inline-block;
		position: relative;
		font-family: 'Poppins', sans-serif !important;
		padding: 10px 20px;
	  font-size: 10px;
		font-weight: 600;
		line-height: 1.2;
		background-color: #009ee2;
	  border: 1px solid #009ee2;
	  box-shadow: none;
	  color: #fff;
		letter-spacing: 0.5px;
	}
}

.btn-slider-blue-border {
	display: inline-block;
	position: relative;
	font-family: 'proxima_nova_rgbold','Poppins', 'Roboto', 'Helvetica', 'Arial', sans-serif;
	padding: 20px 20px;
  font-size: 15px;
	line-height: 1.2;
  background-color: transparent;
  border: 1px solid #009ee2;
  box-shadow: none;
  color: #009ee2;
	letter-spacing: 0.5px;
	border-radius:50px;
}
.btn-slider-blue-border:hover {
	background-color: #ccebf9;
  border: 1px solid #1a7ab9;
  box-shadow: none;
  color: #009ee2;
}
@media (max-width: 1450px) {
	.btn-slider-blue-border {
		display: inline-block;
		position: relative;
		font-family: 'Poppins', sans-serif !important;
		padding: 10px 20px;
	  font-size: 10px;
		font-weight: 600;
		line-height: 1.2;
		background-color: #009ee2;
	  border: 1px solid #009ee2;
	  box-shadow: none;
	  color: #fff;
		letter-spacing: 0.5px;
	}
}

.btn-slider-blue-fr {
	display: inline-block;
	position: relative;
	font-family: 'proxima_nova_rgbold','Poppins', 'Roboto', 'Helvetica', 'Arial', sans-serif;
	padding: 20px 20px;
  font-size: 12px;
	text-transform: uppercase;
	line-height: 1;
  background-color: #009ee2;
  border: 1px solid #009ee2;
  box-shadow: none;
  color: #fff;
	letter-spacing: -0.5px;
	border-radius:50px;
	text-align: center;
}
.btn-slider-blue-fr:hover {
	background-color: #1a7ab9;
  border: 1px solid #1a7ab9;
  box-shadow: none;
  color: #fff;
}

@media (max-width: 1477px) {
	.btn-slider-blue-fr {
		display: inline-block;
		position: relative;
		font-family: 'Poppins', sans-serif !important;
		padding: 10px 10px;
	  font-size: 10px!important;
		font-weight: 500;
		line-height:1;
		background-color: #009ee2;
	  border: 1px solid #009ee2;
	  box-shadow: none;
	  color: #fff;
		letter-spacing: -0.5px;
		border-radius:50px;
		text-align: center;
	}
}


.cta-secondary:hover .circle {
  transform: scale(1.2, 1.2)
}
.cta-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.75px
}
@media (min-width:768px) {
  .cta-secondary {
		font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 50px;
    padding: 0 10px;
  }
}
.cta-secondary .cta-label {
	margin-left: 20px;
}
@media (max-width:768px) {
	.cta-secondary .cta-label {
		margin-left: 0px;
	}
}
.cta-secondary .arrow-container {
  flex-shrink: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  flex: 0 0 auto
}
@media (min-width:768px) {
  .cta-secondary .arrow-container {
    width: 60px;
    height: 60px
  }
}
.cta-secondary .arrow-container .circle {
  stroke: #009ee2;
  transform-origin: center center;
  transition: all 0.3s ease
}





.btn-slider-lightblue {
	display: inline-block;
	position: relative;
	font-family: 'proxima_nova_rgbold','Poppins', 'Roboto', 'Helvetica', 'Arial', sans-serif;
	padding: 20px 30px;
  font-size: 16px;
	line-height: 1.2;
  background-color: #17a2b8;
  border: 1px solid #17a2b8;
  box-shadow: none;
  color: #fff;
	letter-spacing: 0px;
	border-radius:50px;
}
.btn-slider-lightblue:hover {
  xbackground-color: transparent;
	background-color: #666;
  border: 1px solid #666;
  box-shadow: none;
  color: #fff;
}
@media (max-width: 1450px) {
	.btn-slider-lightblue {
		display: inline-block;
		position: relative;
		font-family: 'Poppins', sans-serif !important;
		padding: 10px 20px;
	  font-size: 10px;
		font-weight: 600;
		line-height: 1.2;
	  background-color: #ff33cc;
	  border: 1px solid #ff33cc;
	  box-shadow: none;
	  color: #fff;
		letter-spacing: 1px;
	}
}

.btn-slider-dark {
	display: inline-block;
	position: relative;
	font-family: 'proxima_nova_rgbold','Poppins', 'Roboto', 'Helvetica', 'Arial', sans-serif;
	padding: 10px 20px;
  font-size: 16px;
	line-height: 1.2;
  background-color: #333;
  border: 1px solid #333;
  box-shadow: none;
  color: #fff;
	letter-spacing: 2px;
	border-radius:50px;
}
.btn-slider-dark:hover {
  xbackground-color: transparent;
	background-color: #1a7ab9;
  border: 1px solid #1a7ab9;
  box-shadow: none;
  color: #fff;
}
@media (max-width: 1450px) {
	.btn-slider-dark {
		display: inline-block;
		position: relative;
		font-family: 'Poppins', sans-serif !important;
		padding: 10px 20px;
	  font-size: 10px;
		font-weight: 600;
		line-height: 1.2;
	  background-color: #333;
	  border: 1px solid #333;
	  box-shadow: none;
	  color: #fff;
		letter-spacing: 1px;
	}
}

.popular-mixes-btn {
	display: inline-block;
	position: relative;
  background-color: #009ee2;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  padding: 7px 20px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
	letter-spacing: 1px;
	border-radius:50px;
}
.popular-mixes-btn:hover {
  background-color: #1a7ab9;
  color: #fff;
}
.popular-mixes-btn:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-style: normal;
  content: '\f30b';
  font-size: 18px;
  padding-left: 8px;
  position: relative;
  top: 1px;
}


.btn-primary {
	display: inline-block !important;
	position: relative;
  background-color: #009ee2;
  border: 0.1rem solid #009ee2;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
	padding: 10px 30px;
	text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
	letter-spacing: 0px;
	border-radius:50px;
	margin: 5px 0;
}
.btn-primary:hover {
	border: 0.1rem solid #1a7ab9;
  background-color: #1a7ab9;
  color: #fff;
}
@media only screen and (max-width: 767px) {
	.btn-primary {
		font-size: 10px;
	  font-weight: 500;
	  line-height: normal;
		padding: 2px 10px;
	}
}

.btn-secondary {
	display: inline-block !important;
	position: relative;
	background: transparent;
	border: 0.1rem solid #009ee2;
  color: #009ee2;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
	padding: 10px 0;
	text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
	letter-spacing: 0px;
	border-radius:50px;
	margin: 5px 0;
	width: 100%;
	max-width: 49%;
}
.btn-secondary:hover {
	background: #e5f5fc;
  color: #1a7ab9;
	border: 0.1rem solid #1a7ab9;
}

.btn-thirdy {
	display: inline-block !important;
	position: relative;
	background: #ccebf9;
	border: 0.1rem solid #009ee2;
  color: #009ee2;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
	padding: 10px 30px;
	text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
	letter-spacing: 0px;
	border-radius:50px;
	width:187px;
}
.btn-thirdy:hover {
	background: #e5f5fc;
  color: #1a7ab9;
	border: 0.1rem solid #1a7ab9;
}

/* HOVER FOCUS */
.btn-primary:focus, .btn-secondary:focus, .btn-thirdy:focus {
	background: #FFF !important;
  color: #009ee2 !important;
	border: 0.1rem solid #009ee2 !important;
	outline: none !important;
	-webkit-box-shadow: none;
  box-shadow: none;
}




.btn-save {
	display: inline-block;
	position: relative;
  background-color: #7fcef0;
  border: 0.1rem solid #7fcef0;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
	padding: 18px 20px;
	text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
	letter-spacing: 1px;
	border-radius:50px;
}
.btn-save:hover {
  background-color: #009ee2;
	border: 0.1rem solid #1a7ab9;
  color: #fff;
}




.btn-summary-icon:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-style: normal;
  content: '\f291';
  font-size: 15px;
  padding-right: 8px;
  position: relative;
  top: 2px;
}
.btn-pdf-icon:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-style: normal;
  content: '\f1c1';
  font-size: 15px;
  padding-right: 8px;
  position: relative;
  top: 2px;
}
.btn-save-icon:before {
	display:inline-block;
  font-size:inherit;
  height:1em;
  overflow:visible;
  vertical-align: -5px;
  content: url(../../images/save-icon.svg);
  margin-right: 4px;
  width: 25px;
}
.btn-email-icon:before {
	display:inline-block;
  font-size:inherit;
  height:1em;
  overflow:visible;
  vertical-align: -5px;
  content: url(../../images/send-email-icon.svg);
  margin-right: 8px;
  width: 20px;
}
.btn-virtual-icon:before {
	display:inline-block;
  font-size:inherit;
  height:1em;
  overflow:visible;
  vertical-align: -5px;
  content: url(../../images/virtual-icon1.svg);
  margin-right: 8px;
  width: 20px;
}



/* Flickity Parallax BANNER SLIDER ---- VERSION 2
================================================== */

.flickity-button {
  position: absolute;
  Xbackground: hsla(0,0%,100%,.75);
	background-color: transparent !important;
  border: none;
  xcolor: #999!important;
}

.main-carousel {
  max-width:100%;
  xheight: 60vh;
  height: 700px;
  margin:0 auto;
}
.carousel-cell {
  background: #000;
  width: 100%;
  height: 700px; /* 100vh */
  margin-right:0px;
  text-align:center;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1199.98px) {
  .main-carousel {
    max-width:100%;
    height: 500px;
    margin:0 auto;
  }
  .carousel-cell {
    background: #000;
    width: 100%;
    height: 500px; /* 100vh */
    margin-right:0px;
    text-align:center;
    position: relative;
    overflow: hidden;
  }
}


.sample-background-101 {
  background-image: url("photographer.jpg"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .bg-cel01 .bg{
    background: url(../../images/scribl-banner-101.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    xbackground-attachment: fixed;
  }
  .bg-cel02 .bg{
    background: url(../../images/scribl-banner-102.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  .bg-cel03 .bg{
    background: url(../../images/scribl-banner-03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  .bg-cel04 .bg{
    background: url(../../images/scribl-banner-106.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
}

/* small devices (smartphones,e tablets 992px and dow)*/
@media (max-width: 1199.98px) {
  .bg-cel01 .bg{
    background: url(../../images/mobile-scribl-banner-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
  }
  .bg-cel02 .bg{
    background: url(../../images/mobile-scribl-banner-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .bg-cel03 .bg{
    background: url(../../images/mobile-scribl-banner-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .bg-cel04 .bg{
    background: url(../../images/scribl-banner-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
 }

.main-carousel .bg {
  position: absolute;
  top:0;
  left: 0;
  height: 100%;
  width: 100% ;
}

.main-carousel .text {
  padding:0 60px;
  position: relative;
  transform:translateY(-50%);
  top:80%;
}
.main-carousel .text  h1 {
    font-size:24px;
		font-weight: 600;
		line-height: 1;
		padding-bottom: 15px;
		text-transform: uppercase;
}
.main-carousel .text  h2 {
    font-size:16px;
		font-weight:400;
		line-height: 1;
}

.flickity-page-dots {
    bottom: 25px !important;
}
.flickity-page-dots .dot {
    display: inline-block;
    width: 15px !important;
    height: 5px !important;
    margin: 0 8px;
    background: #fff !important;
    border-radius: 0% !important;
    opacity: .25;
    cursor: pointer;
}


@media all and (max-width:760px) {
  xh1 {
    font-size:48px;
  }
  xp {
    font-size:18px;
  }
  .carousel-cell {
    //height: 380px;
  }
}

/* END Flickity Parallax BANNER SLIDER ---- VERSION 2
================================================== */




/* Carousel with blured inactive items - PERFECT BOUND & CENTRE SEWN PAGE **********************************/
/* Value Slider */
.values-slider .value{
	box-sizing: border-box;
	background: #fff;
	background-size: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 45px;
	color: #666;
	max-width: 350px;
	min-height: 230px;
}

.values-slider .value .head {}

.values-slider .value .head h3{
	display: inline-block;
	font: bold 24px 'open sans';
	position: relative;
	top: -20px;
}

.values-slider .value .head .line{
	display: inline-block;
	width: 40px;
	height: 1px;
	background: #eacfb1;
	margin: 0 15px;
	position: relative;
	top: -25px;
}

.values-slider .value .head .value-icon{
	display: inline-block;
	width: 55px;
	height: auto;
}

.values-slider .value .head .value-icon svg{
	width: 100%;
	height: auto;
}

.values-slider .value .value-text{
	font: 12px quicksand;
	line-height: 20px;
	margin-top: 10px;
}

.values-slider .owl-item .item {
	filter: blur(3px);
	transform: scale(.75);
	transition: all .5s;
}

.values-slider .owl-item.active.center .item{
	filter: blur(0);
	transform: scale(1);
	transition: all .5s;
}

.values-slider .owl-nav {
	position: absolute;
	top: 35%;
	width: 100%;
}


.values-slider .owl-nav .owl-prev {
	float: left;
}

.values-slider .owl-nav .owl-prev span, .values-slider .owl-nav .owl-next span{
	color: #666;
	font-size: 48px;
	border-radius: 100%;
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center;
}

.values-slider .owl-nav .owl-next {
	float: right;
}


/* END Carousel with blured inactive items **********************************/



/* HOMEPAGE Learn how to make it yours through customization.  **************************************************************
*********************************************************************************************/
.customization-container {
  position: relative;
  overflow: initial;
	min-height: 470px;
  padding: 3em 4em;
  border-radius: .5rem;
  background-color: #fff;
  box-shadow: 0 0.2rem 2.8rem rgba(36,36,36,.1);
  word-wrap: break-word;
  overflow-wrap: break-word;
	border:2px solid transparent;
	xcursor: pointer;
}
.card--hover{
  border:2px solid transparent;
}
.card--hover:hover{
  border:2px solid #7fcef0;
	-webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.08);
	cursor: pointer;
}
.customization-container img {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;

	transform: scale(1.05);

	overflow: hidden;
	margin-bottom: 20px;
	cursor: pointer;
}
.customization-container:hover img {
  width: 100%;
	-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
	overflow: hidden;
	cursor: pointer;
}


/* HOMEPAGE Choose Our Popular Mixes  **************************************************************
*********************************************************************************************/
.popular_mixes_box {
	position:relative;
	overflow: hidden;
}
.popular_mixes_box img {
	width:100%;
	-webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.popular_mixes_box h3 {
	position:absolute;
	bottom:0;
	left:0;
	background: rgba(0, 158, 226, 0.7);
	font-size: 12px !important;
	color:#fff;
	width:100%;
	height: 40px !important;
	margin:0;
	line-height: 1.1;
  vertical-align: middle;
  width: 101%;
  display: flex;
  justify-content: center;
  align-items: center;
	letter-spacing: 0;
}
.popular_mixes_box:hover h3{
	background: #009ee2;
	cursor: pointer;
}
.popular_mixes_box h3 span{
	font-weight: 700;
}
.popular_mixes_box:hover a img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
		cursor: pointer;
}
.popular_mixes_sub_content {
  margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
}
.popular_mixes_sub_content p{
	font-size: 13px;
	line-height: 1.2;
	padding: 0 10px;
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 767px) {
	.popular_mixes_sub_content p {
    margin-bottom: 0px !important;
    font-size: 12px;
    line-height: normal;
		padding: 0 0px;
    letter-spacing: 0;
	}
}


.standard-configuration-title h3 {
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 0;
    position: relative;
    display: inline-block;
}
.standard-configuration-title h3::before {
    position: absolute;
    content: "";
    left: -100px;
    background-color: #000;
    width: 80px;
    height: 2px;
    top: 14px;
}
.standard-configuration-title h3::after {
    position: absolute;
    content: "";
    right: -100px;
    background-color: #000;
    width: 80px;
    height: 2px;
    top: 14px;
}

.standard-configurations .item{
  margin: 20px;
}

.standard-configurations .sc--box-shadow:hover{
	box-shadow: 0 6px 10px 2px rgba(0, 0, 0, 0.15);
	border-radius: .8rem;
	-webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

@media only screen and (max-width: 767px) {
	.standard-configuration-title h3 {
			letter-spacing: -.5px;
	    font-size: 14px;
	    font-weight: 500;
	    margin: 0 0 0;
	    position: relative;
	    display: inline-block;
	}
	.standard-configuration-title h3::before {
	    position: absolute;
	    content: "";
	    left: -40px;
	    background-color: #000;
	    width:30px;
	    height: 2px;
	    top: 14px;
	}
	.standard-configuration-title h3::after {
	    position: absolute;
	    content: "";
	    right: -40px;
	    background-color: #000;
	    width: 30px;
	    height: 2px;
	    top: 14px;
	}

	.standard-configurations .item{
	  margin: 5px;
	}
}






.sc-item-box-shadow:hover{
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	border-radius: .8rem;
	-webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.sc-item-wrap {
  position: relative;
  overflow: initial;
  padding: 1em 2em;
  border-radius: .8rem;
  background-color: #fff;
  word-wrap: break-word;
  overflow-wrap: break-word;
  box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
	margin:20px 0;
}
@media print, screen and (max-width: 26em) {
	.sc-item-wrap {
	  position: relative;
	  overflow: initial;
	  padding: 10px;
	  border-radius: .8rem;
	  background-color: #fff;
	  word-wrap: break-word;
	  overflow-wrap: break-word;
	  box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
		margin: 20px 0;
	}
}

.sc-item-wrap h2{
	font-size: 15px;
	font-weight: 600;
	line-height: normal;
}
.sc-item-wrap p{
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
}
.sc-item-wrap img {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;

	transform: scale(1.05);

	overflow: hidden;
	margin-bottom: 20px;
	cursor: pointer;
}
.sc-item-wrap:hover img {
  width: 100%;
	-webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);

  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
	overflow: hidden;
	cursor: pointer;
}

.section-quicksearch-filter-bg {
  padding: 60px 0;
	background: #fff;
}

.quicksearch-page-title {
    margin-bottom: 20px;
    position: relative;
    display: block;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    line-height: 1;
    color: #515151;
}
.quicksearch-page-title h2:after{
    content: "";
    height: 2px;
    width: 50px;
    background: #009ee2;
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
}






/* HOMEPAGE STEPS INFOGRAPHICS **************************************************************
*********************************************************************************************/
.header__title h1 {
  font-family: 'proxima_nova_rgbold', sans-serif;
	font-size:55px;
  line-height: 1;
	color:#222;
	font-weight:500;
	letter-spacing:-2px;
	margin-top: 0;
	margin-bottom: 0;
}
.header__title h2 {
  font-family: 'Spartan', sans-serif;
	color:#222;
	font-weight:400;
	font-size:40px;
	line-height: 1.2;
	xtext-align: center;
	letter-spacing:5px;
	margin-bottom: 0px;
	margin-top:0;
}
.header__title h3 {
  font-family: 'Spartan', sans-serif;
	color:#222;
	font-weight:400;
	font-size:27px;
	letter-spacing:5px;
	margin-bottom: 30px;
	margin-top:0;
}
.header__title h4 {
  font-family: 'proxima_nova_rgregular', sans-serif;
	font-size:25px;
  line-height: 1;
	color:#222;
	font-weight:300;
	letter-spacing:-2px;
	margin-top: 15px;
}
.header__title p {
  font-family: 'proxima_nova_rgregular', 'Roboto' , sans-serif !important;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 1.6rem;
  color:#222;
}
.subhead__top__cat {
  font-family: 'proxima_nova_rgregular', 'Roboto' , sans-serif !important;
  font-size: 1.6rem;
  line-height: 1.3125;
  text-transform: uppercase;
  letter-spacing: -1px !important;
  color: #222;
  margin-top: 0;
  margin-bottom: 2.1rem;
}
.subhead__top__cat::before {
  content: "/ ";
}


@media (max-width: 686px) {
	.header__title h1{
		font-size:35px;
	}
  .header__title h2{
    font-size: 20px;
    letter-spacing: 3px;
		line-height: normal;
		text-align: center;
  }
	.header__title h3{
		font-size: 12px;
		letter-spacing: 3px;
		line-height: 1 !important;
	}
	.header__title h4{
		font-size: 15px;
		letter-spacing: 3px;
	}
  .header__title p {
    line-height: 1.5  !important;
    font-size: 15px  !important;
    padding: 0 20px;
  }
}
@media (max-width: 437px) {
	.header__title h1{
		font-size:30px;
	}
  .header__title h2{
    xfont-size: 16px;
    letter-spacing: 1px!important;
		line-height: 1.5;
		text-align: center;
  }
	.header__title h3{
		font-size: 10px;
		letter-spacing: 1px;
		line-height: 1 !important;
	}
	.header__title h4{
		font-size: 15px;
		letter-spacing: 0px;
	}
  .header__title p {
    line-height: 1.5  !important;
    font-size: 15px  !important;
    padding: 0 20px;
  }
}



@media screen and (max-width: 39.99875em) {
    .how-it-works .row-steps .column:not(:last-child) .how-it-works__step,
    .how-it-works .row-steps .columns:not(:last-child) .how-it-works__step {
        margin-bottom: 1.875rem;
    }
}
.how-it-works__step p:last-child {
    margin-bottom: 0;
}

@media print, screen and (max-width: 26em) {
	.how-it-works__step h4 {
		font-size: 16px;
		color:#111;
		text-align: center;
	}
}

.how-it-works__step img {
  width: 50%;
}
@media print, screen and (max-width: 26em) {
	.how-it-works__step img {
	  width: 75%;
	}
}

.row-steps .column,
.row-steps .columns {
    position: relative;
}
.row-steps .column::after,
.row-steps .columns::after {
    display: block;
    content: "";
    background: url(https://dcstatic.com/images/icons/common-small/common-small-arrow-right-26cc08f015.svg) no-repeat 50% 50%;
    height: 22px;
    width: 13px;
    position: absolute;
    margin-right: -7px;
    right: 0;
    top: 32%;
}
.row-steps .column:last-child::after,
.row-steps .columns:last-child::after {
    display: none;
}
.row-steps .column img,
.row-steps .columns img {
    margin-bottom: 1.25rem;
}
@media screen and (max-width: 39.99875em) {
    .row-steps .column::after,
    .row-steps .columns::after {
        display: none;
    }
}
.row-steps__wrapper {
    margin-bottom: 1.875rem;
}
@media screen and (max-width: 26em) {
	.row-steps__wrapper {
	  margin-bottom: 0rem;
		}
}
@media screen and (max-width: 63.99875em) {
    .row-steps__wrapper.large-up-4 > .column::after,
    .row-steps__wrapper.large-up-4 > .columns::after {
        display: none;
    }
}

.small-up-1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.small-up-1 > .column,
.small-up-1 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}



.column,
.columns {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    min-width: 0;
}
@media print, screen and (min-width: 40em) {
    .column,
    .columns {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}


.column.row.row, .row.row.columns {
    float: none;
    display: block;
}

.row-steps .column, .row-steps .columns {
    position: relative;
}
.small-up-1>.column, .small-up-1>.columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100% !important;
    max-width: 100%;
}

.medium-up-3 {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.medium-up-3 > .column,
.medium-up-3 > .columns {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333%;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
}

.medium-up-4 {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.medium-up-4 > .column,
.medium-up-4 > .columns {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		margin-bottom: 0px;
}
@media print, screen and (max-width: 26em) {
	.medium-up-4 > .column,
	.medium-up-4 > .columns {
			-webkit-box-flex: 0;
			-webkit-flex: 0 0 50%;
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
			margin-bottom: 0px;
	}
}

.medium-up-5 {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.medium-up-5 > .column,
.medium-up-5 > .columns {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 20%;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
}
.medium-up-6 {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.medium-up-6 > .column,
.medium-up-6 > .columns {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.66667%;
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
}
.medium-up-7 {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.medium-up-7 > .column,
.medium-up-7 > .columns {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 14.28571%;
		-ms-flex: 0 0 14.28571%;
		flex: 0 0 14.28571%;
		max-width: 14.28571%;
}
.medium-up-8 {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.medium-up-8 > .column,
.medium-up-8 > .columns {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 12.5%;
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%;
}


.btn-home-get-started {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  padding: 20px 40px;
  border-radius: 5px;
  text-transform: uppercase;
  background-color: #009ee2;
  color: #fff;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 10px 0;
  transition: all .1s ease-in-out;
  font-family: 'Titillium Web',sans-serif;
  letter-spacing: 3px;
 }
.btn-home-get-started:after{
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-style: normal;
  content: '\f30b';
  font-size: 18px;
  padding-left: 8px;
  position: relative;
  top:1px;
  xxxcolor:#cc0000;
  xtransition: all .4s ease-in-out;
 }
 .btn-home-get-started:hover:after{
   color:#ffcc00;
  }
.btn-home-get-started:hover {
  color: #fff !important;
  background: #777;
 }
.btn-home-get-started:focus {
  color: #fff;
  background: #777;
}

@media screen and (max-width: 39.99875em) {
  .btn-home-get-started {
		padding-left: .3125rem;
    padding-right: .3125rem;
    width: 100%;
  }
}

.btn-home-get-started-white {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  padding: 20px 40px;
  border-radius: 5px;
  text-transform: uppercase;
	background-color: rgba(255, 255, 255, 0.6);
  color: #111;
  line-height: normal;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 10px 0;
  transition: all .1s ease-in-out;
  font-family: 'Titillium Web',sans-serif;
  letter-spacing: 3px;
 }
.btn-home-get-started-white:after{
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-style: normal;
  content: '\f30b';
  font-size: 18px;
  padding-left: 8px;
  position: relative;
  top:1px;
 }
 .btn-home-get-started-white:hover:after{
   color:#ffcc00;
   xtransition: all .4s ease-in-out;
  }
.btn-home-get-started-white:hover {
  color: #fff !important;
  background: #777;
  xtransition: all .3s ease-in-out;
 }
.btn-home-get-started-white:focus {
  color: #fff;
  background: #cc0000;
}

@media screen and (max-width: 39.99875em) {
  .btn-home-get-started-white {
		padding-left: .3125rem;
    padding-right: .3125rem;
    width: 100%;
  }
}




.hr-sect {
	display: flex;
	flex-basis: 100%;
	align-items: center;
	color: rgba(0, 0, 0, 0.35);
	margin-top: 50px;
}
.hr-sect::before,
.hr-sect::after {
	content: "";
	flex-grow: 1;
	background: rgba(0, 0, 0, 0.35);
	height: 2px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px 50px;
}
@media screen and (max-width: 26em) {
	.hr-sect {
		display: flex;
		flex-basis: 100%;
		align-items: center;
		color: rgba(0, 0, 0, 0.35);
		margin: 0px 0px;
	}

	.hr-sect::before,
	.hr-sect::after {
		content: "";
		flex-grow: 1;
		background: rgba(0, 0, 0, 0.35);
		height: 1px;
		font-size: 0px;
		line-height: 0px;
		margin: 0px 0px;
	}
}


.video-player__headline {
    color: #090b17;
    font-family: 'proxima_nova_rgbold', sans-serif;
    font-size: 54px;
    font-weight: 500;
    margin: 0 auto;
    width: 100%;
		line-height: 1;
    color: #222;
    letter-spacing: -2px;
    text-align: center;
}

@media (max-width: 418px) {
	.video-player__headline {
    font-size: 30px;
    line-height: 1.3;
	}
}
.video--active {
    opacity: 1;
    pointer-events: auto;
}
.video__container {
    height: 0;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.video__close {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 20px;
    z-index: 1;
}
.video__close:hover {
    color: #fff;
}
.video__toggle {
    display: block;
    left: 50%;
    max-width: 1200px;
    position: relative;
    transform: translateX(-50%);
}
.video__toggle:hover .video__button-inner {
    opacity: 0.7;
}
.video__toggle:active .video__button-inner {
    opacity: 1;
}
.video__bg-image img {
    border-radius: 8px;
    width: 100%;
}
.video__bg-image--full {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
.video__bg-image--full img {
    border-radius: 0;
}


.video__button {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 100px;
		width: 100px;
    justify-content: center;
    left: 50%;
    opacity: 0.7;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  	transition: opacity 0.4s ease-in-out;
		box-shadow: 2px 2px 7px rgba(0,0,0,0.57);
}
.video__button:focus,
.video__button:hover {
    opacity: 1;
		color:#000 !important;

}
.video__button img {
    transform: translateX(4px);
}
.video__button-inner {
    transition: all 0.2s ease;
}



/*
VIDEO PLAY BUTTON HOMEPAGE
*******************************************/

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
	cursor: pointer;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #009ee2; /* #ba1f24 */
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #009ee2; /* #fa183d */
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after,  .video-play-button:hover:before{
  background-color: #da0528;/* #da0528 */
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button i {
	margin: auto;
  position: relative;
  top: 7px; left: 0; bottom: 0; right: 0;
  color:#fff;
  font-size:30px;
	z-index: 3;
 }

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
    opacity: 0;
  }
}


/* PLAY BUTTON VERSION 2 */
.video-play-button2 {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
	cursor: pointer;
}

.video-play-button2:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #e3615b; /* #ba1f24 */
  border-radius: 50%;
  animation: pulse-border2 1500ms ease-out infinite;
}

.video-play-button2:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #db241b; /* #fa183d */
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button2:hover:after,  .video-play-button2:hover:before{
  background-color: #da0528;/* #da0528 */
}

.video-play-button2 img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button2 i {
	margin: auto;
  position: relative;
  top: 7px; left: 0; bottom: 0; right: 0;
  color:#fff;
  font-size:30px;
	z-index: 3;
 }

@keyframes pulse-border2 {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
    opacity: 0;
  }
}







/* MASONRY GRID ******************************************************************************
*********************************************************************************************/

.masonry {
    margin: 0 auto;
    max-width: 1248px;
    padding: 0 24px;
    width: 100%;
    margin: 64px auto;
}
@media (max-width: 600px) {
    .masonry {
        padding: 0 24px;
    }
}
.masonry__headline {
    margin: 0 auto;
    max-width: 670px;
    width: 100%;
    color: #090b17;
    font-family: Circular, Arial, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 72px;
    text-align: center;
}
@media screen and (max-width: 670px) {
    .masonry__headline {
        padding: 0 24px;
    }
}
@media screen and (max-width: 599px) {
    .masonry__headline {
        padding: 0;
    }
}
@media (max-width: 375px) {
    .masonry__headline {
        font-size: 30px;
        line-height: 1.3;
    }
}
@media (max-width: 599px) {
    .masonry__headline {
        margin-bottom: 32px;
    }
}


.masonry__content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.masonry__content img{
	margin-top: 50px;
}


.masonry__content > * {
    margin: 24px;
}
@media (max-width: 599px) {
    .masonry__content {
        align-items: center;
        flex-direction: column;
    }
}
@supports (grid-area: auto) {
    .masonry__content {
        display: grid;
        grid-column-gap: 48px;
        grid-row-gap: 48px;
    }
    .masonry__content > * {
        margin: auto;
    }
    @media (max-width: 999px) {
        .masonry__content {
            grid-column-gap: 24px;
        }
    }
}
.masonry__content > * {
    min-width: 200px;
    width: calc(50% - 48px);
}
@media (max-width: 599px) {
    .masonry__content > * {
        width: 100%;
    }
}
@supports (grid-area: auto) {
    .masonry__content {
        grid-template-columns: repeat(2, minmax(200px, 1fr));
    }
    .masonry__content > * {
        width: 100%;
    }
    @media (max-width: 599px) {
        .masonry__content {
            grid-template-columns: repeat(1, minmax(200px, 1fr));
        }
    }
}
.masonry__content > * {
    margin: 0;
}
@media screen and (max-width: 600px) {
    .masonry__content {
        text-align: center;
    }
}
.masonry__name {
    color: #090b17;
    font-family: Circular, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 16px;
}
@media (max-width: 375px) {
    .masonry__name {
        font-size: 20px;
        line-height: 1.3;
    }
}
.masonry__location {
  /* margin: 8px 0 40px;*/
}

/*END MASONRY GRID ***************************************/




.vertical-align {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
@media (max-width:767px) {
	.vertical-align {
	  top: 50%;
	  transform: translateY(-50%);
	  position: relative;
	}
}




.bg_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  background-position: 0 0;
  top: 0;
  xopacity: 0.5;
}

.seamless-bg-00 {
  height: 800px !important;
	background: #fff;
	background-image:url('../../images/seamless-bg3.jpg');
  background-repeat: repeat;
}

.seamless-bg-01XXXXX {
  height: 800px !important;
  background-image:url('../../images/seamless-bg3.jpg');
  background-repeat: repeat;
  xopacity: 0.5;
}

.seamless-bg-02 {
  height: 800px !important;
  background-image:url('../../images/seamless-bg2.jpg');
  background-repeat: repeat;
}

.notebooks-top-banner {
  height: 800px !important;
  background-image:url('../../images/scribl-banner-01.jpg');
  background-repeat: no-repeat;
  xopacity: 0.5;
}


.stitched-lifestyle-banner {
  position: relative;
  z-index: 1;
  background-image:url('../../images/stitched-banner-01.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  padding: 270px 0px;
}
.perfectbound-lifestyle-banner {
  position: relative;
  z-index: 1;
  background-image:url('../../images/perfectbound-banner-01.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  padding: 270px 0px;
}


.seamless-bg-white {
	background-color: #f2f2f2;
  Xbackground-image:url('../../images/seamless-bg5.jpg');
  background-repeat: repeat;
  xbackground-position: center center;
  xbackground-size: cover;
  padding: 130px 0px;
}

.seamless-bg-01 {
  background-image:url('../../images/seamless-bg3.jpg');
  background-repeat: repeat;
  xbackground-position: center center;
  xbackground-size: cover;
  padding: 220px 0px;
}



.madeincanada-bg {
  background-image:url('../../images/CS_CanadaCities_Scribl_2560x700.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 160px 0px;
  position: relative;
}
.madeincanada-bg::before {
  content: '\A';
  display: block;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0.50) 0%, rgba(0,158,226,1) 100%);
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: .8;
  z-index: 0;
}

.madeincanada-bg h1 {
  color:#009ee2 !important;
	line-height: 1.2;
}
.madeincanada-bg p{
  color:#000 !important;
}
@media (max-width: 437px) {
  .madeincanada-bg {
  background-image:url('../../images/CS_CanadaCities_Scribl_2560x700.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 100px 0px;
  margin-top: 0px;
  }
}

.madeincanada-bg2 {
	position: relative;
  padding: 200px 0;
  color: #fff;
  background-image: url(../../images/stitched-banner-01.jpg);
  background-position: center center;
  background-size: cover;
}
.madeincanada-bg2::before {
    content: '\A';
    display: block;
    background: #333;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .3;
    z-index: 0;
}
.madeincanada-bg2 h1, .madeincanada-bg2 p{
  color:#fff !important;
}

.footer-bold-bg {
	position: relative;
  padding: 200px 0;
  color: #fff;
  background-image: url(../../images/5131315.jpg);
  background-position: center center;
  background-size: cover;
}
.footer-bold-bg::before {
    content: '\A';
    display: block;
    background: #333;
		background: radial-gradient(ellipse at center, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 50%,rgba(0,0,0,1) 100%);
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .3;
    z-index: 0;
}


.readytostart-bg {
	/*
  background-image:url('../../images/readytostart01.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 160px 0px;
  xmargin-top: 100px !important;
	*/
	position: relative;
  padding: 100px 0;
  color: #fff;
  background-image: url(../../images/readytostart01.jpg);
  background-position: center center;
  background-size: cover;
}
.readytostart-bg::before {
    content: '\A';
    display: block;
    background: #162938;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: 0;
}
.readytostart-bg h1, .readytostart-bg p{
  color:#fff !important;
}



.steps-book-bg {
	position: relative;
  padding: 100px 0;
  color: #fff!important;
  background-image: url(../../images/homepage-slider/slider-10.jpg);
  background-position: center center;
  background-size: cover;
}
.steps-book-bg::before {
    content: '\A';
    display: block;
    background: #162938;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: 0;
}
.steps-book-bg h1, .steps-book-bg p{
  color:#fff !important;
}



.why-scribl-book-bg {
  background-image:url('../../images/WHY-SCRIBL-BOOK-banner-5.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 200px 0px;
  /* margin-top: 200px; */
}
.why-scribl-book-bg h1, .why-scribl-book-bg p{
  color:#fff !important;
}
@media (max-width: 437px) {
  .why-scribl-book-bg {
  background-image:url('../../images/WHY-SCRIBL-BOOK-banner-7.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 100px 0px;
  margin-top: 100px;
  }
}

.why-scribl-book-bg1 {
    height: 500px !important;
    background-image:url('../../images/WHY-SCRIBL-BOOK.jpg');
    background-repeat: repeat;
}
.why-scribl-book-bg2 {
    height: 500px !important;
    background-image:url('../../images/WHY-SCRIBL-BOOK-banner-2.jpg');
    background-repeat: no-repeat;
    background-position: center center;
}
.why-scribl-book-bg3 {
    height: 500px !important;
    background-image:url('../../images/WHY-SCRIBL-BOOK-banner-3.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #d4abb9;
    xpadding: 10% 0;
}
.why-scribl-book-bg4 {
    height: 500px !important;
    background-image:url('../../images/WHY-SCRIBL-BOOK-banner-4.jpg');
    background-repeat: no-repeat;
    background-position: center center;
}
.why-scribl-book-bg5 {
    height: 500px !important;
    background-image:url('../../images/WHY-SCRIBL-BOOK-banner-5.jpg');
    background-repeat: no-repeat;
    background-position: center center;
}


.scribl_books_features{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 30px 0;
}






/* INSTAGRAM **********************************/

.section_instafeed {
	/* padding: 160px 0; */
  background:#fff;
}

#instafeed {
	width: 100%;
	margin: 0 auto;
}
/*
#instafeed img {
		max-width: 220px;
    min-height:275px;
		xdisplay: block;
		xfloat: left;
		xmargin: 0 10px 10px 0;
}
*/
#instafeed img {
	xwidth:100%;
		xmax-width: 400px;
    xmin-height:275px;
}
#instafeed a {
  xpadding:5px 5px 5px 5px;
  xmargin:6px;
  xborder:1px solid #e1e1e1;
  xpadding:1%;
	padding:10px;
  display:inline-block;
  border-radius: 0px;
  position:relative;
}
#instafeed .likes {
  xxbackground:rgba(176,76,76,0.8);
  xxbackground-color: rgba(0,0,0,.5);
	background-color: rgba(255,255,255,.5);
  font-family: 'proxima_nova_rgregular', 'Roboto' , sans-serif;
  font-size:20px;
  position:absolute;
  color:#009ee2;
  right:5px;
  top:5px;
  left:5px;
  opacity:0;
  text-align:center;
  line-height:280px;
  height:96.5%;

  /* text-shadow:0 1px rgba(0,0,0,0.5); */
  -webkit-font-smoothing:antialiased;
  -webkit-transition: opacity 100ms ease;
    -moz-transition: opacity 100ms ease;
    -o-transition: opacity 100ms ease;
    -ms-transition: opacity 100ms ease;
    transition: opacity 100ms ease;
}
#instafeed a:hover .likes {
  opacity:1;
	cursor: pointer;
	border: 5px solid #ccc;
}

@media (max-width: 375px) {
  #instafeed img {
      max-width: 91px;
      xmin-height:110px;
  }
}
@media only screen
and (min-device-width : 376px)
and (max-device-width : 480px) {
  #instafeed img {
      max-width: 104px;
      xmin-height:125px;
  }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1023px) {
  #instafeed img {
  		width: 90px !important;
      xmin-height: 118px !important;
  }
}
@media (min-width: 1024px) {
  #instafeed img {
    xmax-width: 130px;
    xmin-height:165px;

		width: 250px;
    xwidth: 263px;
    xheight:260px;
  }
}







.landing_section_2 img {
    margin-top: 40px;
    max-width: 70%;
}
.landing_section_2 .list-heading {
    font-weight: bold;
    font-size: 24px;
}
.landing_section_2 .list-heading span{
  display: list-item;
  list-style:none;
  font-size:20px;
}

.steps-102 {
  xwidth:100%;
  xfloat:left;
  xbackground:#eee;
  /* margin-right:20px; */
  }
.steps-102 h1 {
  text-align:center;
  font-size:8px;
	position: relative;
	top:5px;
}
.steps-102 h1 span{
  display: list-item;
  list-style:none;
  font-size:20px;
}






.demo{
	background: #FFF;
	padding-top: 100px;
	padding-bottom: 100px;
}

.main-timeline{
    overflow: hidden;
    position: relative;
}

.main-timeline .timeline{ position: relative; }

.main-timeline .timeline:before,
.main-timeline .timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

.main-timeline .timeline:before{
    content: "";
    width: 15px;
    height: 100%;
    background: #f4a24c;
    margin: 0 auto;
    position: absolute;
    top: -50%;
    left: 0;
    right: 0;
}

.main-timeline .timeline:first-child:before{
    height: 50%;
    border-radius: 10px 10px 0 0;
    top: 0;
}

.main-timeline .timeline:last-child:before{
    height: 150%;
    border-radius: 0 0 10px 10px;
}

.main-timeline .timeline-icon{
    display: block;
    width: 130px;
    height: 130px;
    line-height: 105px;
    border-radius: 50%;
    Xbackground: #1d2124;
		background: #666;
    border: 12px solid #f4a24c;
    margin: auto;
    font-size: 55px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.main-timeline .timeline-icon:before{
    content: "";
    width: 0;
    height: 0;
    border-right: 15px solid #f4a24c;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin: auto 0;
    position: absolute;
    top: 0;
    left: -33px;
    bottom: 0;
}

.main-timeline .timeline-content{
    width: 50%;
    padding-right: 150px;
}

.main-timeline .icon{
    float: left;
    margin-right: 15px;
    font-size: 70px;
    color: #f4a24c;
}

.main-timeline .description{
    font-size: 16px;
    color: #222;
    line-height: 24px;
    margin: 0;
}

.main-timeline .year{
    width: 50%;
    padding-left: 50px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.main-timeline .year span{
    display: inline-block;
    padding: 12px 25px 12px 25px;
    background: #f4a24c;
    border-radius: 0 50px 50px 0;
    font-size: 40px;
    font-weight: bold;
    line-height: 36px;
    color: #fff;
}

.main-timeline .timeline:nth-child(2n) .timeline-icon:before{
    border-right: none;
    border-left: 15px solid #f26f77;
    left: auto;
    right: -33px;
}

.main-timeline .timeline:nth-child(2n) .timeline-content{
    float: right;
    padding: 0 0 0 150px;
}

.main-timeline .timeline:nth-child(2n) .description{ padding-left: 20px; }

.main-timeline .timeline:nth-child(2n) .year{
    padding: 0 50px 0 0;
    text-align: right;
    right: auto;
    left: 0;
}

.main-timeline .timeline:nth-child(2n) .year span{ border-radius: 50px 0 0 50px; }

.main-timeline .timeline:nth-child(2n) .timeline-icon{ border-color: #f26f77; }

.main-timeline .timeline:nth-child(2n) .icon{ color: #f26f77; }

.main-timeline .timeline:nth-child(2n):before,
.main-timeline .timeline:nth-child(2n) .year span{ background: #f26f77; }

.main-timeline .timeline:nth-child(3n) .timeline-icon{ border-color: #13a3b5; }

.main-timeline .timeline:nth-child(3n) .timeline-icon:before{ border-right-color: #13a3b5; }

.main-timeline .timeline:nth-child(3n) .icon{ color: #13a3b5; }

.main-timeline .timeline:nth-child(3n):before,
.main-timeline .timeline:nth-child(3n) .year span{ background: #13a3b5; }

.main-timeline .timeline:nth-child(4n) .timeline-icon{ border-color: #a6d050; }

.main-timeline .timeline:nth-child(4n) .timeline-icon:before{ border-left-color: #a6d050; }

.main-timeline .timeline:nth-child(4n) .icon{ color: #a6d050; }

.main-timeline .timeline:nth-child(4n):before,
.main-timeline .timeline:nth-child(4n) .year span{ background: #a6d050; }

@media only screen and (max-width: 767px){
    .main-timeline .timeline{
        padding-top: 95px;
        margin-top: 150px;
        margin-bottom: 50px;
    }
    .main-timeline .timeline:first-child{ margin-top: 135px; }
    .main-timeline .timeline:last-child{ margin-bottom: 0; }
    .main-timeline .timeline:before,
    .main-timeline .timeline:first-child:before,
    .main-timeline .timeline:last-child:before{
        width: 100%;
        height: 15px;
        border-radius: 10px;
        margin: 0;
        top: 0;
    }
    .main-timeline .timeline-icon{
        margin: 0 auto;
        top: -65px;
    }
    .main-timeline .timeline-icon:before,
    .main-timeline .timeline:nth-child(2n) .timeline-icon:before,
    .main-timeline .timeline:nth-child(3n) .timeline-icon:before{
        border: 10px solid transparent;
        border-top: 15px solid #f4a24c;
        margin: 0 auto;
        position: absolute;
        top: auto;
        left: 0;
        bottom: -43px;
        right: 0;
    }
    .main-timeline .timeline:nth-child(2n) .timeline-icon:before{ border-top-color: #f26f77; }
    .main-timeline .timeline:nth-child(3n) .timeline-icon:before{ border-top-color: #149cad; }
    .main-timeline .timeline:nth-child(4n) .timeline-icon:before{ border-top-color: #a6d050; }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content{
        width: 100%;
        padding: 0;
        float: none;
    }
    .main-timeline .timeline:nth-child(2n) .description{ padding: 0; }
    .main-timeline .year,
    .main-timeline .timeline:nth-child(2n) .year{
        width: 100%;
        padding: 0;
        text-align: center;
        position: absolute;
        top: -135px;
        right: 0;
        transform: translateY(0);
    }
    .main-timeline .year span,
    .main-timeline .timeline:nth-child(2n) .year span{ border-radius: 50px; }
}












.heading--with-divider {
    margin-bottom: 15px;
}
.heading--h1 {
    font-size: 48px;
    margin-top: 0;
    margin-bottom: 1.6rem;
    font-family: sans-serif;
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -.035em;
}
.heading--with-divider:after {
    content: '—';
    display: block;
}

.how-it-works-step {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    margin: 0 auto;
}
@media (min-width: 0) and (max-width: 599px) {
    .how-it-works-step {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}
.how-it-works-step:after,
.how-it-works-step:before {
    content: " ";
    display: table;
}
.how-it-works-step:after {
    clear: both;
}
.how-it-works-step__content {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    float: left;
    position: relative;
    z-index: 2;
}
.how-it-works-step__step {
    position: relative;
    z-index: 1;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 600px;
    color: #f3f2f0;
    line-height: 0.73;
}
.how-it-works-step--brief {
    padding-top: 160px;
}
.how-it-works-step--brief .how-it-works-step__step {
    position: absolute;
    top: 0;
}
@media (min-width: 0) and (max-width: 599px) {
    .how-it-works-step__content {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .how-it-works-step--brief {
        padding-top: 80px;
    }
    .how-it-works-step--brief .how-it-works-step__step {
        font-size: 350px;
        left: 25%;
    }
}
.how-it-works-step--brief .how-it-works-step__content {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    float: left;
}
@media (min-width: 0) and (max-width: 599px) {
    .how-it-works-step--brief .how-it-works-step__content {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .how-it-works-step--brief .how-it-works-step__content .design-figure {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}
@media (min-width: 600px) and (max-width: 899px) {
    .how-it-works-step--brief {
        padding-top: 80px;
    }
    .how-it-works-step--brief .how-it-works-step__step {
        font-size: 550px;
        left: 30%;
    }
    .how-it-works-step--brief .how-it-works-step__content {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        width: 66.66667%;
        margin-left: 16.66667%;
        float: left;
    }
    .how-it-works-step--brief .how-it-works-step__content .design-figure {
        margin-bottom: 45px;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}
@media (min-width: 600px) and (max-width: 899px) and (min-width: 0) and (max-width: 599px) {
    .how-it-works-step--brief .how-it-works-step__content {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}
@media (min-width: 900px) and (max-width: 1299px) {
    .how-it-works-step--brief .how-it-works-step__step {
        right: 52%;
    }
    .how-it-works-step--brief .how-it-works-step__content {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        width: 50%;
        margin-left: 50%;
        float: left;
    }
    .how-it-works-step--brief .how-it-works-step__content .design-figure {
        position: absolute;
        top: 0;
        left: -95%;
    }
}
@media (min-width: 900px) and (max-width: 1299px) and (min-width: 0) and (max-width: 599px) {
    .how-it-works-step--brief .how-it-works-step__content {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}
@media (min-width: 1300px) {
    .how-it-works-step--brief .how-it-works-step__step {
        right: 40%;
    }
    .how-it-works-step--brief .how-it-works-step__content {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        width: 50%;
        margin-left: 50%;
        float: left;
    }
    .how-it-works-step--brief .how-it-works-step__content .design-figure {
        position: absolute;
        top: 0;
        left: -95%;
    }
}
@media (min-width: 1300px) and (min-width: 0) and (max-width: 599px) {
    .how-it-works-step--brief .how-it-works-step__content {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}
.how-it-works-step--connect {
    padding-top: 130px;
}
.how-it-works-step--connect .how-it-works-step__step {
    position: absolute;
    top: 0;
}
@media (min-width: 0) and (max-width: 599px) {
    .how-it-works-step--connect {
        padding-top: 110px;
    }
    .how-it-works-step--connect .how-it-works-step__step {
        font-size: 350px;
        left: 25%;
    }
}
@media (min-width: 600px) and (max-width: 899px) {
    .how-it-works-step--connect {
        padding-top: 170px;
    }
    .how-it-works-step--connect .how-it-works-step__step {
        font-size: 550px;
        left: 30%;
    }
}
@media (min-width: 1300px) {
    .how-it-works-step--connect .how-it-works-step__step {
        right: 30%;
    }
}
.how-it-works-step--collaborate {
    padding-top: 160px;
}
.how-it-works-step--collaborate .how-it-works-step__step {
    position: absolute;
    top: 0;
}
@media (min-width: 900px) and (max-width: 1299px) {
    .how-it-works-step--connect .how-it-works-step__step {
        right: 30%;
    }
    .how-it-works-step--collaborate .how-it-works-step__step {
        right: 40%;
    }
}
.how-it-works-step--collaborate .how-it-works-step__content {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    float: left;
}
@media (min-width: 0) and (max-width: 599px) {
    .how-it-works-step--collaborate {
        padding-top: 110px;
    }
    .how-it-works-step--collaborate .how-it-works-step__step {
        font-size: 350px;
        left: 25%;
    }
    .how-it-works-step--collaborate .how-it-works-step__content {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .how-it-works-step--collaborate .how-it-works-step__content .communication-showcase {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform-origin: top;
        transform-origin: top;
        margin-bottom: -120px;
    }
    .design-figure--how-it-works-brief .design-figure__image-container .design-figure__image-container__image {
        -webkit-transform: none !important;
        transform: none !important;
    }
}
@media (min-width: 600px) and (max-width: 899px) {
    .how-it-works-step--collaborate {
        padding-top: 170px;
    }
    .how-it-works-step--collaborate .how-it-works-step__step {
        font-size: 550px;
        left: 30%;
    }
    .how-it-works-step--collaborate .how-it-works-step__content {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        width: 66.66667%;
        margin-left: 16.66667%;
        float: left;
    }
    .how-it-works-step--collaborate .how-it-works-step__content .communication-showcase {
        margin-bottom: 45px;
    }
}
@media (min-width: 600px) and (max-width: 899px) and (min-width: 0) and (max-width: 599px) {
    .how-it-works-step--collaborate .how-it-works-step__content {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}
@media (min-width: 900px) and (max-width: 1299px) {
    .how-it-works-step--collaborate .how-it-works-step__content {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        width: 50%;
        margin-left: 50%;
        float: left;
    }
    .how-it-works-step--collaborate .how-it-works-step__content .communication-showcase {
        position: absolute;
        top: 5%;
        left: -120%;
    }
}
@media (min-width: 900px) and (max-width: 1299px) and (min-width: 0) and (max-width: 599px) {
    .how-it-works-step--collaborate .how-it-works-step__content {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}
@media (min-width: 1300px) {
    .how-it-works-step--collaborate .how-it-works-step__step {
        right: 40%;
    }
    .how-it-works-step--collaborate .how-it-works-step__content {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        width: 50%;
        margin-left: 50%;
        float: left;
    }
    .how-it-works-step--collaborate .how-it-works-step__content .communication-showcase {
        position: absolute;
        top: 5%;
        left: -120%;
    }
}
@media (min-width: 1300px) and (min-width: 0) and (max-width: 599px) {
    .how-it-works-step--collaborate .how-it-works-step__content {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}
.design-figure--how-it-works-brief {
    position: relative;
}
.design-figure--how-it-works-brief .design-figure__image-container {
    z-index: 1;
    width: 350px;
    height: 461px;
}
.design-figure--how-it-works-brief .design-figure__image-container .design-figure__image-container__image {
    position: relative;
    z-index: 10;
    left: -40px;
}
@media (min-width: 900px) and (max-width: 1299px) {
    .design-figure--how-it-works-brief .design-figure__image-container .design-figure__image-container__image {
        top: 100px;
    }
}
@media (min-width: 1300px) {
    .design-figure--how-it-works-brief .design-figure__image-container .design-figure__image-container__image {
        top: 100px;
    }
}
@media (min-width: 600px) and (max-width: 899px) {
    .design-figure--how-it-works-brief .design-figure__image-container .design-figure__image-container__image {
        -webkit-transform: none !important;
        transform: none !important;
    }
}
.design-figure--how-it-works-brief .design-figure__attribution {
    position: absolute;
    bottom: 20px;
    left: 0;
}
.how-it-works-brief-shape {
    position: absolute;
    top: 0;
    left: 0;
}
@media (min-width: 0) and (max-width: 599px) {
    .how-it-works-brief-shape {
        top: 0;
        left: 0;
        -webkit-transform: none !important;
        transform: none !important;
    }
}
@media (min-width: 600px) and (max-width: 899px) {
    .how-it-works-brief-shape {
        top: 0;
        left: 0;
        -webkit-transform: none !important;
        transform: none !important;
    }
}
.how-it-works-brief-shape--01 {
    top: 470px;
    left: 200px;
    width: 140px;
    z-index: 1;
}
@media (min-width: 0) and (max-width: 599px) {
    .how-it-works-brief-shape--01 {
        top: 150px;
        left: 200px;
    }
}
@media (min-width: 600px) and (max-width: 899px) {
    .how-it-works-brief-shape--01 {
        top: 150px;
        left: 200px;
    }
}
.how-it-works-brief-shape--02 {
    top: 600px;
    width: 340px;
    z-index: 3;
    left: 80px;
}
@media (min-width: 0) and (max-width: 599px) {
    .how-it-works-brief-shape--02 {
        top: 410px;
        left: 80px;
    }
}
@media (min-width: 600px) and (max-width: 899px) {
    .how-it-works-brief-shape--02 {
        top: 410px;
        left: 80px;
    }
}
.how-it-works-brief-shape--03 {
    top: 750px;
    left: -130px;
    z-index: 2;
    width: 330px;
}
@media (min-width: 600px) and (max-width: 899px) {
    .how-it-works-brief-shape--03 {
        top: 270px;
        left: -100px;
    }
}

/* END HOMEPAGE STEPS INFOGRAPHICS **********************************/



.footer-wrapper {
  background: #262626;
  color:#fff;
  letter-spacing: 0.1rem;
  padding:0;
  margin:0;
  font-size: 0.9rem;
  z-index: 1;
  position: relative;
}

.footer-bg {
  padding-top: 1rem;
  padding-bottom: 1rem;
  xxbackground: rgba(0,0,0,0.5);
  background: #262626;
}

.copyright {
  font-size: 0.8rem;
  color:#888888;
}
.copyright a {color:#fff;}

.f-sicon2 li {
	display: inline;
	margin-left: 20px;
}
.f-sicon2 li a {
	color: rgb(108, 108, 108);
}
.copayright span {
	color: #bd8348;
}

.f-sicon2 ul {
  padding-right:50px!important;
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px) {
  .f-sicon2 ul {
    padding-right:10px!important;
  	margin-top: 20px!important;
  }
}

.f-sicon2 i {
  font-size: 20px;
}





/**************************************************
  - PRODUCT PAGE SECTION  -
**************************************************/
/***************************************************************
*********************************************************************************************/

.product-page-section {
    background: #F7F7F9;
    padding-bottom: 130px;
    padding-top: 25px;
    position: relative;
}
@media print, screen and (max-width: 26em) {
	.product-page-section {
    background: #F7F7F9;
    padding-bottom: 0px;
    padding-top: 2px;
    position: relative;
	}
}

/* DELIVERY, RETURNS & CUSTOMER CARE SECTION */
.Xabsolute {
  position: absolute;
}
.Xrelative {
  position: relative;
}
.narrow-12 {
    margin-left: -12px;
    margin-right: -12px;
}


.static-details {
  bottom: 70px;
  left: 0;
  right: auto;
  top: auto;
  xheight: 140px;
  width: 100%;
	position: relative;
}

/*
.static-details .container {
    z-index: 9;
    bottom: auto;
    left: 50%;
    right: auto;
    top: 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
*/

.static-details .inner {
    border: 1px solid #EDEDED;
    padding: 25px 23px 19px 25px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #ffffff
}

.static-details .inner.active {
    box-shadow: 0 0 8px rgba(194, 194, 194, 0.5);
    -moz-box-shadow: 0 0 8px rgba(194, 194, 194, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(194, 194, 194, 0.5);
    -ms-box-shadow: 0 0 8px rgba(194, 194, 194, 0.5);
    -o-box-shadow: 0 0 8px rgba(194, 194, 194, 0.5)
}

.static-details .inner.active .see-more-link {
    color: #9b9b9b
}

.static-details .inner.active .see-more-link svg {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.static-details .inner.active .see-more-link .stroke-change {
    stroke: #9b9b9b
}

.static-details .inner.active .see-more-link .less {
    display: inline-block
}

.static-details .inner.active .see-more-link .more {
    display: none
}

.static-details .inner.active .svg-icon-mobile {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.static-details .inner .svg-icon-mobile {
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    height: 20px;
    width: 12.5px;
    bottom: auto;
    left: auto;
    right: 21px;
    top: 26px
}

.static-details .inner .svg-icon-mobile svg {
    height: 20px;
    width: 12.5px
}

.static-details .inner p {
    line-height: 24px
}

.static-details .h2, .static-details h4 {
  font-size: 16px;
	font-weight: bold;
  padding: 0 45px 12px 0;
  line-height: 20px
}

.static-details .svg-icon {
	position: absolute;
  bottom: auto;
  left: auto;
  right: 22px;
  top: 17px;
  z-index: 1;
}

.static-details .link-decoration,
.static-details .fabric-added-message a,
.fabric-added-message .static-details a,
.static-details #sys-room-design .image-form-container .dropzone .dz-preview .dz-remove,
#sys-room-design .image-form-container .dropzone .dz-preview .static-details .dz-remove {
    margin: 15px 0 20px 0
}

.static-details .see-more-link {
    font-size: 14px;
    margin: 8px 0 0 0;
    color: #c14463;
    line-height: 24px
}

.static-details .see-more-link svg {
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    margin: 0 0 0 5px
}

.static-details .see-more-link .more {
    display: inline-block
}

.static-details .see-more-link .less {
    display: none
}

.static-details strong {
    font-weight: normal;
    /* font-family: "BasisGrotesque-Bold"; */
}

@media (max-width: 1023px) {
    .static-details {
        background: #ffffff;
        bottom: auto;
        height: auto;
        position: relative
    }
    .static-details .container {
        position: relative;
        top: -34px
    }
    .static-details .hidden-details {
        display: block
    }
    .static-details .h2,
    .static-details #covid-19 h4,
    #covid-19 .static-details h4 {
        padding: 0 37px 12px 49px;
        /* font-family: "BasisGrotesque-Medium"; */
        position: relative;
        top: 5px
    }
    .static-details .inner {
        margin: 0 0 10px 0;
        padding: 22px 21px 18px 21px;
        cursor: pointer
    }
    .static-details .inner.active {
        box-shadow: 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 transparent;
        -webkit-box-shadow: 0 0 0 transparent;
        -ms-box-shadow: 0 0 0 transparent;
        -o-box-shadow: 0 0 0 transparent
    }
    .static-details .svg-icon {
        bottom: auto;
        left: 21px;
        right: auto;
        top: auto
    }
    .static-details .first .svg-icon {
        top: 24px
    }
    .static-details .second .svg-icon {
        top: 24px
    }
    .static-details .third .svg-icon {
        height: 29px;
        top: 21px
    }
    .static-details .third svg {
        height: 29px;
        width: 23px
    }
    .static-details .details {
        margin: 10px 0 0 0
    }
    .see-more-link {
        display: none
    }
}





.bbb_viewed {
    padding-top: 51px;
    padding-bottom: 60px;
    background: #FFF;
}

.bbb_main_container {
    background-color: #fff;
    padding: 11px
}

.bbb_viewed_title_container {
    border-bottom: solid 1px #dadada
}

.bbb_viewed_title {
    margin-bottom: 16px;
    margin-top: 8px
}

.bbb_viewed_nav_container {
    position: absolute;
    /*right: -5px;
    bottom: 14px;*/
    right:2%;
    top: 20px;
}
@media print, screen and (max-width: 26em) {
  .bbb_viewed_nav_container {
     position: absolute;
     right: 5%;
     top: 20px;
 }
}


.bbb_viewed_nav {
    display: inline-block;
    cursor: pointer
}

.bbb_viewed_nav i {
    color: #dadada;
    font-size: 18px;
    padding: 5px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.bbb_viewed_nav:hover i {
    color: #606264
}

.bbb_viewed_prev {
    margin-right: 15px
}

.bbb_viewed_slider_container {
    padding-top: 50px
}

.bbb_viewed_item {
  width: 100%;
  background: #FFFFFF;
  border-radius: 0px;
  /* padding:25px; */
  padding-top: 35px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  text-align: center;
}

.bbb_viewed_image {
    /*width: 150px;
    height: 150px;*/
 xwidth: 50%;
 margin-bottom:20px;
 text-align: center;
 position: relative;
}

.bbb_viewed_image img {
 display: block;
 max-width: 95%;
 margin: auto auto;
}

.bbb_viewed_content {
    width: 100%;
    margin-top: 25px
}

.bbb_viewed_price {
    font-size: 14px;
    color: #666;
    font-weight: 500
}

.bbb_viewed_item.discount .bbb_viewed_price {
    color: #df3b3b
}

.bbb_viewed_price span {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    margin-left: 8px
}

.bbb_viewed_price span::after {
    display: block;
    position: absolute;
    top: 6px;
    left: -2px;
    width: calc(100% + 4px);
    height: 1px;
    background: #8d8d8d;
    content: ''
}

.bbb_viewed_name {
    margin-top: 3px
}

.bbb_viewed_name a {
    font-size: 14px;
    color: #000000;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.bbb_viewed_name a:hover {
    color: #0e8ce4
}


.product-tag-new {
   font-size: 0.875em;
   font-weight: 700;
   letter-spacing: 0.6px;
   text-transform: uppercase;
   display: inline-block;
   font-size: 0.75em;
   background-color: #0e8ce4; /* BLUE */
   color: #fff;
   padding: 4px 10px;
	 margin-bottom: 10px;

	 border-radius: .2125rem;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}
.product-tag-new--absolute {
   display: block;
   position: absolute;
   top: 0;
   left: 2px;
}
.product-tag-new::before {
   border-top: 14px solid #1460a0;
}
.product-tag-new::before {
   content: '';
   border-left: 12px solid transparent;
   border-right: 0 solid transparent;
   position: absolute;
   bottom: -13px;
   left: 0;
}


.product-tag-wql {
   font-size: 0.875em;
   font-weight: 700;
   letter-spacing: 0.6px;
   text-transform: uppercase;
   display: inline-block;
   font-size: 0.75em;
   background-color: #ff0000; /* RED */
   color: #fff;
   padding: 4px 10px;
	 margin-bottom: 10px;

	 border-radius: .2125rem;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}
.product-tag-wql--absolute {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
}
.product-tag-wql::before {
   border-top: 14px solid #990000;
}
.product-tag-wql::before {
   content: '';
   border-left: 12px solid transparent;
   border-right: 0 solid transparent;
   position: absolute;
   bottom: -13px;
   left: 0;
}











.save-percent {
    display: inline-block;
    padding: 5px 7px 5px 22px;
    margin-top: -1px;
    background-color: #c00b0b;
    background-image: url(https://cdn.shopify.com/s/files/1/0940/8252/files/negative-space-left-arrow-whit-pnch.png?58435);
    background-repeat: no-repeat;
    background-size: 14px 100%;
}
.save-percent p {
    margin: -2px 0 0 0;
    padding: 1px 0 0 0;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 16px;
}



 .item_marks {
     position: absolute;
     top: 18px;
     left: 18px;
 }

 .item_mark {
     display: none;
     width: 36px;
     height: 36px;
     border-radius: 50%;
     color: #FFFFFF;
     font-size: 10px;
     font-weight: 500;
     line-height: 36px;
     text-align: center;
 }

 .item_discount {
     background: #df3b3b;
     margin-right: 5px;
 }

 .item_new {
     background: #0e8ce4
 }

 .bbb_viewed_item.discount .item_discount {
     display: inline-block;
 }

 .bbb_viewed_item.is_new .item_new {
     display: inline-block;
 }


 .product-card2 {
     position: relative;
     display: block;
     background-color: #fff;
     text-align: center;
     /* padding: 12.5px; */
     border-bottom:2px solid #f1f1f1;
		 width:98%;
     color: #666;
     z-index: 1;
 }
 .product-card2:hover,
 .product-card2:focus {
     color: #666;
		 border-bottom:2px solid #009ee2;
 }

 .product-card2:focus {
     z-index: 2;
 }

 @media print, screen and (max-width: 26em) {

 }

 .product-card2__overlay {
     visibility: hidden;
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     /*background-color: rgba(0, 0, 0, .05); */
		 background-color: rgba(225, 225, 225, 0.6);
     transition: all 0.15s ease-in;
 }

 .product-card2:hover .product-card2__overlay,
 .product-card2:focus .product-card2__overlay {
     visibility: visible;
     opacity: 1;
 }


 .btn2 {
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid transparent;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #049bd6; /*#a48959 */
  color: #fff;
  font-size: 0.8125em;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 15px 45px;
 }

 .product-card2__overlay-btn {
     position: relative;
     top: 50% !important;
     -ms-transform: translateY(-45%);
     -webkit-transform: translateY(-45%);
     transform: translateY(-45%);
     transition: all 0.15s ease-in
 }

.product-card2__overlay-btn::before {
	color: #fff;
	content: "\f06e";
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 16px;
	position: relative;
	xright: 10px;
	top: 1px;
	padding-right: 5px;
 }

 .product-card2:hover .product-card2__overlay-btn {
     -ms-transform: translateY(-85%);
     -webkit-transform: translateY(-85%);
     transform: translateY(-85%)
 }

 .product-card2__overlay-btn {
     top: 35%
 }



/************** Fotorama Over ride *******
*****************************************************************************************************
*****************************************************************************************************/

.fotorama__thumb-border {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	/* border-style: solid; */
	/* border-color: #009ee2 !important; */
	border: 2px solid #009ee2 !important;
	background-image: linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1));
	background: rgba(255, 255, 255, 0.6);
}
.fotorama__thumb-border::after {
	color: #009ee2;
	content: "\f061";
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 15px;
	position: relative;
	right: -13px;
	top: 50%;
	float: right;
}

.overlay-wrapper-parent{
  position: relative;
}
.overlay-wrapper-child{
  position: absolute;
	top: 20px;
	left:30px;
	z-index: 999;
}

.fotorama-icon-overlay-wrapper {
	position:  absolute;
	xdisplay: inline-block;
	xtop: 20px;
	xleft: 4px;
	xbottom: 12%; /* 110px */
  xright: 30px;
	xbottom:0;
  xleft: 0;
  right: 30px;
  xtop: 0;
  bottom: 12%;
	z-index: 999;
}
@media screen and (max-width: 375px) {
	.fotorama-icon-overlay-wrapper {
	  text-align: center;
	}
}
.fotorama-icon-overlay-wrapper-child {
	position:relative;
	bottom: 0;

}
.fotorama-icon-size-overlay ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.fotorama-icon-size-overlay li {
    display: inline-block;
    xwidth: 30px;
		opacity: 0.2;
		xfilter: invert(10%) sepia(10%) hue-rotate(190deg) saturate(100%);
		vertical-align: bottom;
  }
.fotorama-icon-size-overlay	ul li span::after{
	  content: url("../../images/icons/overlay-book.svg");
		display:block;
    width:20px;
    height:20px;
		margin:3px;
	}
	.fotorama-icon-size-overlay li:nth-child(1) span::after {
	  width: 20px;
	}
	.fotorama-icon-size-overlay li:nth-child(2) span::after {
	  width: 23px;
	}
	.fotorama-icon-size-overlay li:nth-child(3) span::after {
	  width: 26px;
	}
	.fotorama-icon-size-overlay li:nth-child(4) span::after {
	  width: 30px;
	}
	.fotorama-icon-size-overlay ul li span::after .active {
			opacity: 1;
	  }




.fotorama-icon-size-overlay li:nth-child(1) img {
  width: 20px;
}
.fotorama-icon-size-overlay li:nth-child(2) img {
  width: 23px;
}
.fotorama-icon-size-overlay li:nth-child(3) img {
  width: 26px;
}
.fotorama-icon-size-overlay li:nth-child(4) img {
  width: 30px;
}

.fotorama-icon-size-overlay li:nth-child(1) img,
.fotorama-icon-size-overlay li:nth-child(2) img,
.fotorama-icon-size-overlay li:nth-child(3) img,
.fotorama-icon-size-overlay li:nth-child(4) img, .active-icon {
	opacity: 1 !important;
	xbackground: rgba(0, 0, 0, 0.2);
	xpadding: 2px;
  xfilter: invert(30%) sepia(100%) hue-rotate(190deg) saturate(500%);
}

.xxxfotorama-icon-size-overlay ul li.active {
		opacity: 1;
  }
.xxxfotorama-icon-size-overlay ul li img {
		width: 20px;
		margin: 0 2px;
  }
.xxxfotorama-icon-size-overlay ul li.active img {
		width:35px;
		xbackground: rgba(0, 176, 235, 0.5);
		background: rgba(0, 0, 0, 0.1);
		padding: 5px;
		position: relative;
		top:5px;
		filter: invert(50%) sepia(100%) hue-rotate(190deg) saturate(500%);
  }
@media screen and (min-width: 20em) {
  .xfotorama-icon-size-overlay li {
    xwidth: 33.33333%;
  }
}

 /******** END Fotorama Over ride  ***/




 /*----------- banner -----------------------*/

 .section-pen-bundle {
     padding: 80px 0 0;
 }

 .banner-bg {
 	background: rgb(255, 255, 255) none repeat scroll 0 0;
	/* background: #fff; */
 	/* float: left; */
 	margin-top: -100px;
 	padding: 20px 5px 0;
 	position: relative;
 	/* width: 100%; */
 }
 .banner-text {
 	left: 40px;
 	position: absolute;
 	xtop: 20%;
	bottom:20%;
 	width: 50%;
	line-height: 1;
 }
 .banner-text p {
	color: #999;
	margin-bottom: 5px;
	font-family: "Roboto", sans-serif;
	line-height: 1;
 }
 .banner-text h3 {
 	font-size: 16px;
 	color: #282828;
	line-height: 1;
 }
 .banner-text h4 {
	font-size: 14px;
	font-weight: 400;
	color: #999;
	line-height: 1;
 }
 .banner-text a {
 	color: #009ee2;
	xpadding: 5px 0;
	margin-top: 25px;
	xborder: 2px solid #1a7ab9;
	xline-height: 3;
	display: block;
	position: relative;
 }
 .banner-text a:hover {
 	color: #000;
 	text-decoration: none;
 }

 .banner-outer .col-sm-6.col-md-6:first-child {
 	padding-left: 0;
 }
 .banner-outer .col-sm-6.col-md-6:last-child {
 	padding-right: 0;
 }

 .banner-text2 {
	 left: 5%;
   position: absolute;
   top: 70%;
   width: 47%;
 }
 .banner-text2 h2 {
	 color: #009ee2;
	 font-size: 20px;
	 font-weight: 500;
	 margin-bottom: 0;
 }
 .banner-text2 h3 {
	 font-size: 16px;
	 margin-bottom: 20px;
	 xmargin-top: 5px;
	 color: #282828;
 }
 .banner-text2 h4 {
 	color: #009ee2;
 	font-size: 14px;
 	font-weight: normal;
 	margin-bottom: 0;
 }
 .banner-text2 a {
 	border: 2px solid;
 	color: rgb(31, 31, 31);
 	float: left;
 	font-size: 14px;
 	font-weight: 500;
 	margin-top: 10px;
 	padding: 10px 20px;
 	text-transform: uppercase;
 	font-family: 'Rubik', sans-serif;
	border-radius: 50px;
 }
 .banner-text2 a:hover {
 	color: #fff;
	border: 2px solid #1a7ab9;
	background-color: #1a7ab9;
 }
 .banner-text2 a span {
 	color: #009ee2;
 }
 .banner-text2 a:hover span {
 	color: #fff;
 }
 .banner-bg2 {
 	float: left;
 	padding: 50px 0 0;
 	width: 100%;
 }

@media (min-width:320px) and (max-width:480px) {
	.banner-bg {
    background: #fff;
    xfloat: left;
    margin-top: 0;
    padding: 0 0 0 0;
    position: relative;
    width: 109%;
	}
	.banner-img {
		margin-bottom: 20px;
	}
	.banner-text2>p {
		display: none;
	}
}
@media (min-width:480px) and (max-width:640px) {
	.banner-img {
		margin-bottom: 20px;
	}
}
@media (min-width:768px) and (max-width:1023px) {
	.banner-text2>p {
		display: none;
	}
	.banner-text {
		left: 24px;
		top: 10%;
		width: 55%;
	}
}



 /*************** */




 .product_page .info-section {
     width: 32vw;
     padding-top: 80px;
     /*
     min-width: 25vw;
     border:1px solid #ccc;
     background: #eee;
     */
 }
 @media only screen
 and (min-device-width : 320px)
 and (max-device-width : 480px) {
   .product_page .info-section {
       width: 100%;
       min-width: 100%;
   }
 }
 @media only screen
 and (min-device-width : 768px)
 and (max-device-width : 1024px) {
   .product_page .info-section {
       width: 90%;
   }
 }


 .media-img-wrap img{
     xwidth: 90%;
     xwidth: 46.25vw;
     xwidth: 38vw;
     margin: 0;
     text-align: center;
     vertical-align: middle;
     display:block;
     margin-left:auto;
     margin-right:auto;
     /*border:1px solid #ccc;*/
 }

 /*
 .media-wrap {
     display: block;
     position: relative;
     margin-bottom: 32px;
 }
 */

 .bundle_lifestyle_img img {
   width: 35vw;
   display: block;
   position: relative;
   xmargin: 100px 0;
   margin-left:auto;
   margin-right:auto;
   border: 7px solid #eee;
   padding: 70px 20px;
 }
 @media only screen
 and (min-device-width : 320px)
 and (max-device-width : 480px) {
   .bundle_lifestyle_img img {
       width: 100%;
       padding: 20px 5px;
   }
 }



 .media-wrap img {
   width: 35vw;
   display: block;
   position: relative;
   margin: 100px 0;
   margin-left:auto;
   margin-right:auto;
 }

 .media-wrap2 img {
   width: 35vw;
   display: block;
   position: relative;
   margin: 100px 0;
   margin-left:auto;
   margin-right:auto;
 }


 @media only screen
 and (min-device-width : 320px)
 and (max-device-width : 480px) {
   .media-img-wrap img {
       width: 100%;
       margin-top:20px;
   }
   .media-wrap {
       margin-bottom: 10px;
   }
   .media-wrap img {
     margin: 60px 0;
   }
   .media-wrap2 img {
     margin: 60px 0;
   }
 }

 /*
 .product-images-section {
     vertical-align: middle;
     zoom: 1;
     float: left;
     width: 46.25vw;
     padding-top: 32px;
 }
 */



.as-low-as {
	font-size: 11px;
	font-weight:300;
	color: #3b3e40;
	letter-spacing: -.5px;
	display: inline-block;
}
.as-low-as span{
	font-size: 20px;
	font-weight: 700;
	color: #3b3e40;
	line-height: 0.5;
	display:inline-block;
}
.as-low-as .view-more-price{
	font-size: 10px;
	font-weight:300;
	color: #555;
	border:1px solid #ddd;
	padding:4px 5px;
	background: #eee;
	border-radius: 2px;
	line-height: 0.5;
	display: block;
	position: relative;
	cursor: pointer;
}
.as-low-as .view-more-price:hover{
	background: #333;
	border:1px solid #333;
	color:#fff;
}

.product_page_tipin {
	position: relative;
	border:1px solid rgba(0,0,0, .05);
	padding:10px;
}
.product_page_tipin p{
 font-family: 'Roboto' , sans-serif;
 color: #000;
 font-size:12px;
 font-weight: 300;
 line-height: 1.4;
}
 .product_page_tipin span{
	 font-weight: bold;
 }


 .product_page_sku {
   /* font-family: 'Titillium Web',sans-serif !important; */
   /* font-family: 'Roboto Condensed',sans-serif; */
   Xfont-family: 'proxima_nova_rgregular', 'Roboto' , sans-serif;
 		Xfont-size: 16px;
   color: #000;
 }



 .product_page_gallery_wrapper {
	position: relative;
 	padding-top: 20px;
 	padding-bottom: 15px;
	/* border:1px solid #ff0000; */
 }

 .product_page_description_wrapper {
 	-webkit-box-shadow: 0px 0px 25px 0px rgba(202,202,202,0.5);
 	-moz-box-shadow: 0px 0px 25px 0px rgba(202,202,202,0.5);
 	box-shadow: 0px 0px 25px 0px rgba(202,202,202,0.5);
   background: #ffffff;
 	padding-top: 10px;
 	padding-bottom: 15px;
 	margin:20px;
 }
 @media print, screen and (max-width: 26em) {
 	.product_page_gallery_wrapper {
 		padding-top: 0px;
 		padding-bottom: 15px;
 		margin:0px;
 	}
 	.product_page_description_wrapper {
 		-webkit-box-shadow: 0px 0px 25px 0px rgba(202,202,202,0.5);
 		-moz-box-shadow: 0px 0px 25px 0px rgba(202,202,202,0.5);
 		box-shadow: 0px 0px 25px 0px rgba(202,202,202,0.5);
 	  background: #ffffff;
 		padding-top: 10px;
 		padding-bottom: 15px;
 		margin:0px;
 	}
 }

 .zproduct_page_sku h1 {
     color: #3a3a3a;
     font-size:30px;
     font-weight: 600;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     font-family: "Rubik", Tahoma, sans-serif;
     font-style: normal;
     margin-bottom: 2px;
		 line-height: 1;
 }

 .XXXXproduct_page_sku h1 {
     color: #000;
     font-size: 24px;
     font-weight: 600;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     font-family: "proxima_nova_rgbold",sans-serif;
     font-style: normal;

     /* font-family: 'Roboto', sans-serif !important; */
     /* font-family: 'Montserrat', sans-serif !important; */
     /* font-family: 'Roboto Condensed',sans-serif; */
     /* font-family: 'Roboto', 'Roboto Condensed', sans-serif !important; */
     margin-bottom: 2px;
 }
 .XXXXproduct_page_sku h1 {
     color: #222;
     font-size: 24px;
     font-weight:600;
     text-transform: capitalize;
 }


.product_page_sku h1 {
	 color: #3a3a3a;
	 font-size:2rem;
	 font-weight: 700;
	 xletter-spacing: 0.5px;
	 xtext-transform: uppercase;
	 font-family: "HK Grotesk",sans-serif !important;
	 xfont-family: 'Montserrat', sans-serif !important;
	 font-style: normal;
	 margin-bottom: 10px;
	 line-height: 1;
 }
.product_page_sku span{
		font-weight: 300;
	  font-size: 24px;
	  letter-spacing: -0.8px;
	  padding-left: 5px;
	  color: #808080;
 }
 .product_page_sku h2{
     font-family: 'Montserrat', sans-serif !important;
     color: #222;
     font-size: 15px;
     font-weight: 400;
 }
 .product_page_sku h3{
     /*color: #555;
     font-size: 1.2rem;
     font-weight: 700;*/
		font-weight: 500;
 		color: #333;
		font-family: "HK Grotesk",sans-serif !important;
 }
 .product_page_sku h4 {
   xfont-family: "Rubik", Tahoma, sans-serif;
   font-family: 'Montserrat', sans-serif !important;
   font-size: 22px;
   line-height: 1.3;
   font-weight: 100 !important;
   letter-spacing: 0px;
   color: #888;
   padding-top:7px;
 }
 .product_page_sku p{
     font-family: 'Roboto', sans-serif !important;
     color: #111111;
     font-size: 13px;
     letter-spacing: 0.2px;
     font-weight: 300;
     /* padding-top: 10px; */
     text-transform: inherit;
 }


 .prod-dimensions {
   /* font-family: 'Roboto', sans-serif !important; */
   color: #000;
   font-size: 13px!important;
 }
 .prod-dimensions span{
   font-weight: 500!important;
 }

 @media only screen
 and (min-device-width : 320px)
 and (max-device-width : 480px) {
   .product_page_sku h1 {
       color: #000;
       font-size: 18px;
       font-weight: 400;
       text-transform: uppercase;
       font-family: "proxima_nova_rgbold",sans-serif;
       /* font-family: 'Montserrat', sans-serif !important; */
       margin-bottom:0px;
       MARGIN-TOP:30PX;
   }
   .product_page_sku h1 span{
       color: #222;
       font-size: 15px;
       font-weight:300;
       text-transform: capitalize;
       padding-left: 1px;
       letter-spacing: -0.88px;
   }
   .product_page_sku h2{
       color: #555;
       font-size: 14px!important;
       font-weight: lighter!important;
       text-transform: inherit !important;
       letter-spacing: -0.88px!important;
   }
   .product_page_sku .new-flag {
       background: #ff0000;
       color: #fff;
       text-transform: uppercase;
       font-size: 10px!important;
       letter-spacing: 1px;
       letter-spacing: .0625rem;
       border-radius: 20px;
       margin-left: 8px;
       margin-left: .5rem;
       padding: 1px 3px!important;
       position: relative;
       top:0;
       float:right;
   }
 }

 .product_page_sku .new-flag {
     background: #ff0000;
     color: #fff;
     text-transform: uppercase;
     font-size: 10px;
     font-size: .625rem;
     letter-spacing: 1px;
     letter-spacing: .0625rem;
     border-radius: 20px;
     margin-left: 8px;
     margin-left: .5rem;
     padding: 5px 8px;
     position: relative;
     top:0;
     float:right;
 }




.ribbon-info {
	position: absolute;
	top: 20px;
	left: 4px;
	z-index: 999;
}
.ribbon-info {
	padding: 7px 25px;
	color: #fff;
	background: #009ee2;
	font-weight: 400;
	text-align: center;
	display: inline-block;
	xposition: relative;
	letter-spacing: 0.1em;
	border-radius: .2125rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.ribbon-info::before {
	border-top: 14px solid #1460a0;
}
.ribbon-info::before {
	content: '';
	border-left: 12px solid transparent;
	border-right: 0 solid transparent;
	position: absolute;
	bottom: -14px;
	left: 0;
}


.customize-yours-wrapper {
 	position: relative;
	display: block;
}
.customize-yours {
	position: absolute;
	font-size: 12px;
	font-weight: 300;
	xtop: 0;
	xleft: 0;
	right:-27px;
	z-index: 10;
}
.customize-yours {
	padding: 7px 25px;
	color: #fff;
	background: #fe696a;
	font-weight: 400;
	text-align: center;
	display: inline-block;
	xposition: relative;
	letter-spacing: 0.1em;
	border-radius: .2125rem;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.customize-yours::before {
	border-top: 14px solid #c2191a;
}
.customize-yours::before {
	content: '';
	border-right: 12px solid transparent;
	border-left: 0 solid transparent;
	position: absolute;
	bottom: -14px;
	xleft: 0;
	right:0;
}




.pdDesc ul {
   display: block;
   list-style-type: disc;
   /*
   margin-block-start: 1em;
   margin-block-end: 1em;
   */
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   padding-inline-start: 10px;
}
.pdDesc ul>li:before {
   content: "";
   position:relative;
   xleft: -18px;
   right:8px;
   background-color:#222;
   display:inline-block;
   width:5px;
   height:5px;
   bottom:2px;
   border-radius:50%
}
.pdDesc li {
   color: #000;
   font-size: 13px;
   letter-spacing: 0.5px;
   font-weight: 300;
}

.color-wrapper{
   position: relative;
   bottom:2px;
   margin-right:10px;
}



.steps-101-wrapper {
  background:#eee;
  /* margin-right:20px; */
}
.steps-101 {
  width:100%;
  float:left;
  background:#eee;
  /* margin-right:20px; */
}
.steps-101 h1 {
  text-align:center;
  font-size:8px;
  position: relative;
  top:5px;
  line-height: 1;
}
.steps-101 h1 span{
  display: list-item;
  list-style:none;
  font-size:20px;
}




 .customize-panel-wrapper {
   margin-bottom: 5px;
   padding:1%;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 0px;
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
   box-shadow: 0 1px 1px rgba(0,0,0,.05);
   cursor: pointer;
 }
 .customize-panel-wrapper p{
   color: #111111;
   font-size: inherit;
   letter-spacing: 0.5px;
   font-weight: 300;
   xpadding-top: 10px;
   text-transform: inherit;
 }
 .customize-panel-wrapper:hover{
   background-color: #f2f2f2;
   border: 1px solid #999;
   box-shadow: 0 1px 5px #ccc;
     -webkit-box-shadow: 0 1px 5px #ccc;
 	  -moz-box-shadow: 0 1px 5px #ccc;
 }
 .toggle-container {
   transition: height 0.35s ease-in-out;
   overflow: hidden;
 }
 .toggle-container:not(.active) {
   display: none;
 }




 .steps-note-1 label p{
     font-size: 12px;
     line-height: 1.4em;
     margin-top: 0px;
     display: inline-block;
     width: 100%;
 }

 .optionvalue-icon {
   display: block;
   width: 80px;
   text-align: center;
   float: left;
   padding: 0;
   text-decoration: none;
   margin: 10px 5px 0 0;
 }
 .optionvalue-icon label {
   font-size: 12px;
   line-height: 1.4em;
   margin-top: 4px;
   display: inline-block;
   width: 100%;
 }
 .optionvalue-icon label p{
   font-size: 10px;
 	letter-spacing: 0px;
 	color:#555;
   line-height: 1.4em;
   display: inline-block;
   width: 100%;
 }
 .optionvalue-icon a:hover  label:hover {
   color: red !important;
 }
 .optionvalue-icon span img {
   background-color: #f5f5f5;
   border: 1px solid #f5f5f5;
   padding: 2px;
   width: 50px;
   height: 50px;
   transition: all ease-in-out .3s;
 }
 .optionvalue-icon  a:hover span img {
   border: 2px solid #777 !important;
   color:#000 !important;
 }
 div.preview-product-option a:hover span img {
   border-color: #222; /* #39c */
   background: #fcfcfc;
   color:#000 !important;
   transition: all ease-in-out .3s
 }
 div.preview-product-option a span.selected img {
   border-style: solid;
   border-color: #39c;
   margin: 0;
   background: #39c;
   transition: all ease-in-out .3s
 }
 .preview-product-option.Imgdd {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-content: flex-start;
   width: 100%;
 }


 .start-design-icon {
   padding-left:5px;
  }





 .product-badges {
     position: absolute;
     top: 0px;
     margin-left: 20px;
 }
 .product-flag .new-flag2 {
     position: relative;
     top: -20px;
     margin-right: 0;
     display: inline-block;
     background: #ff0000;
     color: #fff;
     text-transform: uppercase;
     font-size: 10px;
     xfont-size: .625rem;
     xletter-spacing: 1px;
     letter-spacing: .0625rem;
     border-radius: 20px;
     padding: 5px 8px;
 }
 .product-flag .sale-flag {
     position: inherit;
     top: inherit;
     margin-right: 0;
     display: inline-block;
     background: green;
     color: #fff;
     text-transform: uppercase;
     font-size: 10px;
     xfont-size: .625rem;
     letter-spacing: 1px;
     letter-spacing: .0625rem;
     border-radius: 20px;
     padding: 5px 8px;
 }
 .product-flag .wql-flag {
     position: inherit;
     top: inherit;
     margin-right: 0;
     display: inline-block;
     background: orange;
     color: #fff;
     text-transform: uppercase;
     font-size: 10px;
     xfont-size: .625rem;
     xletter-spacing: 1px;
     letter-spacing: -0.02rem;
     border-radius: 20px;
     padding: 5px 8px;
 }


 .col-md-offset-1B {
     margin-left: 2%; /* 8.333333% */
 }



.btn-preview {
   display: inline-block;
   font: 12px 'proxima_nova_rgregular','Helvetica Neue',Helvetica,Arial,sans-serif;
   text-transform: uppercase;
   text-align: center;
   letter-spacing: .28em;
   /* background-color: #007ac9; blue */
   background-color: #222;
   color: #fff;
   min-width: 200px;
   padding: 15px;
   padding-bottom: 12px;
   border: 2px solid #222;
   border-radius: 0!important;
   transition: all .2s ease-in-out;
   text-decoration: none;
   box-sizing: border-box;
   margin: 3px 0;
}
.btn_cta {
   position: relative;
   margin-right: 50px;
   width: calc(100% - 46px);
}
.btn_cta:after {
 content: "\f054";
 font: normal normal normal 14px/1 FontAwesome;
 font-style: normal;
 font-size: 24px;
 line-height: 44px;
 color: #fff;
 position: absolute;
 top: -2px;
 right: -50px;
 width: 50px;
 height: 45px;
 text-indent: 5px;
 text-align: center;
 border: 2px solid #222;
 border-left-color: #fff;
 background-color: #222;
 transition: all .2s ease-in-out;
}
.btn_cta[disabled]:after {
   border-left-color: #fff!important
}
.btn-preview:not([disabled]):hover,
.btn_cta:not([disabled]):hover:after {
   background-color: transparent;
   color: #222;
   border-color: #222;
   cursor: pointer
}

.btn-preview2 {
   display: inline-block;
   font: 12px 'proxima_nova_rgregular','Helvetica Neue',Helvetica,Arial,sans-serif;
   text-transform: uppercase;
   text-align: center;
   letter-spacing: .28em;
   /* background-color: #007ac9; blue */
   background-color: #009ee2;
   color: #fff;
   min-width: 200px;
   padding: 15px;
   padding-bottom: 12px;
   border: 2px solid #009ee2;
   border-radius: 0!important;
   transition: all .2s ease-in-out;
   text-decoration: none;
   box-sizing: border-box;
   margin: 3px 0;
}
.btn_cta2 {
   position: relative;
   margin-right: 50px;
   width: calc(100% - 46px);
}
.btn_cta2:after {
 content: "\f054";
 font: normal normal normal 14px/1 FontAwesome;
 font-style: normal;
 font-size: 24px;
 line-height: 44px;
 color: #fff;
 position: absolute;
 top: -2px;
 right: -50px;
 width: 50px;
 height: 45px;
 text-indent: 5px;
 text-align: center;
 border: 2px solid #009ee2;
 border-left-color: #fff;
 background-color: #009ee2;
 transition: all .2s ease-in-out;
}
.btn_cta2[disabled]:after {
   border-left-color: #fff!important
}
.btn-preview2:not([disabled]):hover,
.btn_cta2:not([disabled]):hover:after {
   background-color: transparent;
   color: #009ee2;
   border-color: #009ee2;
   cursor: pointer
}





.default-branding {
	padding: 4px 0 ;
}
.default-branding p{
	font-size: 12px;
	display: inline-block;
	margin-bottom: 0px;
}
.default-branding span{
	font-size: 14px;
	display: inline-block;
}
.default-branding i{
	font-size: 14px;
	color:#777;
	padding-right: 6px;
	position: relative;
	top:1px;
}


.color-wheel p{
	font-size: 12px;
	display: inline-block;
	margin-bottom: 0px;
	position: relative;
	top:-5px;
	padding-right:10px;
}
.colours-wrapper {
    position: relative;
		display: inline-block;
}
.list-inline-item:not(:last-child) {
    margin-right: .3rem;
		display: inline-block;
}
.list-inline-item {
    display: inline-block;
}
.btn-colour {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #ced4da;
  background-position: center;
  background-size: cover;
  cursor: pointer;
  transition: border-color .1s;
}


/*
	- MAKE IT REFLECT CUSTOM CHECKMARK
*******************************************************************/
.make-it-reflect{
	position: relative;
	right:25px;
	height:30px;
}
.make-it-reflect .new-label {
  display: block;
  position: absolute;
	top: -24px;
  right: -23px;
	/*
  top: -20px;
  right: 12px;
	*/
  background-color: #ff0000;
  color: #FFFFFF;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 2px 10px;
	line-height: 1.3;
}
.make-it-reflect .new-label::before {
  position: absolute;
  content: "";
	bottom: -5px;
  left: 5px;
	/*
  bottom: -5px;
  left: 0;
	*/
  height: 5px;
  width: 5px;
  background-color: transparent;
  border-right: 3px solid transparent;
  border-left: 3px solid #ff0000;
  border-top: 3px solid #ff0000;
  border-bottom: 3px solid transparent;
}

.customcheck {
  display: block;
  xposition: relative;

	xdisplay: flex;
  xpadding-left: 35px;
  xmargin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.customcheck input {
    XXXposition: absolute;
    opacity: 0;
    cursor: pointer;
}
.customcheck h5 {
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	text-align: right;
	margin-right: 30px;
}
.checkmark-reflect {
    position: absolute;
    top: -4px;
		right:0;
    height: 25px;
    width: 25px;
		border:2px solid #32b1e7;
    border-radius: 5px;
}

/* When the checkbox is checked, add a BLUE background */
.customcheck input:checked ~ .checkmark-reflect {
    background-color: #6fc8ee;
    border-radius: 5px;
}
.customcheck:hover input ~ .checkmark-reflect {
    background-color: #84d0f0;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-reflect:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark-reflect:after {
    display: block;
}
/* Style the checkmark/indicator */
.customcheck .checkmark-reflect:after {
    left: 7px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* FOR DISABLED ONLY *************************************************************************/
.disabled .customcheck input {
	cursor: not-allowed !important;
}
.disabled .customcheck h5 {
	color:#ccc !important;
	cursor: not-allowed !important;
}
.disabled .checkmark-reflect,
.disabled .customcheck input[disabled],
.disabled .customcheck input:checked ~ .checkmark-reflect,
.disabled .customcheck:hover input ~ .checkmark-reflect {
    color: #ccc;
		background-color: #fff;
		border:2px solid #ccc!important;
		cursor: not-allowed;
}
.disabled .customcheck input:checked ~ .checkmark-reflect:after {
	display: none !important;
	cursor: not-allowed;
}
.disabled .customcheck .checkmark-reflect:after {
	display: none !important;
	cursor: not-allowed;
}
/* END ---- FOR DISABLED ONLY ************************************************/






/**************************************************
 - PRODUCT PAGE -
**************************************************/

.productpage-price-table .table {
    width: 100%;
    margin-bottom: 0rem ;
    color: #212529;
}

.productpage-price-table {
    position: relative;
    z-index: 1;
    text-align: left;
		margin-left: 2%;
		margin-top: 2%;
		margin-bottom: 1%;
}
.productpage-price-table .icofont-close {
    cursor: pointer;
}
.productpage-price-table thead {
    background-color: #f8f8ff;
}
.productpage-price-table .table thead th {
    border-bottom: 0;
}
.productpage-price-table .table-bordered td,
.productpage-price-table .table-bordered th {
    border-color: #d6e6fb;
    font-size: 12px;
		color:#222;
		font-weight: 400;
		text-align:left;
}
.productpage-price-table .table-bordered .centered >th{
		text-align:center !important;
}
.productpage-price-table .table td,
.productpage-price-table .table th {
    vertical-align: middle;
    padding: 2px;
}
.productpage-price-table tbody {
    font-size: 12px;
    font-weight: 700;
}
.productpage-price-table tbody img {
    max-width: 60px;
}
.productpage-price-table .qty-minus,
.productpage-price-table .qty-plus {
    background-color: #f8f8ff;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    width: 30px;
}
.productpage-price-table .qty-minus i,
.productpage-price-table .qty-plus i {
    line-height: 30px;
    font-size: 10px;
}
.productpage-price-table .qty-text {
    background-color: #f8f8ff;
    border: medium none;
    display: inline-block;
    height: 30px;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    text-align: center;
    font-size: 12px;
}
.productpage-price-table .quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.price-unit {
	margin: 10px 0 0 0;
}
.price-unit p{
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0px;
	line-height: normal;
}


.flag-icon {
    position: relative;
    z-index: 1;
    width: 27px;
    padding-right: 8px;
		font-size: 10px !important;
}

/*
.share-social {
    xfloat: left;
    font-size: 14px;
    font-weight: 500;
    margin-top: 30px;
    width: 100%;
}
*/
.share-social-title {
	font-size: 12px;
	color: #222;
	letter-spacing: 0.5px;
  font-weight: 300;
  position: relative;
	top:-3px;
	padding-right: 10px;
}
.share-social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    float: left;
    margin-bottom:14px;
}
.share-social li {
    display: inline;
}
.share-social i{
  font-size: 24px;
	padding: 0 5px;
	color:#666;
}
.share-social i:hover{
	color:#009ee2;
}




#step01 p, #step02 p, #step03 p, #step04 p, #step05 p, #step06 p, #step07 p, #step071 p, #step08 p, #step09 p, #step10 p, #step11 p, #step12 p {
	font-size: 12px;
	font-weight:700;
	position: relative;
	display: inline-block;
	color:#fff;
	background-color: #32b1e7; /* #009ee2 */
  padding: 0 10px;
  border-radius: 1px;
}
#step01 p>span:before {
    content: "\f058";
    position: absolute;
    top: 0;
    left: 0;
		padding-right:50px !important;
    font-family: Font Awesome\ 5 Free;
    color: #fff; /* #009ee2 */
		}


.selection_step01 a, .selection_step02 a, .selection_step03 a, .selection_step04 a, .selection_step05 a, .selection_step06 a, .selection_step07 a, .selection_step071 a, .selection_step08 a, .selection_step09 a, .selection_step10 a, .selection_step11 a, .selection_step12 a {
	position: relative;
	display: inline-block;
	xbackground:#444;
	color:#222;
	padding:4px 10px;
	margin-top:10px;
}
.selection_step01 a:hover, .selection_step02 a:hover, .selection_step03 a:hover, .selection_step04 a:hover, .selection_step05 a:hover, .selection_step06 a:hover, .selection_step07 a:hover, .selection_step071 a:hover, .selection_step08 a:hover, .selection_step09 a:hover, .selection_step10 a:hover, .selection_step11 a:hover, .selection_step12 a:hover {
	xbackground:#aaa;
	color:#ff0000;
}

.size_guide_thumb li a{
	display: inline-block !important;
	width: 100px;
  background-position: center center;
  background-size: cover;
  border: 2px solid #d6e6fb;
  margin-right: 10px;
  border-radius: 2px;
}
.size_guide_thumb li a:focus {
  border-color: #070a57;
}


.card {
	/*
	outline: 2px solid #ddd;
	outline-offset: -1px;
	border: 1px solid #fff;
	*/
	xborder-bottom: 1px solid #eee !important;

	border: 0px solid rgba(0,0,0,.125);
	border-radius: 0rem;
	margin-bottom: 0;
	}

/**/
.accordion>.card:first-of-type {
		xborder-bottom: 0;
		xborder-bottom: 1px solid #ddd !important;

}
.accordion>.card:last-of-type {
		border-bottom: 0;
}

.accordion>.card {
		overflow: hidden;
}
.accordion>.card .card-header {
		margin-bottom: 0px;
}

.accordion .card-header {
		padding: 0px;
		background-color: transparent;
}
.card-header {
		padding: .75rem 1.25rem;
		xmargin-bottom: 0;
		background-color: rgba(0,0,0,0.03);
		xborder-bottom: 1px solid rgba(0,0,0,0.085);
		Xborder-bottom: 1px solid rgba(0,0,0,.125);
		border-bottom: 1px solid #eee !important;
}

.accordion .accordion-heading {
		margin-bottom: 5px;
		font-size: 12px !important;
		font-weight: bold;
}

.accordion .accordion-heading>a {
		display: block;
		position: relative;
		xpadding: 1.25rem;
		xpadding:0.80rem;
		padding-right: 4.25rem;
		color: #222;
		xline-height: 1;
		/*
		top:50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		*/
}

.accordion .card {
		xbackground: #f8f8ff !important;
	}
.accordion .card .card-body{
			background: #f8f8ff !important;
	}

.accordion .accordion-heading .steps-101-box{
	float:left;
	xoverflow: hidden;
	font-size:8px;
	background: #eee;
	line-height: 1.1;
	position: relative;
	top:3px;
	margin-right:10px;
}
.accordion .accordion-heading .steps-101-box span{
	font-size:15px;
	font-weight: 600 !important;
	display: list-item;
	list-style:none;
}


.collapse:not(.show) {
		display: none;
}

.accordion .collapsed .accordion-indicator {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
}
.accordion .accordion-indicator {
		display: block;
		position: absolute;
		top: 50%;
		right: 1.25rem;
		width: 2rem;
		height: 2rem;
		margin-top: -1rem;
		-webkit-transition: -webkit-transform 0.3s ease-in-out;
		transition: -webkit-transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
		xborder: 1px solid #e7e7e7;
		border-radius: 50%;
		line-height: 2rem;
		text-align: center;
}
.accordion .accordion-indicator>.feather {
		width: 1.125rem;
		height: 1.125rem;
		margin-top: -.0625rem;
		margin-top: -.375rem;
}
.feather {
		display: inline-block;
		vertical-align: middle;
}




/* *******************************/

.card-02 {
  /* outline: 2px solid #ddd; */
  /* outline-offset: -1px; */
  border: 1px solid #fff;
  border-radius: 0rem;
  margin-bottom: 0px;
}
.accordion-02 > .card:first-of-type {
    border-bottom: 0;
    xborder-bottom: 1px solid #ddd !important;
}
.accordion-02 > .card:last-of-type {
    border-bottom: 0;
}

.accordion-02 > .card {
    overflow: hidden;
}
.accordion-02 > .card .card-header {
    margin-bottom: 0px;
}

.accordion-02 .card-header {
    padding: 0;
    background-color: transparent;
}
.accordion-02 .card-header i {
    color: #999;
    padding-left: 10px;
    padding-right: 20px;
    xposition: relative;
    xtop: 2px;
}
.accordion-02 .card-header i:after {
    position: absolute;
    content: "";
    height: 16px;
    width: 1px;
    background-color: #bbb;
    left: 43px;
    top: 19px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.accordion-02 .card-body {
    background: #f8f8ff !important;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    xborder-bottom: 1px solid rgba(0, 0, 0, 0.085);
    xborder-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom: 1px solid #eee !important;
}
.accordion-02 .accordion-heading {
    margin-bottom: 0;
    font-size: 0.8rem;
    font-weight: 400;
}
.accordion-02 .accordion-heading > a {
    display: block;
    position: relative;
    xpadding: 1.25rem;
    padding: 0.5rem;
    padding-right: 4.25rem;
    color: #555;
}
.accordion-02 .accordion-heading > a:hover {
    background-color: #f2f2f2;
    xcolor: #009ee2 !important;
}

.accordion-heading .float__right{
	float: right;
}

.accordion-heading h5 {
	display: inline-block;
	color: #555;
  font-size: 12px;
	border-left: 1px solid #e0e0e0;
  margin: 0  0 0 10px ;
  padding: 0 0 0 10px ;
}

.option-disabled {
    position: relative;
}
.option-disabled .accordion-heading {
		background-color: #f2f2f2 !important;
}
.option-disabled .accordion-heading h5{
		xtext-decoration: line-through;
}
.option-disabled .accordion-heading p{
		background-color: transparent !important;
}
.option-disabled .collapse {
		display: none!important;
		-webkit-transition: none!important;
    transition: none !important;
}



/*
.accordion-heading h5:before {
    content:" ";
    width: 100%;
    border-left: solid 1px #000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
*/
/*
.accordion-heading .block101:before {
  content:"";
	width: 100%;
	border-right: solid 1px #000;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
*/

.accordion-02 .card-header .accordion-heading img {
	display: inline-block;
	width:17px;
	opacity: 0.4;
	xmargin-right: 10px;
}
.accordion-02 .card-header .accordion-heading  a:hover img, a:hover h5{
	xdisplay: inline-block;
	xwidth:17px;
	opacity: 1;
	color: #009ee2;
}

/*
.accordion-heading img:after {
    content: '';
    width: 100%;
    border-right: solid 1px #000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
*/

.collapse:not(.show) {
    display: none;
}

.accordion-02 .collapsed .accordion-indicator {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.accordion-02 .accordion-indicator {
    display: block;
    position: absolute;
    top: 50%;
    right: 1.25rem;
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    xborder: 1px solid #e7e7e7;
    border-radius: 50%;
    line-height: 1rem;
    text-align: center;
}
.accordion-02 .accordion-indicator > .feather {
    xwidth: 1.125rem;
    xheight: 1.125rem;
    xmargin-top: -0.0625rem;
    xmargin-top: 0;
    color: #999; /* #009ee2 */
    position: relative;
    top: 3px;
}
.accordion-02 .accordion-indicator > .feather:hover {
    color: #009ee2;
}
.accordion-02 .feather {
    display: inline-block;
    vertical-align: middle;
}



.accordion-heading .steps-101-box{
	float:left;
	display: inline-block;
	xoverflow: hidden;
	font-size:8px;
	background:#f3f3f3; /* f8f8ff */
	xbackground: rgba(0, 175, 236, 0.1);
	line-height: 1.1;
	position: relative;
	top:-2px;
	margin-right: 3px;
	padding:3px 5px 0;
}
.accordion-heading .steps-101-box span{
	font-size:15px;
	font-weight: 600 !important;
	display: list-item;
	list-style:none;
}

.accordion-heading .steps-101-title{
	float:left;
	display: inline-block;
}
.accordion-heading .steps-101-title:before {
	border-left:1px solid #999;
	margin-left:20px;
}

.style__action-wrapper___total {
    xbackground-color: #f7f9fa;
    xpadding: 24px;

		padding: 24px;
    border-width: 2px;
		border-style: dashed;
    border-color: rgba(68,168,242,.5);
    background: rgba(68,168,242,.1);
}
.styles__current-price___total {
    font-weight:400;
    font-size: 32px;
    line-height: 0.3;
}
.styles__current-price___total span{
    font-weight:400;
    font-size: 15px;
    line-height: 0.3;
}

.total__hide {
  display:none;
}

.total__price_inputbox {
	font-size: 12px;
	height: auto;
	xpadding: 10px 15px;
	padding: 5px 10px;
	line-height: 0.5em;
	min-width: 50px;
	width: 75px;
	border: 1px solid #d7d7d7;
	background: #fff;
	text-align:center;
	color: #000 !important;
}


.btn-preview-order {
   display: inline-block;
   font: 15px 'proxima_nova_rgregular','Helvetica Neue',Helvetica,Arial,sans-serif;
   text-transform: uppercase;
   text-align: center;
   letter-spacing: .28em;
   /* background-color: #007ac9; blue */
   background-color: #1897f2;
   color: #fff;
   xmin-width: 200px;
   padding: 25px 0;
   xpadding-bottom: 12px;
   border: 2px solid #1897f2;
   border-radius: 0!important;
   transition: all .2s ease-in-out;
   text-decoration: none;
   box-sizing: border-box;
   xmargin: 3px 0;
}
.btn_blue-arrow {
   position: relative;
   margin-right: 50px;
   width: calc(100% - 70px);
}
.btn_blue-arrow:after {
 content: "\f054";
 font: normal normal normal 14px/1 FontAwesome;
 font-style: normal;
 font-size: 24px;
 line-height: 10px;
 padding: 32px 0;
 color: #fff;
 position: absolute;
 top: -2px;
 right: -50px;
 width: 70px;
 height: 45px;
 text-indent: 5px;
 text-align: center;
 border: 2px solid #1897f2;
 border-left-color: #fff;
 background-color: #1897f2;
 transition: all .2s ease-in-out;
}
.btn_blue-arrow[disabled]:after {
   border-left-color: #fff!important
}
.btn-preview-order:not([disabled]):hover,
.btn_blue-arrow:not([disabled]):hover:after {
   background-color: transparent;
   color: #222;
   border-color: #222;
   cursor: pointer
}



.optional_addons_wrapper{
	/* background:#e6f6fc; */
	background:#f6f6f6;
	padding: 0px 0;
	margin-top: 10px;
}

.optional_addons p:before{
	display: inline-block;
  font-size:inherit;
  height:0.8em;
  overflow:visible;
  vertical-align: -4px;
  content: url(../../images/add-ons.svg);
  margin-right: 5px;
	margin-left: 1px;
  width: 15px;
}

.optional_addons p{
	font-size: 9px;
	font-weight: 400;
	padding-left:10px;
	color:#009ee2;
}
.optional_addons p span{
	color:#ff0000;
	padding-left:2px;
}

/* STEPS ICON IMAGE SELECTOR ************************************/
ul.slidedown_img_selector{
  xdisplay: inline-grid;
  position: relative;
	width: 100%;
}
.slidedown_img_selector li {
  display: inline-grid;
  position: relative;
	width: 20%;
	padding: 0 5px;
  /* padding: 0 25px 0 0; */
}
.slidedown_img_selector li img {
  width:100%;
	border: 4px solid #eee;
}
.slidedown_img_selector img {
  width:70px;
	border: 4px solid #eee;
}
.slidedown_img_selector .active {
  background-color: transparent;
  border:4px solid #009ee2;
	padding:3px;
}
.slidedown_img_selector p {
  display: block;
	color:#333;
	font-size: 11px;
	font-weight: 300;
	line-height: 1.2;
	margin-top: 10px;
	text-align: center;
	clear: both;
	overflow: hidden;
}

.slidedown_img_selector_notes {
  margin-top:20px;

	border:1px dashed #ccebf9;
	background: rgba(255, 255, 255, 0.4) !important;
	xbackground: #fff;
	xdisplay: inline;
}
.slidedown_img_selector_notes li{
	padding:5px 8px;
}
li.slidedown_img_selector_notes{
	list-style-type: none;
	margin-left:0px;
	padding-left:0px;
	display: inline-block;
}
li.slidedown_img_selector_notes p{
	display:inline-block;
	padding: 0;
	font-size: 11px;
}
.slidedown_img_selector_notes p{
	font-size: 11px;
	color:#555 !important;
	line-height: normal;
}
.slidedown_img_selector_notes li:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-style: normal;
    content: '\f06a';
		color:#009ee2;
    font-size: 13px;
		xdisplay: inline-block;
		float:left;
    padding-right: 6px;
    position: relative;
    top: -3px;
}
/*
.slidedown_img_selector_notes p {
	color:#222;
	font-size: 11px;
	font-weight: 300;
	line-height: 1;
	text-align: left;
	clear: both;
	display:inline-block;
}
*/


/*
.slidedown_img_selector a {
    color: #333;
    xpadding: 35px 32px 7px;
    display: block;
    text-decoration: none;
}

.slidedown_img_selector a:hover {
    color: #009ee2;
}

.slidedown_img_selector img, .mini {
	background-position: center center;
	background-image: url('../../images/icons/icon-mini.png');
  background-repeat: no-repeat;
  background-size: 70px 70px;
	display: inline-block;
	width: auto;
	clear: both;
}
*/


.steps__image__selection__Wrap {
	padding: 0px;
}
.steps__image__selection__Wrap input{
	height: 0px !important;
}

.steps__image__selection__Wrap .icon__img__group {
xmax-width: 800px;
margin: auto;
}

.steps__image__selection__Wrap .icon__img__group .icon__img__selector {
padding: 40px;
box-shadow: none;
position: relative;
width:100px;
}

.steps__image__selection__Wrap .icon__img__group .icon__img__selector.active {
outline: none !important;
}

.steps__image__selection__Wrap .icon__img__group .icon__img__selector.active .method {
border-color: #009ee2;
outline: none !important;
xbox-shadow: 0px 3px 22px 0px #7b7b7b;
}

.steps__image__selection__Wrap .icon__img__group .icon__img__selector .method {
position: absolute;

xright: 3px;
xtop: 3px;
xbottom: 3px;
xleft: 3px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border: 2px solid transparent;
transition: all 0.5s;
}

.steps__image__selection__Wrap .icon__img__group .icon__img__selector .method:hover {
border-color: #009ee2;
outline: none !important;
}


.table-print {
	width: 100%;
	margin: 10px 0;
}


.table-print .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
	padding: .30rem;
  vertical-align: top;
  border-top: 0px solid #dee2e6;
	font-size: 12px;
	font-weight: 500;
  font-style: normal;
}
.table-print .thead-light2 th, .table-print .thead-light2 td {
  color: #495057;
  xbackground-color: #e9ecef;
  xborder-color: #dee2e6;
	padding: 5px 5px ;
  vertical-align: top;
  xborder-top: 0px solid #dee2e6;
	font-size: 12px;
	font-weight: 300;
  font-style: normal;
	margin: 0px 0;
}

.table-print .form-control {
  display: block;
  width: 50%;
  height: 25px;
  padding: .5rem .9375rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #777;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e4e4e4;
  border-radius: 0;
  transition: border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out,-webkit-box-shadow 0.2s ease-in-out;
}
@media (min-width:768px) {
	.table-print .form-control {
	  display: block;
	  width: 80%;
	}
}
.table-print a {
    position: relative;
    display: inline-block;
    color: #222;
    padding: 0px 0px;
    margin-top: 0px;
}



/* PRICING & QUICK INVENTORY TABS */
.product-page-tabs-bg {
	background:#fff;
	padding-top:20px;
	}

.product-page-tabs-wrapper .product-tabs {
	padding-top: 0px;
	xdisplay: block;
	display: inline-block;
	border-color: #d8e3eb;
	width: 100%;
}

@media (min-width:576px) {
	.product-page-tabs-wrapper .product-tabs {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex
	}
}


.product-page-tabs-wrapper .product-tabs .nav-tabs {
	border-bottom: 0px solid #ebebeb;
}

.product-page-tabs-wrapper .product-tabs .nav-tabs > li {
	float: none;
	margin-bottom: -2px;
	display: inline-block;
}


.product-page-tabs-wrapper .product-tabs .nav-link {
	letter-spacing: .1em;
	text-transform: uppercase;
	font-family: 'proxima_nova_rgregular', sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .28em;
	padding: 5px 20px;
	border-radius: 0;
	color: #2b2b2b;
}

.product-page-tabs-wrapper .product-tabs .nav-link {
		border-bottom: 1px solid #ebebeb;
		xcolor: #009ee2;
		border: 1px solid #d8e3eb;
}

@media (min-width:768px) {
	.product-page-tabs-wrapper .product-tabs .nav-link {
			xpadding-left: 30px;
			xpadding-right: 30px;
			min-width: 100px;
	}
}

.product-page-tabs-wrapper .product-tabs .nav-link:focus,
.product-page-tabs-wrapper .product-tabs .nav-link:hover {
	xxxxborder-color: #d8e3eb #d8e3eb #d8e3eb;
	border-color: #b2e1f6;
}

.product-page-tabs-wrapper .product-tabs .nav-item.show .nav-link,
.product-page-tabs-wrapper .product-tabs .nav-link.active {
	color: #fff;
	font-weight: 600;
	/*
	background-color: #b2e1f6;
	border-color: #b2e1f6;
	*/
	background-color: #009ee2;
	border-color: #009ee2;
}

.product-page-tabs-wrapper .product-tab-content {
		padding: 20px 10px 0 10px;
		min-height: 220px;
	}

.product-page-tabs-wrapper .product-tab-content h4 {
		font-size: 14px;
		line-height: 1.2;
}
.product-page-tabs-wrapper .product-tab-content h3 {
		font-size: 15px;
		line-height: 1.2;
}
.product-page-tabs-wrapper .product-tab-content p {
	color: #111111;
	font-size: 12px;
	letter-spacing: normal;
	line-height: normal;
	font-weight: 300;
	text-transform: inherit;
}
.product-page-tabs-wrapper .product-tab-content ul li {
		font-size: 13px;
		font-weight: 300;
		line-height: 2;
}


.icons_product_page ul{
  display: inline-block;
}
.icons_product_page ul > li {
	display: inline-block;
  position: relative;
  list-style: none;
	/*
	xmargin-bottom: 25px;
	xmargin-LEFT: 25px;
	Xpadding:10px;
  Xtransform: scale(0.5, 0.5);
	*/
}
.icons_product_page img {
	border: 1px solid #ddd;
  padding: 5px;
  min-height: 40px;
  height: 40px;
	margin: 3px;

	overflow: hidden;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.icons_product_page img:hover {
	border: 1px solid #009ee2;
}
/*
.icons_product_page > img:hover {
	-webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
	overflow: hidden;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
*/



.tabs__get-rate-button {
  font-size: 12px;
	font-weight: 300;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	padding: 0px 50px;
  line-height: normal;
  height: 3em;
	position: relative;
  color: #fff;
	background-color: #009ee2 !important;
  cursor: pointer;
  border: 0px solid #009ee2;
	letter-spacing: 1px;
	margin-bottom: 50px;
}
.tabs__get-rate-button:hover{
	color: #222;
  background-color: #bbb !important;
  transition: all .2s ease-in-out;
  border: 0px solid #fff;
}

.tabs__image-download-button {
  font-size: 14px;
	font-weight: 300;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	display: inline-block;
	padding: 10px 30px;
	position: relative;
	background-color: #404040;
  border-radius: 0px;
  width:60%;
  position:relative;
  display: flex;
  align-items: center;
	letter-spacing: 1px;
}
.tabs__image-download-button:hover{
	color: #000;
  background-color: #CCC;
  border-color: #FFF;
  transition: all .2s ease-in-out;
  border-radius: 0px;
  margin-left:0px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
  .tabs__image-download-button {
    width:100%;
    font-size: 14px;
  	font-weight: 300;
  	text-decoration: none;
  	text-align: center;
  	text-transform: uppercase;
  	color: #FFF;
  	display: inline-block;
  	padding: 10px 30px;
  	position: relative;
  	background-color: #404040;
    border-radius: 0px;
    position:relative;
    display: flex;
    align-items: center;
  }
}

.check__inventory__black {
	background: #1a1a1a !important;
	color: #fff;
	font-size: 12px;
  display: inline-block;
	font-weight: normal;
  border: none;
  cursor: pointer;
	letter-spacing: .02em;
	line-height: 22px;
	padding: 0 25px;
	text-transform: capitalize;
  position: relative;
  top:-2px;
}
.check__inventory__black:hover {
	background: #ccc !important;
	color: #000;
}


/* END TABS */



/* QUICK SEARCH BANNER ******/
.position-relative {
  position: relative;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overlay-content {
  position: relative;
  z-index: 20;
}

.xxxvcenter {
	/*
  display: inline-block;
  vertical-align: middle;
  float: none;
	*/
	display: flex;
  align-items: center;
}

.topbar-content{
	font-family: 'proxima_nova_rgregular','Poppins', 'Roboto', 'Helvetica', 'Arial', sans-serif;
	xfont-size: 20px;
	font-size: 1.5rem;
	font-weight: 600;
	text-transform: uppercase;
  letter-spacing: 0.1em;
}


.section-quicksearch-budget {
  padding: 60px 0;
	xbackground: #fbfbfb;
	xbackground: rgba(0, 187, 255, 0.05);
	xbackground: #f8f8ff;
	background: #fdfdfd;
}
.section-quicksearch-filter {
  padding: 15px 0;
	background: #99d8f3 ; /* #009ee2 OR #e4e4ff  */
	xbackground: rgba(0, 187, 255, 0.2);
}

.section-quicksearch {
  padding: 150px 0;
}
.section-quicksearch::before {
    content: '\A';
    display: block;
    background: #333; /* #162938 */
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: 0;
}

.quickstart-headline h4, .quickstart-headline p {
    display: inline;
    vertical-align: top;
    xfont-family: 'Open Sans', sans-serif;
    xfont-size: 16px;
    line-height: 36px;
}
.custom-round-background p span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #222; /* #009ee2 */
    text-align: center;
    color: #fff;
    line-height: 40px;
		font-size:20px;
    text-decoration: none !important;
		position: relative;
}

.section-standard-configurations {
  padding: 60px 0;
	background: #fff;
	xbackground: rgb(255,255,255);
	xbackground: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(229,245,252,1) 50%);
}
.section-quicksearch-budget2 {
  padding: 60px 0;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(229,245,252,1) 50%);
}

.section-bg-blue {
  padding: 60px 0;
	background: rgba(0, 158, 226, 0.3);
	xborder-top:2px solid #fff;
	xborder-bottom:2px solid #fff;
}
.section-bg-blue2 {
  padding: 60px 0;
	background: rgba(0, 158, 226, 0.5);
	xborder-top:2px solid #fff;
	xborder-bottom:2px solid #fff;
}
.section-bg-blue3 {
  padding: 60px 0;
	background: rgba(0, 158, 226, 0.8);
	xborder-top:2px solid #fff;
	xborder-bottom:2px solid #fff;
}
.section-bg-pink {
  padding: 60px 0;
	background: rgba(255,153,204, 0.5);
	xborder-top:2px solid #fff;
	xborder-bottom:2px solid #fff;
}
.section-bg-yellow {
  padding: 60px 0;
	background: rgba(248, 224, 142, 0.3);
	xborder-top:2px solid #fff;
	xborder-bottom:2px solid #fff;
}

.packets-container {
  background-image: url(../../images/packets-bg.jpg);
  background-position: top center;
  background-size: 1483px auto;
  background-repeat: no-repeat;
	padding: 80px 0 0;
}

.learnhowto-bg-pink {
  padding: 100px 0 150px;
	/* background: rgba(255,153,204, 0.5); */
	xborder-top:2px solid #fff;
	xborder-bottom:2px solid #fff;
	background:#fceefa;
}
.standard-configuration-bg-blue {
  padding: 100px 0 150px;
	background: rgba(0, 158, 226, 0.3);
}
.section-core-bg {
  padding: 0 0 150px;
	xbackground: linear-gradient(180deg,rgba(237,236,255,.78),hsla(0,0%,100%,.78));
	background: #fff;
}
.section-video-bg {
  padding: 100px 0 150px;
	xbackground-image: url(../../images/dots-bg.svg);
	background: #e5eeff linear-gradient(90deg,#e5eeff,#f4f9fa);
	xbackground: linear-gradient(180deg,rgba(237,236,255,.78),hsla(0,0%,100%,.78));
	xbackground: #f1f7f8;
}




.call-outs {
  font-family: 'proxima_nova_rgbold', sans-serif !important;
	line-height: normal;
}
.call-outs h1 {
	font-family: 'proxima_nova_rgbold', sans-serif !important;
  font-size: 36px;
  font-weight: 600;
	line-height: normal;
}
.call-outs h2 {
	font-family: 'proxima_nova_rgbold', sans-serif !important;
  font-size: 30px;
  font-weight: 600;
	line-height: normal;
}
.call-outs p {
  font-weight: 400 !important;
	font-size: 16px;
	line-height: normal;
}


/* INSTANT QUOTE  ********************************************/

.cost-estimator-wrapper {
  white-space: nowrap;
  font-size: 11px;
  font-family: 'Roboto Condensed',sans-serif;
  xborder: 1px solid #ccc;
  padding: 0px;
}
.cost-estimator-col1 {
  display: inline-block;
  width: 22%;
  white-space: normal;
  xpadding: 5px;
  vertical-align: top;
}
.cost-estimator-col2 {
  display: inline-block;
  width: 40%;
  white-space: normal;
  xpadding: 5px;
  vertical-align: top;
  xborder: 1px solid #ccc;
}
.cost-estimator-col2B {
  display: inline-block;
  width: 75%;
  white-space: normal;
  vertical-align: top;
}
.cost-estimator-col3 {
  display: inline-block;
  width: 20%;
  white-space: normal;
  xpadding: 5px;
  vertical-align: top;
  xborder: 1px solid #ccc;
  text-align: right;
}
.cost-estimator-col4 {
  display: inline-block;
  width: 15%;
  white-space: normal;
  xpadding: 5px;
  vertical-align: top;
  text-align: right;
  xborder: 1px solid #ccc;
}

.unit__span{
  font-size: 10px;
  color:#888;
}


.container__2__col {
  display: table;
  width: 100%;
}
.col__1 {
  display: table-cell;
  padding: 0px 15px;
  width: 50%;
}
.col__bg__grey {
  background: #f7f7f7;
}
.col__1__PaddingRight {
  padding-right:2%;
  min-height: 350px;
}
.pp__2buttons__pad{
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 70px;
  height:100%;
}
@media only screen and (max-width: 1200px) {
  .col__1 {
    display: block;
    width: 100%;
  }
}


.quantity_slider {
	position: relative;
  top:-5px;
}
.quantity_slider p{
	font-size: 11px;
  font-weight: 600;
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
  .quantity_slider {
  	position: relative;
    top:5px;
  }
  .quantity_slider p{
  	font-size: 12px;
    font-weight: 400;
  }
}


	.pp__quick__cost__estimator span{
	  font-family: 'Roboto Condensed',sans-serif;
	}

	.pp__quick__cost__estimator {
	  font-family: 'Roboto Condensed',sans-serif;
	  color: #333; /* #626262 */
		font-size: 11px;
	  font-weight:400;
	}
	.pp__quick__cost__estimator input{
	  color: #111;
		font-size: 11px;
	}
	.pp__quick__cost__estimator input:focus{
	  color: #000;
		font-size: 11px;
	}
	.pp__quick__cost__estimator label{
	  color: #000;
		font-size: 11px;
	  font-weight:400;
	  margin-bottom: 0rem !important;
	}
	.pp__quick__cost__estimator .sub__total_x span{
	  font-family: 'Roboto Condensed',sans-serif;
		font-size: 11px;
	  font-weight:600;
	  color: #666;
	}
	.pp__quick__cost__estimator .title_label {
	  text-align: left;
	  justify-content: left !important;
	  xmargin-right: 10px;
	  xmargin-top: 2px;
	  width: 70px;
	  font-size: 11px;
	  font-family: 'Roboto Condensed',sans-serif;
	}



	.pp__estimator__input_field_run {
	    font-size: 11px;
	    height: auto;
	    padding: 4px 5px;
	    line-height: 0.5em;
	    min-width: 50px;
	    width: 75px;
	    border: 1px solid #e6e6e6;
	    text-align:right;
	    pointer-events: none;
	}

	.pp__estimator__input_field {
	    font-size: 11px;
	    height: auto;
	    padding: 4px 5px;
	    line-height: 0.5em;
	    min-width: 50px;
	    width: 75px;
	    border: 1px solid #e6e6e6;
	    text-align:right;
	}

	.estimator__detail {
	    width: 22%;
	    text-align: right;
	    font-size: 12px;
	    padding-top: 4px;
	    color: #999;
	    xborder: 1px solid #ff0000;
	}

	.estimator-padding {
	    clear: both;
	    display: block;
	    padding: 4px 0;
	}

	.xproduct-pricing {
	    position: relative;
	    display: inline-block;
	    font-size: 14px;
	    width: 44%;
	    vertical-align: top;
	    margin-right: 5%;
	    margin-left: 5%;
	    border: 1px solid #ff0000;
	}

	.your_price{
	  font-family: 'Roboto Condensed',sans-serif !important;
		position: relative;
	  top:5px;
	  text-align: right;
	}
	.your_price_border {
		xborder: 1px solid #aaa;
	  xpadding:5px;
	}

	.your_price h4{
	  font-family: 'Roboto Condensed',sans-serif !important;
	  font-size: 14px;
	  letter-spacing: -0.7px;
	  font-weight: 600 !important;
	  color: #000 !important;
	}


	.section__pp__branding {
	  /* background: linear-gradient(0deg, #fff, #eee) fixed no-repeat; */
	  xborder-top: 1px solid #e6e6e6;
	  margin-top: 0.2%;
	  padding:2% 15px;
	}
	.section__pp__branding:before {
	  content : "";
	  position: relative;
	  left    : 14px;
	  bottom  : 10px;
	  height  : 1px;
	  width   : 98.6%;  /* or 900px */
	  text-align: center;
	  border-top: 1px solid #e6e6e6;
	}

	.all__prices {
		font-size:10px;
	}

	.cost__estimator__title h4{
	  font-family: 'Roboto Condensed',sans-serif;
	  font-size: 12px;
	  font-weight:700 !important;
	  color: #000 !important;
	  text-transform: uppercase;
	}


	.border1px {
		border:1px solid #ff0000;
	}

	.product_page_branding p{

	}
	.product_page_branding p::before {
	    content: "\f00c";  /* f058 */
	    font: normal normal normal 14px/1;
	    font-family: 'Font Awesome\ 5 Free';
	    font-weight: 900;
	    font-size: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    font-size: 10px;
	    padding-right: 7px;
	    text-decoration: none !important;
	}

/**************************************************
  - END PRODUCT PAGE -
**************************************************/



.notebook_head_1 {
  border-style: solid;
  border-width: 8px 0 0;
  border-color: #009ee2;
  /* transition: background .3s,border .3s,border-radius .3s,box-shadow .3s; */
  margin-top: -80px;
  margin-bottom: 37px;
  padding: 75px 0 0;
  z-index: 999;
	background: #fff;
	position: relative;
	border-radius: 50px;
}
@media only screen and (max-width: 767px) {
	.notebook_head_1 {
		border-style: solid;
	  border-width: 0;
	  border-color: transparent;
	  /* transition: background .3s,border .3s,border-radius .3s,box-shadow .3s; */
	  margin-top: 0px;
	  margin-bottom: 0px;
	  padding: 0 0 0;
	  z-index: 999;
		background: #fff;
		position: relative;
		border-radius: 0;
	}
}

/*
.photobox-img-wrapper {
    background-color: #FFF;
    border: 1px solid #EDEDED;
    padding: 8px;
    width:80%;
    border-radius:8%;
}
.photobox-img {
    overflow: hidden;
    border-radius:8%;
    position: relative;
    transition: all 0.7s ease 0s;
}
.photobox-img img {
    max-width: 100%;
    height: auto;
}
.photobox-img-item:hover .photobox-img {
    -webkit-transform: scale(1.06);
}
*/

.photobox-img {
  position: relative;
  margin: auto;
	text-align: center;
	cursor: pointer;
  xoverflow: hidden;
	height: 100%;
  width: 100%;
	border: 0px solid #ff0000;
}
.photobox-img img {
	width:80% !important;
	border-radius:30px;
  transition: all 0.3s;
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
}
.photobox-img:hover img {
  transform: scale(1.03);
	xopacity: 0.7;
	-webkit-filter: brightness(80%);
	filter: brightness(80%);
}


.photobox-img.white img {
	border:8px solid #fff !important;
}
.photobox-img.yellow img {
	border:8px solid #F8E08E !important;
}
.photobox-img.blue img {
	border:8px solid #4cbbea !important;
}
.photobox-img.pink img {
	border:8px solid #Fabbcb !important;
}

.photobox-img .caption-overlay {
	position: absolute;
  left: 42%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
	width: 100%;
}
.photobox-img .caption-overlay p{
	position: relative;
	background:#fff;
	color: #009ee2;
	margin: 9em 0;
	padding: 20px 30px;
	display: inline-block;
	font-weight: 800;
	letter-spacing: 1px;
	border-radius: 50px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform all 0.3s;
	transition: all 0.3s;
}
.photobox-img .caption-overlay:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	transition: all 0.3s;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.5);
}
.photobox-img .caption-overlay p:hover{
	position: relative;
	background:#009ee2;
	color: #fff;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform all 0.3s;
	transition: all 0.3s;
}






.steps-box{
	float:left;
	overflow: hidden;
	font-size: 11px;
	background: #009ee2;
	line-height: 1.1;
	position: relative;
	top:3px;
	margin-right:25px;
	padding:10px;
	border-radius: 5px;
}
.steps-box span{
	font-size:24px;
	font-weight: 900;
	display: list-item;
	list-style:none;
}
.steps-box-main-title {
	margin: 30px 0;
}
.steps-box-main-title h2{
	display: block;
  padding-top: 14px;
  xmargin-left: 25px;
  font-size: 24px;
  color: #fff;
}

.steps-box-separator {
  height: 3px;
  width: 60px;
  margin-bottom: 8px;
  margin-left: 3px;
  background: #009ee2;
}

.steps-box-header {
	margin-bottom: 50px;
}
.steps-box-header h1 {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 3em;
  font-weight: 500;
}
.steps-box-header  h1:before {
  width: 50px;
  height: 30px;
	line-height: 3;
	border-top: 2px solid #009ee2;
  xbackground-color: #009ee2;
	margin-bottom: 10px;
  content: "";
  position: absolute;
	overflow: hidden;
}
.steps-box-header h2 {
  color: #fff;
  font-size: 3em;
  font-weight: 500;
}



.em-dash:after {
  display: inline-block;
  text-align : center;
  font-size : 1em;
  xmargin : 20px auto;
  color: #fff;
  content: " ";
	width:30px;
	border-top: 2px solid #fff;
	position: relative;
	top:-5px;
	margin-right: 10px;
}
.em-dash-blue:after {
  display: inline-block;
  text-align : center;
  font-size : 1em;
  xmargin : 20px auto;
  color: #009ee2;
  content: " ";
	width:30px;
	border-top: 2px solid #009ee2;
	position: relative;
	top:-5px;
	margin-right: 10px;
}


.section-push-compliance {
  /* padding: 150px 0 0; */
  position: relative;
  top: -100px;
  z-index: 999;
}


.eflyer-title h4 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .3px;
  margin: 8px 0 30px;
  color: #433f3f;
  position: relative;
  display: inline-block;
  padding: 0 0 23px;
  line-height: 1;
}
.eflyer-title h4:before {
  position: absolute;
  background-color: #070508;
  height: 3px;
  width: 70px;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}



.eflyer-btn {
	display: inline-block;
  background-color: #009ee2;
  border:1px solid #009ee2;
  color: #fff;
  cursor: pointer;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  padding: 7px 15px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0px;
	border-radius: 4px;
	margin:1px 0;
}
.eflyer-btn:hover {
  background-color: #b2e1f6;
	border:1px solid #009ee2;
	color: #009ee2;
}
.eflyer-btn:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 500;
  font-style: normal;
  content: '\f358';
  font-size: 15px;
  padding-left: 8px;
  position: relative;
  top: 1px;
}

.eflyer-btn2 {
	display: inline-block;
  background-color: transparent;
	border:1px solid #009ee2;
  color: #009ee2;
  cursor: pointer;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  padding: 7px 15px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0px;
	border-radius: 4px;
	margin:1px 0;
}
.eflyer-btn2:hover {
  background-color: #ddd;
	color: #009ee2;
}
.eflyer-btn2:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 500;
  font-style: normal;
	content: '\f358';
  xcontent: '\f30b';
  font-size: 15px;
  padding-left: 8px;
  position: relative;
  top: 1px;
}





.virtual-btn {
  background-color: #009ee2;
  border:1px solid #009ee2;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  padding: 7px 15px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0px;
	border-radius: 4px;
	display: inline-block;
  margin-bottom: 20px;
}
.virtual-btn:hover {
  background-color: #ccebf9;
	border:1px solid #009ee2;
	color: #009ee2;
}

.virtual-image-grid {
	width:100%;
	min-height: 200px;
	border:3px solid #eee;
	background: #fff;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	overflow: hidden;
	margin:20px 0;
	border-radius: 10px;
}
.virtual-image-grid:hover {
	border:3px solid #7fcef0;
  overflow: hidden;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.virtual-image-grid-image img{
	padding:20px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.virtual-image-grid-image:hover img{
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
	overflow: hidden;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

@media only screen and (max-width: 767px) {
	.virtual-image-grid {
		width:100%;
		min-height: 100px;
		border:3px solid #eee;
		background: #fff;
		-webkit-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		overflow: hidden;
		margin:20px 0;
	}
	.virtual-btn {
	  background-color: #009ee2;
	  border:1px solid #009ee2;
	  color: #fff;
	  cursor: pointer;
	  font-size: 10px;
	  font-weight: 400;
	  line-height: normal;
	  padding: 5px 8px;
	  text-transform: uppercase;
	  -webkit-transition: all 0.3s ease 0s;
	  -o-transition: all 0.3s ease 0s;
	  transition: all 0px;
		border-radius: 4px;
	}
}

.virtual-3d-wrapper {
   display: block;
   position: absolute;
   top: 30px;
   left: 25px;
}
.virtual-3d {
   font-size: 0.875em;
   font-weight: 700;
   letter-spacing: 0.6px;
   text-transform: uppercase;
   display: inline-block;
   font-size: 12px;
   xbackground-color: #ccebf9;
	 border:1px solid #ccebf9; /*#009ee2 */
   color: #fff;
   padding: 4px 6px;
	 xmargin-bottom: 10px;
	 line-height: normal;
}
.virtual-3d img{
	width: 16px;
}

.template-design-image-wrapper {
   display: block;
   position: absolute;
   top: 30px;
   left: 3px;
}
.template-design-image-wrapper p{
	color:#fff;
	font-size: 11px;
	font-weight: 500;
	position: relative;
	top:0px;
}
.template-design-image-wrapper span{
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -1px;
	position: relative;
	top:0px;
	margin-left: 5px;
	padding-right:2px;

	line-height: 1.4;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  text-align: center;
}
.template-design-image {
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.6px;
   text-transform: uppercase;
   display: inline-block;
   font-size: 0.75em;
   background-color: #009ee2; /* #7fcef0 */
   color: #fff;
   padding: 4px 10px;
	 margin-bottom: 10px;
	 border-radius: .2125rem;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}
.template-design-image::before {
   border-top: 14px solid #1460a0;
}
.template-design-image::before {
   content: '';
   border-left: 12px solid transparent;
   border-right: 0 solid transparent;
   position: absolute;
   bottom: -13px;
   left: 0;
}
.virtual-image-grid figcaption {
  display: table;
  position: relative;
  height: 100%;
  width: 100%;
  font-family: Helvetica;
  font-size: 32px;
  color: #ffffff;
  z-index: 100;
}

.virtual-image-grid figcaption span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  opacity: 0;
  transition: transform .4s;
  transform: scale(1.3);
}
.virtual-image-grid a:hover figcaption span {
  opacity: 1;
  transform: scale(1);
}



.download-caption {
  font-family: Arial, sans-serif;
  position: absolute;
  bottom: 0;
  xpadding: 2%;
  xpadding-left: 4%;
  background: rgba(0,0,0,0.3);
  xwidth: 100%;
  color: #eee;
  text-shadow: 0 2px 2px rgba(0,0,0,0.3);
  opacity: 0;
  transition: .4s .4s opacity;
	z-index: 999999999;
}
.download-caption:hover  { opacity: 1; }


.templates-image-grid {
	width:100%;
	min-height: 200px;
	border:2px solid #eee;
	border-radius: 10px;
	background: #fff;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	overflow: hidden;
	padding:30px 20px;
	margin:15px 0 ;
}
.templates-image-grid:hover {
	border:2px solid #7fcef0;
  overflow: hidden;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.08);
}
.templates-image-grid-image img{
	padding:20px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.templates-image-grid-image:hover img{
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
	overflow: hidden;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}




.list-style-1 {
    list-style: none;
    margin: 0;
    padding: 0;
		font-size: 16px;
		font-weight:500;
		color: #333;
	}
.list-style-1 li {
    position: relative;
    padding: 0 0 2px 25px;
    margin: 0 0 10px 0;
    margin-left:20px;
    xborder-bottom: 1px solid rgba(0,0,0,0.1);

	}
.list-style-1 li:before {
    content: "\f058";
    position: absolute;
    top: 0;
    left: 0;
    font-family: Font Awesome\ 5 Free;
    color: #666; /* #009ee2 */
		}

.list-style-1 li:first-child {
    padding-top: 10px}

.list-style-1 li:first-child:before {
    top: 11px}

.list-style-1 li: last-child {
    border-bottom: 0;
    margin-bottom: 0}
.list-style-1.list-style-color li {
    border-color: rgba(255,255,255,0.15)}
.list-style-1.list-style-color li:before {
    color: #232323;
  }






.list-style-faq li {
  position: relative;
  padding: 0 0 0 22px;
  color: #008ecb;
	font-weight: 500;
}
.list-style-faq li:before {
  content: "";
  width: 10px;
  height: 1px;
  background-color: #232323;
  position: absolute;
  top: 13px;
  left: 0;
}

.list-style li {
    position: relative;
    padding: 10px 25px;
    zmargin: 0 0 10px 0;
    zmargin: 10px;
    margin-left:20px;
    border-top: 1px solid rgba(0,0,0,0.1);
  }
.list-style li:before {
  font-family: FontAwesome;
  content: "\f00c";
    position: absolute;
    top: 8;
    left: 0;
    color: #c0c0c0;
  }


.list-style-5 {
    list-style: none;
    margin: 0;
    padding: 0;
	}
.list-style-5 li {
    position: relative;
    padding: 0 0 10px 25px;
    margin: 0 0 10px 0;
    margin-left:20px;
    border-bottom: 1px solid rgba(0,0,0,0.1)}
.list-style-5 li:before {
    content: "\f192";
    position: absolute;
    top: 0;
    left: 0;
    font-family: Font Awesome\ 5 Free;
    color: #c0c0c0}

.list-style-5 li:first-child {
    padding-top: 10px}

.list-style-5 li:first-child:before {
    top: 11px}

.list-style-5 li: last-child {
    border-bottom: 0;
    margin-bottom: 0}
.list-style-5.list-style-color li {
    border-color: rgba(255,255,255,0.15)}
.list-style-5.list-style-color li:before {
    color: #232323;
  }



.orderlist--guidelines ol li { counter-increment: mycounter; }
.orderlist--guidelines ol.start { counter-reset: mycounter; }
.orderlist--guidelines ol.continue { /*counter-reset: mycounter 2; */}
.orderlist--guidelines ol li {
    counter-increment: mycounter;
    list-style-type: none;
    margin-left: -30px;
}
.orderlist--guidelines h2 {
  color:#333;
  font-weight: 600;
  letter-spacing: 5px;
  margin-top: 50px;
  /* display: inline-block; */
  position: relative;
	left:-25px;
}
.orderlist--guidelines h2::after {
  content:'';
  position: absolute;
  top: 15px;
  width: 200px;
  border-top: 3px solid #ddd;
  margin-left: 1rem;
}
@media only screen and (max-width: 767px) {
	.orderlist--guidelines ol li {
	    counter-increment: mycounter;
	    list-style-type: none;
	    margin-left: 0px;
	}


  .orderlist--guidelines h2 {
    color:#333;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 1.2;
    margin-top: 30px;
    /* display: inline-block; */
    position: relative;
		left:0px;
  }
  .orderlist--guidelines h2::after {
    content: '';
    position: absolute;
    top: 15px;
    width: 200px;
    border-top: 0px solid #ddd;
    margin-left: 1rem;
  }
}
.orderlist--guidelines ol li:before {
  content: counter(mycounter) ". ";
	position: relative;
  display: inline-block;
  background-color: #ddd;
  color:#555;
  border-radius: 50%;
  width: 25px;
  line-height: 25px;
  text-align: center;
	margin-left: -35px;
  margin-right: 10px;
  margin-top: 15px;
}

.orderlist--guidelines	ul{
	 counter-reset:item;
	 list-style:none;
	 margin-left: 60px;
	}
.orderlist--guidelines	ul li:before{
	 content: counter(item, lower-roman) "."; color: #333;
	 counter-increment: item;
	 position: absolute;
	 text-align: right;
	 margin-left: -30px;
	}
.orderlist--guidelines	ul li{
	 margin: 10px 0 0 0;
	}



.orderlist--guidelines-2 ol {
  list-style: none;
  counter-reset: mycounter;
  padding: 0;
  margin-bottom: 2rem;
}
.orderlist--guidelines-2 ol li {
    position: relative;
    margin-left: 30px;
    padding: 5px 0;
}
.orderlist--guidelines-2 ol li:before {
    content: counter(mycounter);
    counter-increment: mycounter;
    position: absolute;
    top: 3px;
    left: -40px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    color: #fff;
    background: #666;
    text-align: center;
}



 /**************************************************
   - CART PAGE -
 **************************************************/
 .cart-table {
   position: relative;
   z-index: 1;
   text-align: center; }
   .cart-table .icofont-close {
     cursor: pointer; }
   .cart-table thead {
     background-color: #f8f8ff; }
   .cart-table .table thead th {
     border-bottom: 0; }
   .cart-table .table-bordered td,
   .cart-table .table-bordered th {
     border-color: #d6e6fb; }
   .cart-table .table td,
   .cart-table .table th {
     vertical-align: middle; }
   .cart-table tbody {
     font-size: 14px;
     font-weight: 700; }
     .cart-table tbody img {
       max-width: 60px; }
   .cart-table .qty-minus,
   .cart-table .qty-plus {
     background-color: #f8f8ff;
     cursor: pointer;
     display: inline-block;
     height: 30px;
     width: 30px; }
   .cart-table .qty-minus i,
   .cart-table .qty-plus i {
     line-height: 30px;
     font-size: 10px; }
   .cart-table .qty-text {
     background-color: #f8f8ff;
     border: medium none;
     display: inline-block;
     height: 30px;
     -moz-appearance: textfield;
     -webkit-appearance: textfield;
     appearance: textfield;
     text-align: center;
     font-size: 12px; }
   .cart-table .quantity {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
	}

 .cart-apply-coupon,
 .cart-total-area {
   position: relative;
   z-index: 1;
   background-color: #f8f8ff;
   padding: 30px;
   border-radius: 6px; }

 .cart-apply-coupon .form-control {
   width: 100%;
   height: 35px;
   border: 2px solid #d6e6fb;
   font-size: 13px;
   padding: 0 20px;
   margin-bottom: 15px; }

 .cart-total-area tbody {
   font-weight: 700;
   font-size: 14px; }
   .cart-total-area tbody tr td:first-child {
     padding-left: 0; }
   .cart-total-area tbody tr td:last-child {
     padding-right: 0;
     text-align: right; }

 .cart-total-area .table td,
 .cart-total-area .table th {
   border-top-color: #d6e6fb; }

/**************************************************
 - END CART PAGE -
**************************************************/






/**************************************************
 - ABOUT US -
**************************************************/
.creative__concepts__videoPlayIcon a.video-icon {
 position: absolute;
 width: 100px;
 height: 100px;
 font-size: 35px;
 line-height: 100px;
 background: #009ee2;
 display: inline-block;
 border-radius: 50%;
 text-align: center;
 border-radius: 50%;
 top: 50%;
 margin-left: -65px;
 transform: translateY(-50%);
 left: 100%;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.creative__concepts__videoPlayIcon a.video-icon {
   position: absolute;
   width: 100px;
   height: 100px;
   font-size: 35px;
   line-height: 100px;
   background: #fff;
   display: inline-block;
   border-radius: 50%;
   text-align: center;
   border-radius: 50%;
   margin-left: -60%;
   transform: translateY(-50%);
}
}
.creative__concepts__videoPlayIcon a.video-icon::before {
 position: absolute;
 content: '';
 top: -10px;
 left: -10px;
 right: -10px;
 bottom: -10px;
 border: 3px solid #009ee2;
 border-radius: 50%;
 opacity: .65;
}
.creative__concepts__videoPlayIcon a.video-icon i {
 color: #fff;
 padding-left: 10px;
}
.creative__concepts__videoPlayIcon a.video-icon:hover{
 background: #ff0000;
 color: #fff;
}
.creative__concepts__videoPlayIcon a.video-icon:hover i {
 color:#fff !important;
}
.creative__concepts__videoPlayIcon  a.video-icon:hover::before  {
 position: absolute;
 content: '';
 top: -10px;
 left: -10px;
 right: -10px;
 bottom: -10px;
 border: 3px solid #ff0000 !important;
 border-radius: 50%;
 opacity: .65;
}


.product-info .info {
 margin: 15px 0;
}

.product-info span {
 margin-left: 20px;
}

.product-info .fa {
 color: #fbc617;
}

.vimg img {
 border-radius: 10px;
}

/**************************************************
- END ABOUT US -
**************************************************/




 /* Ecommerce Products Widget */
.widget-products .product {border:none;margin: 0;background: none;padding-bottom: 0 !important;}
.widget-products .product img {Xborder-radius: 50%;max-width: 65px;}
.widget-products .product .product-title {font-size: 12px; font-weight: 600;display: inline-block;margin-bottom: 0;margin-top: 0px;}
.widget-products .product .product-info {color:rgba(0,0,0,0.5);font-weight: 500; font-size: 0.9rem;padding:0;}
.widget-products .product .product-info .product-price, .widget-products .product .product-info .product-rating {height: 30px;line-height: 1;display: inline-block;}
.widget-products .product .product-info .product-price {font-size: 14px; font-weight:300; float: left;}
.widget-products .product .product-info .product-rating {padding-left: 1rem;opacity: 0;-webkit-transition: opacity .2s;-moz-transition: opacity .2s;transition: opacity .2s;}
.widget-products .product:hover .product-info .product-rating {opacity: 1;}

.widget {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
    xpadding-bottom: 15px;
}
.widget2 {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.media-left, .media>.pull-left {
    padding-right: 10px;
}

.selectpicker {
  background: #f8f8f8;
  font-size: 12px !important;
  font-weight: 500;
  border: 1px solid #ebebeb;
  height: 30px;
  margin-top: -10px;
  padding:0 10px;
}




/**************************************************
- PRE FOOTER -
**************************************************/
.special_feature_area {
  position: relative;
  z-index: 1;
  background-color: #f8f8ff; }

.single_feature_area {
  position: relative;
  z-index: 1;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms; }
  .single_feature_area .feature_icon {
    text-align: center;
    position: relative;
    z-index: 2;
    margin-right: 15px;
    height: 70px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    border-right: 1px solid #d6e6fb;
    padding-right: 30px; }
    .single_feature_area .feature_icon i {
      font-size: 36px;
      line-height: 70px; }
    .single_feature_area .feature_icon span i {
      background-color: #0f99f3;
      border-radius: 50%;
      color: #ffffff;
      font-size: 13px;
      width: 24px;
      height: 24px;
      line-height: 24px;
      position: absolute;
      right: 15px;
      top: 0; }
  .single_feature_area .feature_content h6 {
    text-transform: uppercase; }
  .single_feature_area .feature_content p {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 1;
	}



	.footer_area {
	    position: relative;
	    z-index: 1;
	    background-color: #1d2536;
	}
	.footer_area .single_footer_area {
	    position: relative;
	    z-index: 1;
	}
	.footer_area .single_footer_area .footer_heading h6 {
	    color: #ffffff;
	    text-transform: capitalize;
	}
	.footer_area .single_footer_area .footer_content li {
	    /* color: rgba(255, 255, 255, 0.8); */
			color: #747794 !important;
	    font-size: 16px;
			font-weight: 500;
			letter-spacing: 1px;
	    margin-bottom: 5px;
			margin-left: 5px;
	}
	.footer_area .single_footer_area .footer_content li:last-child {
	    margin-bottom: 0;
	}
	.footer_area .single_footer_area .footer_content li span {
	    width: 65px;
	    display: inline-block;
	}
	.footer_area .single_footer_area .footer_social_area a {
	    color: rgba(255, 255, 255, 0.8);
	    display: inline-block;
	    font-size: 14px;
	    margin-right: 15px;
	}
	.footer_area .single_footer_area .footer_social_area a:hover,
	.footer_area .single_footer_area .footer_social_area a:focus {
	    color: #0f99f3;
	}
	.footer_area .single_footer_area .footer_widget_menu a {
		font-family: 'Poppins', 'Roboto', 'Helvetica', 'Arial', sans-serif;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    font-size: 15px;
		line-height: 25px;
    margin-bottom: 12px;
    text-transform: capitalize;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
	}
	.footer_area .single_footer_area .footer_widget_menu a:hover,
	.footer_area .single_footer_area .footer_widget_menu a:focus {
	    color: #0f99f3;
	    margin-left: 3px;
	}
	.footer_area .single_footer_area .subscribtion_form {
	    position: relative;
	    z-index: 1;
	}
	.footer_area .single_footer_area .subscribtion_form .mail {
	    border: 1px solid rgba(255, 255, 255, 0.1);
	    font-size: 13px;
	    height: 40px;
	    padding: 5px 20px;
	    width: 100%;
	    background-color: transparent;
	    color: #ffffff;
	}
	.footer_area .single_footer_area .subscribtion_form .mail:focus {
	    box-shadow: none;
	}
	.footer_area .single_footer_area .subscribtion_form .submit {
	    border: none;
	    border-radius: 6px;
	    color: #ffffff;
	    cursor: pointer;
	    font-size: 24px;
	    height: 40px;
	    position: absolute;
	    right: 0;
	    top: 0;
	    background-color: transparent;
	    width: 50px;
	}
	.footer_area .single_footer_area .subscribtion_form .submit:hover {
	    color: #0f99f3;
	}
	.footer_area .single_footer_area .apps_download a img {
	    display: inline-block;
	    margin-right: 10px;
	    max-width: 120px;
	    border-radius: 4px;
	}
	.footer_area .single_footer_area .apps_download a:last-child img {
	    margin-right: 0;
	}
	.footer_area .footer_bottom_area {
	    border-top: 1px solid rgba(255, 255, 255, 0.075);
	    padding: 30px 0;
	}
	@media only screen and (max-width: 767px) {
	    .footer_area .footer_bottom_area .copywrite_text {
	        text-align: center;
	        margin-bottom: 15px;
	    }
	}
	.footer_area .footer_bottom_area .copywrite_text p {
	    color: rgba(255, 255, 255, 0.7);
	    font-size: 13px;
	    margin: 0;
	}
	.footer_area .footer_bottom_area .copywrite_text p a {
	    font-size: 13px;
	    color: rgba(255, 255, 255, 0.8);
	    font-weight: 400;
	}
	.footer_area .footer_bottom_area .copywrite_text p a:hover,
	.footer_area .footer_bottom_area .copywrite_text p a:focus {
	    color: #0f99f3;
	}
	.footer_area .footer_bottom_area .icon-footer-logo {
	    text-align: left;
			position: relative;
			top: 8px;
	}
	@media only screen and (max-width: 767px) {
    .footer_area .footer_bottom_area .icon-footer-logo {
      text-align: center;
			position: relative;
			top: 0px;
			margin-bottom: 30px;
    }
	}
	.footer_area .footer_bottom_area .icon-footer-logo img {
	    height: 25px;
	    width: auto;
	    display: inline-block;
			padding:0 10px;
	}
	.footer_area.white-footer {
	    background-color: #ffffff;
	}
	.footer_area.white-footer .single_footer_area .footer_heading h6 {
	    color: #070a57;
	}
	.footer_area.white-footer .single_footer_area .footer_social_area a {
	    color: #070a57;
	}
	.footer_area.white-footer .single_footer_area .footer_social_area a:hover,
	.footer_area.white-footer .single_footer_area .footer_social_area a:focus {
	    color: #0f99f3;
	}
	.footer_area.white-footer .single_footer_area .footer_content li {
	    color: #747794;
	}
	.footer_area.white-footer .single_footer_area .footer_widget_menu a {
	    color: #747794;
	}
	.footer_area.white-footer .single_footer_area .footer_widget_menu a:hover,
	.footer_area.white-footer .single_footer_area .footer_widget_menu a:focus {
	    color: #0f99f3;
	}
	.footer_area.white-footer .single_footer_area .subscribtion_form .mail {
	    border: 1px solid #d6e6fb;
	    color: #070a57;
	}
	.footer_area.white-footer .footer_bottom_area {
	    border-top: 1px solid #d6e6fb;
	}
	.footer_area.white-footer .subscribtion_form .submit {
	    color: #070a57;
	}
	.footer_area.white-footer .footer_bottom_area .copywrite_text p {
	    color: #747794;
	}
	.footer_area.white-footer .footer_bottom_area .copywrite_text a {
	    color: #070a57;
	}
	.footer_area.white-footer .footer_bottom_area .copywrite_text a:hover,
	.footer_area.white-footer .footer_bottom_area .copywrite_text a:focus {
	    color: #0f99f3;
	}

.footer_social_area i {
  font-size:24px;
	color:#009ee2;
}
.footer_social_area i:hover {
	font-size:24px;
	color:#333;
}

.bg-gray-800 {
  background-color: #343a40 !important;
}
.text-gray-300 {
  color: #dee2e6 !important;
}

.row.vertical-divider-associations [class*='col-']:not(:last-child)::after {
  background: #e0e0e0;
  width: 1px;
  content: "";
  display:block;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  min-height: 25px;
}
.vertical-divider-associations img{
  opacity: 0.8;
	width: 35%;
}

.row.vertical-divider [class*='col-']:not(:last-child)::after {
  background: #e0e0e0;
  width: 2px;
  content: "";
  display:block;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  min-height: 5px;
}

.footer-vdevider li {
  border-right: 1px solid #e0e0e0;
  margin: 0 25px 0 0;
  padding: 0 25px 0 0;
	display:inline;
}
.footer-vdevider li:last-child {
  border-right: none;
}

.footer-associations-logo li {
  border-right: 1px solid #e0e0e0;
  margin: 0 25px 0 0;
  padding: 0 25px 0 0;
	display:inline;
	font-size: 12px;
	color: #777;
	position: relative;
	top: -7px;
}
.footer-associations-logo li:last-child {
  border-right: none;
}
.footer-associations-logo img{
	width: 60px;
	position: relative;
	bottom: 0px;
	opacity: 0.5;
}


.footer-vdevider-associations li {
  border-right: 1px solid #e0e0e0;
  margin: 0 12px 0 0;
  padding: 0 12px 0 0;
	display:inline;
	font-size: 12px;
	color: #777;
	position: relative;
	top: -7px;
}
.footer-vdevider-associations li:last-child {
  border-right: none;
}


.bottom-footer {
	xheight:400px;
  /*padding: 30px 15px !important;*/
  /* background-color: #343a40; */
	/*color: #fff !important;*/
	background: #171d34 !important;
  padding: 6em 0;
	color: rgba(255,255,255,0.95);
  display: block;
  overflow: hidden;
}
.bottom-footer li {
  border-right: 1px solid #f5f5f5;
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
	display:inline;
	font-size: 13px;
	xxxcolor: #fff !important;
	position: relative;
	top: 2px;
}
.bottom-footer li:last-child {
  border-right: none !important;
}
.bottom-footer li a{
	color: #fff ;
}
.bottom-footer li a:hover{
	color: #009ee2 ;
}

.bottom-footer .scribl-logo-bottom img{
	width: 100px;
	position: relative;
	bottom: 0px;
	padding-right: 30px;
}




/***************************************************************************************************************************
	Magnific Popup CSS
**************************************************************************************************************************/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1200px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
}




/* START TOOLTIP STYLES **********************/
[tooltip] {
  position: relative;
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  font-size: 12px;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent;
  z-index: 1001;
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */

  /* most of the rest of this is opinion */
  /* font-family: Helvetica, sans-serif; */
  text-align: center;

  /*
    Let the content set the size of the tooltips
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px 10px; /* 1ch 1ch */
  border-radius: .3ch;
  /* box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.5); */
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  background: #009ee2;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 15px;
  border-top-color: #009ee2;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 20px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}




.header-branding-logo {
  position: relative;
}
.header-branding-logo ul {
  display: block;
  padding: 0 0 0 0px!important;
}
.header-branding-logo li a {
  color: #333;
}
.header-branding-logo li a:hover{
  color: #009ee2;
  text-decoration: underline !important;
}
.header-branding-logo li {
  color: #333;
  font-size: 0.8rem;
  font-weight: 400;
  vertical-align: middle;
  display: inline-block;
  padding-right:15px;
  margin-right: 10px;
  border-right: 1px solid #aaa;
  line-height: 1;
}
.header-branding-logo li:last-child {
  border-right: none;
  margin-right: 0px;
  padding-right: 0px;
}
@media only screen and (max-width: 760px) {
  .header-branding-logo {
    position: relative;
    float: none;
    text-align: center;
    transform: translateX(2%);
  }
}


/**** LOGO MENU TOP HEADER  *********/

.logo-menu {
  width:100%;
  max-height:70px !important;
  margin:0 auto;
  background: #222;
}
.logo-menu li {
  position:relative;
  display: inline;
  list-style: none;
  float: left;
  padding: 0;
  text-align:center;
  width:33.333%;
  height:60px;
  margin:0 auto;
  padding:0 auto;

}
.logo-menu li:hover a{
  opacity: 1;
  cursor: pointer !important;
}
.logo-menu li img{
  width:100%;
  height:60px;
  margin:0 auto;
}
.xlogo-menu img{
  width:100%;
  margin:0 auto;
}

.logo-menu li:hover #pic1-spector,
.logo-menu li:hover #pic1-ashbury,
.logo-menu li:hover #pic1-scribl,
.logo-menu li:hover #pic1-ora {
    display: none;
}
.logo-menu li #pic2-spector,
.logo-menu li #pic2-ashbury,
.logo-menu li #pic2-scribl,
.logo-menu li #pic2-ora {
    display: none;
}
.logo-menu li:hover #pic2-spector,
.logo-menu li:hover #pic2-ashbury,
.logo-menu li:hover #pic2-scribl,
.logo-menu li:hover #pic2-ora {
  display: inline;
  transition: all .4s ease;
   -webkit-transition: all .4s ease;
  cursor: pointer;
}

.logo-menu li:before{
  content: "";
  border-right: 1px solid #333 !important;
  height: 100%;
  position: absolute;
  display: inline;
  z-index: 1;
}
.logo-menu li:last-child:after {
    content: "";
    border-right: 1px solid #333 !important;
    height: 100%;
    position: absolute;
    display: inline;
    z-index: 1;
}

.baseGreyBgArrowTop {
  position: absolute;
  background-image: url(http://uat-spector1.nextmp.net/images/ashbury/main-logos/logo-01-arrow.png);
  xbackground-image: url(http://uat-spector1.nextmp.net/new-ashbury/images/logo-01-arrow.png);
  xbackground-image: url(../../images/logo-01-arrow.png);
  xbackground-position: center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 20px;
  width: 100%;
  z-index: 999999999;
}
@media only screen and (max-width: 767px) {
  .baseGreyBgArrowTop {
    height: 10px;
    width: 100%;
  }
}