@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/IVeH6A3MiFyaSEiudUMXExNcqx07xvyppV96iFRdwiM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
html, body {
    height: 100%;
	width:100%;
    font-size: 16px;
    color: #f5f5f5;
    font-family: "Roboto", sans-serif;
    vertical-align: baseline;
	padding:0;
	margin:0;
	overflow: auto;
	-webkit-text-size-adjust: auto;
}
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #272727; 
}
ul,label{
	margin:0;
	padding:0;
}
body a {
	text-decoration:none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
a:active,a:hover,a:focus {outline: none; text-decoration: none;}
.container-fluid{
	width:100%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}
button:focus {outline: none;}
:before,
:after {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

/*******=================================================== onload_form =====================================================***********/
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.cnt223 a{
text-decoration: none;
}
.popup-onload{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 101;
}
@media only screen and (max-width: 600px) {.cnt223 {min-width: 80%; width: 80%; margin: 250px auto;}}
@media only screen and (min-width: 600px) {.cnt223 {min-width: 80%; width: 80%; margin: 250px auto;}}
@media only screen and (min-width: 768px) {.cnt223 {min-width: 80%; width: 80%; margin: 250px auto;}} 
@media only screen and (min-width: 992px) {.cnt223 {min-width: 60%; width: 60%; margin: 210px auto;}} 
@media only screen and (min-width: 1200px) {.cnt223 {min-width: 45%; width: 45%; margin: 210px auto;}}
@media only screen and (min-width: 1500px) {.cnt223 {min-width: 45%; width: 45%; margin: 210px auto;}}
.cnt223{
	min-height: 150px;
	background: #fff;
	position: relative;
	z-index: 103;
	padding: 15px 35px;
	border-radius: 5px;
	box-shadow: 0 2px 5px #000;
}
.cnt223 p{
	clear: both;
    color: #555555;
    /* text-align: justify; */
    font-size: 20px;
    font-family: sans-serif;
	padding:20px 0px;
}
.cnt223 p a{
	color: #222;
	font-weight: 500;
	font-family: 'Rubik', sans-serif;
    float: right;
    font-size: 22px;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}
.cnt223 .x{
	float: right;
	height: 35px;
	left: 22px;
	position: relative;
	top: -25px;
	width: 34px;
}
.cnt223 .x:hover{cursor: pointer;}
.cnt223 h1{
	font-family: 'Rubik', sans-serif;
	color:#222;
	font-size:22px;
	padding-bottom:20px;
	text-transform:capitalize;
	font-weight:500;
	text-align:center;
}
.cnt223 #news-slider1{text-align:center;}
.cnt223 #news-slider1 .post-slide img{ margin:0 auto;}
/*******=================================================== onload_form =====================================================***********/


/***********============================================== hedaer =====================================================***********/
@media only screen and (max-width: 600px) {.header_bottom{padding: 0px 0px;}}
@media only screen and (min-width: 600px) {.header_bottom{padding: 0px 0px;}}
@media only screen and (min-width: 768px) {.header_bottom{padding: 0px 0px;}} 
@media only screen and (min-width: 992px) {.header_bottom{padding: 0px 50px;}} 
@media only screen and (min-width: 1200px) {.header_bottom{padding: 0px 50px;}}
@media only screen and (min-width: 1500px) {.header_bottom{padding: 0px 120px;}}
@media only screen and (max-width: 600px) {.logo{margin-top:0px;}}
@media only screen and (min-width: 600px) {.logo{margin-top:0px;}}
@media only screen and (min-width: 768px) {.logo{margin-top:0px;}} 
@media only screen and (min-width: 992px) {.logo{margin-top:0px;}} 
@media only screen and (min-width: 1200px) {.logo{margin-top:0px;}}
@media only screen and (min-width: 1500px) {.logo{margin-top:0px;}}
.header_bottom .mt30{ margin-top:30px;}
.header_bottom .mt15{ padding-top:12px; margin-left:0px; margin-right:0px;}
.header_bottom .m0{margin-left:0px !important; margin-right:0px !important;}
.header_bottom .logo img{text-align:center; margin:0 auto; position:relative; z-index:3; padding:10px 15px 10px 15px; background:#fff; border-radius:0px 0px 8px 8px;}
header{position:relative; width:100%; padding:0px 0px; color: #595959; font-size:16px; font-weight:400; font-family: "Rubik", sans-serif;}
nav{position:relative;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul {padding-left:20px;}
#cssmenu > ul > li{float:left;z-index:10; padding-top:15px;}
#cssmenu > ul > li.active > a{background: #b1457a; color:#fff; border-radius:30px; padding:17px 30px;}
#cssmenu > ul > li > a{padding:17px 13px;font-size:17px; display:block; text-decoration:none; text-transform:uppercase;font-weight:500; color:#fff; font-family: "Rubik", sans-serif;}
#cssmenu > ul > li:hover > a{color:#fff;}
#cssmenu > ul > li:hover,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:25px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:22px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute; left:-9999px; background: #fff; border-bottom-left-radius:10px; border-bottom-right-radius: 10px; box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 10%);}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;
background: #fff; border-bottom-left-radius:10px; border-bottom-right-radius: 10px; box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 10%);/* fallback for old browsers */}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 10px;width:200px;font-size:14px;text-decoration:none;color:#212121;font-weight:500;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#212121}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#212121;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:14px;right:14px;display:block;width:2px;height:8px;background:#212121;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#fff color:#222;}
#cssmenu ul ul ul li.active a{border-left:1px solid #0269ac}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #0269ac}

@media screen and (max-width:1000px){
.header_bottom .mt15{ padding-top:12px; margin-left:0px; margin-right:0px; background:#212121;}
#cssmenu > ul > li{float:left;z-index:1000; padding-top:0px;}
header{background:#212121; font-family: "Rubik",sans-serif; padding-top:0px; padding-bottom:15px; margin-top:-10px;}
nav{width:100%; background:#212121;}
#cssmenu{width:100%; }
#cssmenu .navbar-right{ padding-top:0px;}
#cssmenu ul{width:100%;display:none; background:#212121; margin-top:30px; padding-left:0px;}
#cssmenu ul li{width:100%;border-top:1px solid #ccc; background:#212121;}
#cssmenu > ul > li.active > a{background: #212121; color:#fff; border-radius:0px; padding:17px 17px;}
#cssmenu > ul > li > a{padding:17px;font-size:14px; display:block; text-decoration:none; text-transform:uppercase;font-weight:500; color:#fff; font-family: "Rubik",sans-serif;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu ul li:hover{background:#ccc;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;background:#212121;}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul{position:absolute; left:-9999px; background: #212121; border-bottom-left-radius:10px; border-bottom-right-radius: 10px; box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 10%);}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;
background: #212121; border-bottom-left-radius:10px; border-bottom-right-radius: 10px; box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 10%);/* fallback for old browsers */}
#cssmenu ul ul li{background: #212121;  /* fallback for old browsers */}
#cssmenu ul ul li:hover{background:#212121!important; color:#fff;}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#fff;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:15px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994; margin-top:10px;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #fff;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#fff;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #fff;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#000;}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#fff;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
.pr{padding-right:0px;} .pl{padding-left:0px;}
/***********============================================== hedaer =====================================================***********/

/***********============================================== slider =====================================================***********/
@media only screen and (max-width: 600px) {
	.slider{margin-top:-2px;}
	.slider .mt40{margin-top:40px;}
	.slider h4{font-size:20px; margin:-30px 0px 0px 0px;}
}
@media only screen and (min-width: 600px) {
	.slider{margin-top:-2px;}
	.slider .mt40{margin-top:40px;}
	.slider h4{font-size:20px; margin:-30px 0px 0px 0px;}
}
@media only screen and (min-width: 768px) {
	.slider{margin-top:-2px;}
	.slider .mt40{margin-top:40px;}
	.slider h4{font-size:20px; margin:-30px 0px 0px 0px;}
} 
@media only screen and (min-width: 992px) {
	.slider{margin-top:-110px;}
	.slider .mt40{margin-top:40px;}
	.slider h4{font-size:40px; margin:80px 0px 0px 0px;}
} 
@media only screen and (min-width: 1200px) {
	.slider{margin-top:-110px;}
	.slider .mt40{margin-top:40px;}
	.slider h4{font-size:40px; margin:80px 0px 0px 0px;}
}
@media only screen and (min-width: 1500px) {
	.slider{margin-top:-110px;}
	.slider .mt40{margin-top:40px;}
	.slider h4{font-size:40px; margin:80px 0px 0px 0px;}
}
.slider .sld1{position:relative; margin-top:-40px;}
.slider .sld2{position:absolute; left:-50%; top:40%;}
.slider .sld3{position:absolute; right:34%; top:50%;}
.slider .sld2 img{width:80%; height:80%;}
.slider .sld3 img{width:75%; height:75%;}
.slider .carousel-caption{
	top:22%;
	position:absolute;
	right:1%;
	left:3%;
	text-align:left;
	margin:0 auto;
}	
.slider .carousel.carousel-fade .carousel-item {
    display: block;
    opacity: 0;
    transition: opacity ease-out 1.7s;
    left: 0;
    top: 0;
    position: absolute;
}
.slider .carousel.carousel-fade .carousel-item.active {opacity: 1 !important;}
.slider .carousel.carousel-fade .carousel-item:first-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.slider .carousel.carousel-fade .carousel-item:second-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.slider h2{
	font-family: "Rubik", sans-serif;
	font-size:75px;
	color:#fff;
	line-height:85px;
	margin:0px 0px;
	font-weight:300;
	text-transform:uppercase;
}
.slider h2 span{font-weight:700;}
.slider h4{
	font-family: "Rubik", sans-serif;
	color:#fff;
	line-height:85px;
	font-weight:700;
	text-transform:uppercase;
}
.slider h4 span{font-weight:700;}
.slider .btn{
	font-family: "Rubik", sans-serif;
    padding: 18px 56px;
    border-radius: 30px;
    color: #fff;
	font-size:18px;
    margin-top: 40px;
    font-weight: 500;
    background-color: #b1457a;
    text-transform:capitalize;
}
.slider .btn a{color:#fff;}
.slider .btn:hover{background-color: #212121;}
.slider .carousel-item .img-fluid {margin: 0 auto; width:100%;}
.slider .carousel-indicators {bottom: 0;}
.slider .carousel .item {
	min-height: 350px; 
	height: 100%;
	width:100%; 
}
.slider .carousel-caption h3:first-child {animation-delay: 1s;}
.slider .carousel-caption h3:nth-child(2) {animation-delay: 2s;}
.slider .carousel-caption h3:nth-child(3) {animation-delay: 3s;}
.slider .carousel-caption .btn1 {animation-delay: 3s;}
/***********============================================== slider =====================================================***********/

/***********============================================== section1 =====================================================***********/
@media only screen and (max-width: 600px) {.section1{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.section1{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.section1{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.section1{padding:100px 50px 160px 50px;}} 
@media only screen and (min-width: 1200px) {.section1{padding:100px 100px 160px 100px;}}
@media only screen and (min-width: 1500px) {.section1{padding:100px 160px 160px 160px;}}
.section1{background:url(../images/section1back1.jpg) no-repeat top/cover; background-attachment:fixed;}
.section1 .mt30{margin-top:30px;}
.section1 .mt15{margin-top:15px;}
.section1 h6{
	font-family: "Open Sans", sans-serif;
	color:#b1457a;
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
	text-transform:capitalize;
}
.section1 h2{
	font-family: "Rubik", sans-serif;
	color:#212121;
	font-size:40px;
	font-weight:400;
	margin-bottom:40px;
	text-transform:capitalize;
}
.section1 h2 span{font-weight:700;}
.section1 p{
	font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    line-height: 26px;
    color: #666;
}
.section1 .btn{
	font-family: "Rubik", sans-serif;
    padding: 20px 60px;
    border-radius: 30px;
    color: #fff;
	font-size:16px;
    margin-top: 40px;
    font-weight: 500;
    background-color: #b1457a;
    text-transform:capitalize;
}
.section1 .btn a{color:#fff;}
.section1 .btn:hover{background-color: #212121;}
/***********============================================== section1 =====================================================***********/

/***********============================================== section2 =====================================================***********/
@media only screen and (max-width: 600px) {.section2{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.section2{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.section2{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.section2{padding:100px 50px 160px 50px;}} 
@media only screen and (min-width: 1200px) {.section2{padding:100px 100px 160px 100px;}}
@media only screen and (min-width: 1500px) {.section2{padding:100px 160px 160px 160px;}}
.section2{background:url(../images/section2back.jpg) no-repeat top/cover; background-attachment:fixed; text-align:center; margin:0 auto;}
.section2 .mt30{margin-top:30px;}
.section2 .mt15{margin-top:15px;}
.section2 h6{
	font-family: "Open Sans", sans-serif;
	color:#b1457a;
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
	text-transform:capitalize;
}
.section2 h2{
	font-family: "Rubik", sans-serif;
	color:#fff;
	font-size:40px;
	font-weight:400;
	margin-bottom:40px;
	text-transform:capitalize;
}
.section2 h2 span{font-weight:700;}
.section2 p{
	font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
	margin:0 auto;
	max-width:850px;
    line-height: 26px;
    color: #ccc;
}
.section2 .icon .flaticon{
	color:#b1457a;
	font-size:90px;
	font-weight:500;
}
.section2 h3{
	font-family: "Rubik", sans-serif;
	color:#fff;
	font-size:24px;
	font-weight:400;
	margin-top:10px;
	text-transform:capitalize;
}
/***********============================================== section2 =====================================================***********/

/***********============================================== section3 =====================================================***********/
@media only screen and (max-width: 600px) {.section3{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.section3{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.section3{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.section3{padding:100px 50px 160px 50px;}} 
@media only screen and (min-width: 1200px) {.section3{padding:100px 100px 160px 100px;}}
@media only screen and (min-width: 1500px) {.section3{padding:100px 160px 160px 160px;}}
.section3{background:url(../images/section3back.jpg) no-repeat top/cover; background-attachment:fixed;}
.section3 .mt30{margin-top:30px;}
.section3 .mt15{margin-top:15px;}
.section3 h6{
	font-family: "Open Sans", sans-serif;
	color:#b1457a;
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
	text-transform:capitalize;
}
.section3 h2{
	font-family: "Rubik", sans-serif;
	color:#212121;
	font-size:40px;
	font-weight:400;
	margin-bottom:40px;
	text-transform:capitalize;
}
.section3 h2 span{font-weight:700;}
.section3 p{
	font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    line-height: 26px;
    color: #666;
}
.section3 h3{
	font-family: "Rubik", sans-serif;
	color:#212121;
	font-size:24px;
	font-weight:400;
	margin-top:10px;
	text-align:center;
	text-transform:capitalize;
}
.section3 img{margin:0 auto;}
.section3 .post-slide{margin:0 15px;}
.section3 .btn{
	font-family: "Rubik", sans-serif;
    padding: 15px 50px;
    border-radius: 30px;
    color: #fff;
	font-size:18px;
    margin: 20px auto 0px auto;
    font-weight: 500;
    background-color: #b1457a;
    text-transform:capitalize;
}
.section3 .btn a{color:#fff;}
.section3 .btn:hover{background-color: #212121;}
/***********============================================== section3 =====================================================***********/

/***********============================================== section4 =====================================================***********/
@media only screen and (max-width: 600px) {.section4{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.section4{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.section4{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.section4{padding:100px 50px 160px 50px;}} 
@media only screen and (min-width: 1200px) {.section4{padding:100px 100px 160px 100px;}}
@media only screen and (min-width: 1500px) {.section4{padding:100px 160px 160px 160px;}}
.section4{background:url(../images/section4back.jpg) no-repeat top/cover; background-attachment:fixed;}
.section4 .mt30{margin-top:30px;}
.section4 .mt15{margin-top:15px;}
.section4 h6{
	font-family: "Open Sans", sans-serif;
	color:#b1457a;
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
	text-transform:capitalize;
}
.section4 h2{
	font-family: "Rubik", sans-serif;
	color:#fff;
	font-size:40px;
	font-weight:400;
	margin-bottom:40px;
	text-transform:capitalize;
}
.section4 h2 span{font-weight:700;}
.section4 p{
	font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    line-height: 26px;
    color: #ccc;
}
.section4 h3{
	font-family: "Rubik", sans-serif;
	color:#fff;
	font-size:24px;
	font-weight:400;
	margin-top:30px;
	text-align:center;
	text-transform:capitalize;
}
.section4 img{border-radius:50%;}
.section4 .btn{
	font-family: "Rubik", sans-serif;
    padding: 10px 25px;
    border-radius: 30px;
    color: #fff;
	font-size:16px;
    margin-bottom: 30px;
    font-weight: 500;
    background-color: #b1457a;
    text-transform:capitalize;
}
.section4 .btn a{color:#fff;}
.section4 .btn:hover{background-color: #212121;}
/***********============================================== section4 =====================================================***********/

/***********============================================== section5 =====================================================***********/
@media only screen and (max-width: 600px) {.section5{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.section5{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.section5{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.section5{padding:100px 50px 160px 50px;}} 
@media only screen and (min-width: 1200px) {.section5{padding:100px 100px 160px 100px;}}
@media only screen and (min-width: 1500px) {.section5{padding:100px 160px 160px 160px;}}
.section5{background:url(../images/section5back.jpg) no-repeat top/cover; background-attachment:fixed;}
.section5 .mt30{margin-top:30px;}
.section5 .mt15{margin-top:15px;}
.section5 h6{
	font-family: "Open Sans", sans-serif;
	color:#b1457a;
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
	text-transform:capitalize;
}
.section5 h2{
	font-family: "Rubik", sans-serif;
	color:#212121;
	font-size:40px;
	font-weight:400;
	margin-bottom:40px;
	text-transform:capitalize;
}
.section5 h2 span{font-weight:700;}
.section5 p{
	font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    line-height: 26px;
    color: #666;
}
.section5 .btn{
	font-family: "Rubik", sans-serif;
    padding: 20px 60px;
    border-radius: 30px;
    color: #fff;
	font-size:16px;
    margin-top: 40px;
    font-weight: 500;
    background-color: #b1457a;
    text-transform:capitalize;
}
.section5 .btn a{color:#fff;}
.section5 .btn:hover{background-color: #212121;}
/***********============================================== section5 =====================================================***********/

/***********============================================== section6 =====================================================***********/
@media only screen and (max-width: 600px) {.section6{padding:80px 20px 110px 20px;}}
@media only screen and (min-width: 600px) {.section6{padding:80px 20px 110px 20px;}}
@media only screen and (min-width: 768px) {.section6{padding:80px 20px 110px 20px;}} 
@media only screen and (min-width: 992px) {.section6{padding:80px 50px 110px 50px;}} 
@media only screen and (min-width: 1200px) {.section6{padding:80px 100px 110px 100px;}}
@media only screen and (min-width: 1500px) {.section6{padding:80px 160px 110px 160px;}}
.section6{background:url(../images/section6back.jpg) no-repeat top/cover; text-align:center; margin:0 auto; background-attachment:fixed;}
.section6 .mt30{margin-top:30px;}
.section6 .mt15{margin-top:15px;}
.section6 h6{
	font-family: 'Rubik', sans-serif;
    color: #666;
    font-size: 18px;
    font-weight: 500;
	margin-top:20px;
    margin-bottom: 16px;
    text-transform: capitalize;
	text-align:center;
}
.section6 h6 .fa{color: #ffcc01; padding-right:10px; font-size:12px;}
.section6 h2{
	margin-top:40px;
	font-family: 'Rubik', sans-serif;
    color: #fff;
	font-size:70px;
    font-weight: 700;
    line-height: 1.2em;
	text-align:center;
	margin-bottom:20px;
    text-transform: capitalize;
}
.section6 .icon{
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    background-color: #ffcc01;
    border-radius: 50%;
    margin: 0 auto;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.section6 .flaticon{color:#fff; z-index:2; font-size:50px;}
.section6 .ripple:before, .section6 .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}
.section6 .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}
.section6 .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}
@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);}
    100% {box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);}
}
@keyframes ripple {
    70% {box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);}
    100% {box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);}
}
/***********============================================== section6 =====================================================***********/

/***********============================================== footer =====================================================***********/
@media only screen and (max-width: 600px) {.footer{padding:60px 30px 80px 30px;} .footer-copy {padding: 20px 10px 70px 10px;}}
@media only screen and (min-width: 600px) {.footer{padding:60px 30px 80px 30px;} .footer-copy {padding: 20px 10px 70px 10px;}}
@media only screen and (min-width: 768px) {.footer{padding:60px 30px 80px 30px;} .footer-copy {padding: 20px 10px 70px 10px;}} 
@media only screen and (min-width: 992px) {.footer{padding:60px 50px 80px 50px;} .footer-copy {padding: 30px 50px 50px 50px;}} 
@media only screen and (min-width: 1200px) {.footer{padding:60px 100px 80px 100px;} .footer-copy {padding: 30px 100px 50px 100px;}}
@media only screen and (min-width: 1500px) {.footer{padding:60px 160px 80px 160px;} .footer-copy {padding: 30px 150px 50px 150px;}}
.footer{
	position: relative;
    display: block;
    background:url(../images/footerback.jpg) no-repeat top/cover;
}
.footer .mt30{margin-top:30px;}
.footer .mt15{margin-top:15px;}
.footer .brdr{border-top: 1px solid rgba(255, 255, 255, .10); margin-top: 23px; padding-top: 10px;}
.footer h3{
	font-family: 'Rubik', sans-serif;
	position: relative;
    font-weight: 500;
	font-size:24px;
    color: #ffffff;
	margin-top:10px;
    line-height: 1.2em;
    margin-bottom: 45px;
    padding-bottom: 0px;
    text-transform: capitalize;
}
.footer p{
	font-family: "Rubik",sans-serif;
	color: #ccc;
    font-size: 16px;
    line-height: 1.9em;
    margin-top: 0px;
	margin-bottom:0px;
}
.footer p span{ color:#ccc; font-weight:600;}
.footer .social{margin-top:0px;}
.footer .social li{
	display:inline-block;
	line-height:28px;
	padding:0 3px;
}
.footer .social li .fa{
	background:#17171a; 
	color: #fff;
    font-size: 20px;
    margin-right: 5px;
    margin-top: 20px;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    line-height: 40px;
	margin-bottom:20px;
}
.footer .link li{
	list-style:none;
	line-height:32px;
	margin:7px 0px 12px 0px;
}
.footer .link li a{
	position:relative;
	color: #ccc;
    font-size: 16px;
	padding-left:15px;
    font-weight: 500;
	padding-top:10px;
	font-family: "Rubik",sans-serif;
}
.footer .link li a:before {
    position: absolute;
    content: "\f101";
    left: 0px;
    top: 4px;
	color:#ccc;
    font-family: 'FontAwesome';
}
.footer-copy {
    background: #1a1a1a;
    font-family: 'Rubik', sans-serif;
	font-size:18px;
	font-weight:400;
	margin:0;
}
.footer-copy p {
    color: #fff;
	margin-bottom:0px;
    text-align: left;
	margin-top:0px;
}
.footer-copy p a {color: #fff;}
.wp{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:20px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
	box-shadow: 2px 2px 3px #999;
  	z-index:100;
}
.my-float{
	margin-top:16px;
}
/***********============================================== footer =====================================================***********/

/***********============================================== about_page =====================================================***********/
@media only screen and (max-width: 600px) {.about_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.about_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.about_page{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.about_page{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.about_page{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.about_page{padding:50px 160px 80px 160px;}}
.about_page{background:url(../images/aboutback.jpg) no-repeat top/cover;}
.about_page .mt30{margin-top:30px;}
.about_page .mt15{margin-top:15px;}
.about_page h6{
	font-family: "Open Sans", sans-serif;
	color:#b1457a;
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
	text-transform:capitalize;
}
.about_page h2{
	font-family: "Rubik", sans-serif;
	color:#212121;
	font-size:40px;
	font-weight:400;
	margin-bottom:40px;
	text-transform:capitalize;
}
.about_page h2 span{font-weight:700;}
.about_page p{
	font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    line-height: 27px;
    color: #666;
	max-width:950px;
	margin:20px auto 0px auto;
}
.about_page .serviceBox{
    font-family: 'Rubik', sans-serif;
    text-align: center;
    padding: 28px 22px 25px 22px;
    position: relative;
    z-index: 1;
	background: #fff;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #eee, #fff);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #eee, #fff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	border-right: none;
    border-bottom: none;
    border-radius: 0px 0px 50px 0px;
}
.about_page .serviceBox:after{
    content: '';
    height: 60%;
    width: 80%;
    border: 5px solid #b1457a;
    border-right: none;
    border-bottom: none;
    border-radius: 50px 0 0 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.about_page .serviceBox:after{
    transform: rotate(180deg);
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}
.about_page .serviceBox .title{
    color: #212121;
    font-size: 24px;
    font-weight: 500;
    line-height: 27px;
    text-transform:capitalize;
    margin: 0 0 20px;
	text-align:center;
}
.about_page .serviceBox .description{
	font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 15px !important;
    text-align: center;
    line-height: 26px;
    color: #666;
}
.about_page .serviceBox .description a{color: #666;}
@media only screen and (max-width: 990px){.about_page .serviceBox{ margin: 0 0 30px; }}
/***********============================================== about_page =====================================================***********/

/***********============================================== product_page =====================================================***********/
@media only screen and (max-width: 600px) {.product_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.product_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.product_page{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.product_page{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.product_page{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.product_page{padding:50px 160px 80px 160px;}}
.product_page .mt30{margin-top:30px;}
.product_page .mt40{margin-top:40px;}
.product_page .mt15{margin-top:15px;}
.product_page h6{
	font-family: "Open Sans", sans-serif;
	color:#b1457a;
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
	text-transform:capitalize;
}
.product_page h2{
	font-family: "Rubik", sans-serif;
	color:#212121;
	font-size:40px;
	font-weight:400;
	margin-bottom:40px;
	text-transform:capitalize;
}
.product_page h2 span{font-weight:700;}
.product_page p{
	font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    line-height: 27px;
    color: #666;
	max-width:950px;
	margin:20px auto 0px auto;
}
.product_page .block{
    background: #fff;
    background: -webkit-linear-gradient(to left, #eee, #fff);
    background: linear-gradient(to left, #eee, #fff);
    font-family: "Rubik",sans-serif;
    text-align: center;
    transition: all 0.3s ease 0s;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	border:1px solid #eee;
	border-radius:10px;
}
.product_page .block:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.4);}
.product_page img{border-radius:10px 10px 0px 0px;}
.product_page .content{ padding:20px 5px 20px 5px;}
.product_page h3{
	font-family: "Rubik", sans-serif;
	color:#212121;
	font-size:20px;
	font-weight:400;
	line-height:24px;
	margin-bottom:0px;
	text-transform:capitalize;
}
.product_page h3 span{font-weight:700; width:100%; display:block;}
.product_page .btn{
	font-family: "Rubik", sans-serif;
    padding: 10px 35px;
    border-radius: 30px;
    color: #fff;
	font-size:14px;
    font-weight: 500;
    margin-top: 20px;
    background-color: #b1457a;
    text-transform: uppercase;
}
.product_page .btn:hover{background:#212121;}
.product_page .btn a{color:#fff;}
/***********============================================== product_page =====================================================***********/

/***********============================================== product_inner_page =====================================================***********/
@media only screen and (max-width: 600px) {.product_inner_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.product_inner_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.product_inner_page{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.product_inner_page{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.product_inner_page{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.product_inner_page{padding:50px 160px 80px 160px;}}
.product_inner_page .mt30{margin-top:30px;}
.product_inner_page .mt40{margin-top:40px;}
.product_inner_page .mt15{margin-top:15px;}
.product_inner_page h6{
	font-family: "Open Sans", sans-serif;
	color:#b1457a;
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
	text-transform:capitalize;
}
.product_inner_page h2{
	font-family: "Rubik", sans-serif;
	color:#212121;
	font-size:40px;
	font-weight:400;
	margin-bottom:40px;
	text-transform:capitalize;
}
.product_inner_page h2 span{font-weight:700;}
.product_inner_page h3{
	font-family: "Rubik", sans-serif;
	color:#212121;
	font-size:30px;
	font-weight:400;
	margin-bottom:20px;
	text-transform:capitalize;
}
.product_inner_page h3 span{font-weight:700;}
.product_inner_page p{
	font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 27px;
    color: #666;
}
.product_inner_page p b{
	font-family: "Open Sans",sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 27px;
    color: #444;
}
.product_inner_page ul{margin-top:20px;}
.product_inner_page ul li{
	font-family: "Rubik",sans-serif;
    font-weight: 400;
    font-size: 16px;
	color:#777;
	margin: 0;
	text-align:left;
	position:relative;
    padding: 7px 0px 7px 20px;
	list-style:none;
	line-height:20px;
}
.product_inner_page ul li span{
	font-family: 'Rubik', sans-serif;
    font-size: 14px;
    color: #777;
    font-weight: 700;
}
.product_inner_page ul li:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    top: 10px;
    left: 0;
    background: #c291a9;
}
.product_inner_page .brdr img{border:1px solid #ccc; border-radius:8px;}
.product_inner_page .price{
	font-family: 'Rubik', sans-serif;
    font-weight: 700;
	margin: 20px 0;
    color: #b1457a;
	font-size: 36px;
	text-align:left;
    line-height: 1em;
    letter-spacing: 1.5px;
}
.product_inner_page .price span{
	font-family: 'Rubik', sans-serif;
    color: #b1457a;
    font-weight: 700;
	font-size: 20px;
    position: relative;
    top: -9px;
    left: 0px;
}
.product_inner_page .xzoom4{background:#f5f5f5; padding-bottom:0px;}
.product_inner_page .post-slide{margin: 30px 15px 0px 15px;}
.product_inner_page .rating{
	font-family: "Rubik",sans-serif;
    font-size: 16px;    
	position: relative;
    display: block;
    width: 100%;
	color:#878787;
    vertical-align: middle;
    line-height: 1;
    margin: 0 0 3px;
}
.product_inner_page .rating1{
	font-family: "Rubik",sans-serif;
    font-size: 16px;    
	position: relative;
    display: block;
    width: 100%;
	color:#687f9b;
	letter-spacing:0px;
    vertical-align: middle;
    line-height: 1;
    margin: -16px 0px 0px 3px;
}
.product_inner_page .star-rating {
	font-family:'Fontawesome';
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
    color: #b1457a;
    position: relative;
    display: block;
	margin-top:25px;
    vertical-align: middle;
}
.product_inner_page .star-rating:before {
    content: "\f005 \f005 \f005 \f005 \f005 ";
}
.product_inner_page .star-rating span {
	font-size: 12px;
    line-height: 1;
    letter-spacing: 7px;
    color: #88b434;
    position: absolute;
    top: 0px;
    left: 0;
    overflow: hidden;
}
.product_inner_page .btn{
	font-family: "Rubik", sans-serif;
    padding: 10px 35px;
    border-radius: 30px;
    color: #fff;
	font-size:14px;
    font-weight: 500;
    margin-top: 20px;
    background-color: #b1457a;
    text-transform: uppercase;
}
.product_inner_page .btn:hover{background:#212121;}
.product_inner_page .btn a{color:#fff;}
.product_inner_page table {
  border-collapse: collapse;
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 0 .5em #999;
  font-weight: 100;
  font-size:16px;
  margin-top:20px;
  font-family: 'Rubik', sans-serif;
}
.product_inner_page thead {
  font-weight: 100;
  text-transform:capitalize;
  font-family: "Rubik", sans-serif;
}
.product_inner_page th {
  /*background: linear-gradient(#c4d5e8, #c4d5e8);*/
  background: linear-gradient(#b1457a, #b1457a);
  padding:10px 20px;
  font-weight:400; 
  color:#fff;
  white-space: nowrap;
  font-size:18px;
  line-height:26px;  
  border-bottom: 1px solid #e1e1e1;
  font-family: "Rubik", sans-serif;
}
.product_inner_page th span{
	font-size:15px; 
	font-weight:400;
}
.product_inner_page tr{
  overflow: hidden;
  padding:0px 20px;
}
.product_inner_page td{color:#777; padding:10px 20px; font-size:15px; font-weight:400; font-family: "Rubik", sans-serif;}
.product_inner_page td strong{ font-weight:600; color:#777;}
.product_inner_page tr:nth-child(odd) {background: linear-gradient(#eee 1px, #f7f7f7 1px, #f1f1f1 calc(100% - 1px), #eee calc(100% - 1px));}
.product_inner_page tr:nth-child(even) {background: linear-gradient(#eee 1px, #f5f5f5 1px, #f1f1f1 calc(100% - 1px), #eee calc(100% - 1px));}
.product_inner_page .showmore_content {
	position: relative;
	overflow: hidden;
	width:100%;
	padding-bottom:80px;
}
.product_inner_page .block showmore_one{width:100%;}
.product_inner_page .showmore_trigger {
	width: 100%;
	height: 45px;
	line-height: 45px;
	cursor: pointer;
}
.product_inner_page .showmore_trigger span {
	display: block;
	color:#000;
	font-family: 'Rubik', sans-serif;
	padding:20px 0px;
	text-transform:capitalize;
	font-size:18px; font-weight:600;
}
/***********============================================== product_inner_page =====================================================***********/

/***********============================================== quality_page =====================================================***********/
@media only screen and (max-width: 600px) {.quality_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.quality_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.quality_page{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.quality_page{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.quality_page{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.quality_page{padding:50px 160px 80px 160px;}}
.quality_page .mt30{margin-top:30px;}
.quality_page .mt15{margin-top:15px;}
.quality_page h6{
	font-family: "Open Sans", sans-serif;
	color:#b1457a;
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
	text-transform:capitalize;
}
.quality_page h2{
	font-family: "Rubik", sans-serif;
	color:#212121;
	font-size:40px;
	font-weight:400;
	margin-bottom:20px;
	text-transform:capitalize;
}
.quality_page h2 span{font-weight:700;}
.quality_page p{
	font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #666;
}
.quality_page h3{
	font-family: "Rubik", sans-serif;
	color:#212121;
	font-size:20px;
	font-weight:400;
	margin:0px 0px 20px 0px;
	text-transform:capitalize;
}
.quality_page ul{margin-top:30px;}
.quality_page ul li {
	font-family: 'Open Sans', sans-serif;
    position: relative;
    font-size: 15px;
    line-height: 30px;
    color: #444;
    font-weight: 400;
    padding-left: 35px;
    list-style: none;
}
.quality_page ul li:before {
    content: "\f192 ";
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    font-size: 16px;
    line-height: 30px;
    padding: 0px;
    color: #c55991;
    font-weight: 600;
    font-family: "Fontawesome";
}
/***********============================================== quality_page =====================================================***********/

/***********============================================== enquiry_page =====================================================***********/
@media only screen and (max-width: 600px) {.enquiry_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.enquiry_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.enquiry_page{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.enquiry_page{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.enquiry_page{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.enquiry_page{padding:50px 160px 80px 160px;}}
.enquiry_page{background:url(../images/enquiryback.jpg) no-repeat top/cover;}
.enquiry_page .mt30{margin-top:30px;}
.enquiry_page .mt40{margin-top:40px;}
.enquiry_page .mt15{margin-top:15px;}
.enquiry_page h6{
	font-family: "Open Sans", sans-serif;
	color:#b1457a;
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
	text-transform:capitalize;
}
.enquiry_page h2{
	font-family: "Rubik", sans-serif;
	color:#212121;
	font-size:40px;
	font-weight:400;
	margin-bottom:40px;
	text-transform:capitalize;
}
.enquiry_page h2 span{font-weight:700;}
.enquiry_page p{
	font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    line-height: 27px;
    color: #666;
	max-width:950px;
	margin:20px auto 0px auto;
}
.enquiry_page .form-control{background: rgba(255,255,255,0.9);}
.enquiry_page .form-horizontal .form-content{padding: 0px 5px;}
.enquiry_page .form-horizontal .form-control{
    padding: 12px 16px 12px 39px;
    height: 50px;
    font-size: 14px;
    color: #222;
    border: none;
    border: 2px solid #eee;
    border-radius: 10px;
    box-shadow: none;
    margin-bottom: 15px;
	background: #fff;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #fff, #eee);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #fff, #eee); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.enquiry_page .form-horizontal .form-control:focus{
    border-color: #ccc;
    box-shadow: none;
	outline: none;
}
.enquiry_page .form-horizontal .control-label{
    font-size: 17px;
    color: #ccc;
    position: absolute;
    top: 5px;
    left: 27px;
    text-align: center;
}
.enquiry_page .form-horizontal textarea.form-control{
    resize: vertical;
    height: 130px;
}
.enquiry_page .fa{padding-top:10px;}
.enquiry_page .btn{
	font-family: "Rubik", sans-serif;
    padding: 10px 42px;
    border-radius: 30px;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    background-color: #b1457a;
    text-transform: uppercase;
}
.enquiry_page .btn:hover{background:#212121;}
.enquiry_page .btn a{color:#fff;}
/***********============================================== enquiry_page =====================================================***********/

/***********============================================== contact_page =====================================================***********/
@media only screen and (max-width: 600px) {.contact_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.contact_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.contact_page{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.contact_page{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.contact_page{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.contact_page{padding:50px 160px 80px 160px;}}
.contact_page .mt30{margin-top:30px;}
.contact_page .mt40{margin-top:40px;}
.contact_page .mt15{margin-top:15px;}
.contact_page h6{
	font-family: "Open Sans", sans-serif;
	color:#b1457a;
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
	text-transform:capitalize;
}
.contact_page h2{
	font-family: "Rubik", sans-serif;
	color:#212121;
	font-size:40px;
	font-weight:400;
	margin-bottom:40px;
	text-transform:capitalize;
}
.contact_page h2 span{font-weight:700;}
.contact_page p{
	font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    line-height: 27px;
    color: #666;
	max-width:950px;
	margin:20px auto 0px auto;
}
.contact_page .serviceBox{
    color: #555;
    font-family: 'Rubik', sans-serif;
    text-align: right;
    padding: 10px 10px 10px 20px;
    position: relative;
    z-index: 1;
	background: #fff;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #eee, #fff);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #eee, #fff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	border-radius:0px 50px 0px 0px;
}
.contact_page .serviceBox:before,
.contact_page .serviceBox:after{
    content: '';
    width: calc(100% - 121px);
    height: calc(100% - 60px);
    border-left: 2px solid #333;
    border-top: 2px solid #333;
    position: absolute;
    bottom: 0;
    left: 4px;
}
.contact_page .serviceBox:after{
    background-color: #333;
    border: none;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    left: 0;
}
.contact_page .serviceBox .service-icon{
    color: #fff;
    background-color: #b1457a;
    font-size: 50px;
    text-align: center;
    line-height: 100px;
    height: 100px;
    width: 100px;
	padding-top:25px;
    margin: 0 0 30px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    display: inline-block;
    position: relative;
}
.contact_page .serviceBox .service-icon .flaticon{font-size: 50px; color:#fff;}
.contact_page .serviceBox .service-icon:before{
    content: '';
    border: 2px solid #333;
    border-left-color: transparent;
    border-top-color: transparent;
    border-radius: inherit;
    transform: rotate(45deg);
    position: absolute;
    right: -8px;
    top: -8px;
    bottom: -8px;
    left: -8px;
}
.contact_page .serviceBox .title{
    color: #212121;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 5px;
}
.contact_page .serviceBox .description{
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 27px;
    color: #666;
}
.contact_page .serviceBox .description a{color: #666;}
.map {filter: grayscale(100%);}
@media only screen and (max-width: 990px){.contact_page .serviceBox{ margin: 0 auto 30px; }}
/***********============================================== contact_page =====================================================***********/