@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	background:#fff;
	color:#000000;
	text-align:center;
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
	}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin:0;padding:0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border:0;}
a{outline: none; color:inherit; text-decoration:none;}
a:hover {}
img {border:none;}
li {list-style:none;}
*{box-sizing:border-box;}
.img-full{max-width:100%;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}
.forMob,.forTab{ display:none ;}
.fl{ float:left;}
.fr{ float:right;}

/*@font-face {
    font-family: 'Fredoka One';
    src: url('../fonts/FredokaOne-Regular.woff2') format('woff2'),
        url('../fonts/FredokaOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
	}*/

/*@font-face {
    font-family: 'Tragic Marker';
    src: url('../fonts/TragicMarker-Regular.woff2') format('woff2'),
        url('../fonts/TragicMarker-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
	}*/
@font-face {
    font-family: 'Tragic Marker';
    src: url('../fonts/TragicMarker-Regular.eot');
    src: url('../fonts/TragicMarker-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TragicMarker-Regular.woff2') format('woff2'),
        url('../fonts/TragicMarker-Regular.woff') format('woff'),
        url('../fonts/TragicMarker-Regular.ttf') format('truetype'),
        url('../fonts/TragicMarker-Regular.svg#TragicMarker-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*-----------------------
MAIN CSS START
------------------------*/
.container {
	width:1170px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}

/*==========Header==============*/
.topStrip{
    float: left;
    width: 100%;
    /* background: #f23131; */
    /*background: #800000;*/
    background: #0b6d8e;
	padding:5px 0;
	/* border-bottom:2px dashed #FF0; */
    border-bottom:2px dashed #ffffff;
	}
img.logo_sty {
    max-width: 140px;
    padding-top: 2px;
}
.topStrip p{
    color: #ffffff;
    font-size:16px;
	line-height:26px;
	font-weight:500;
	}
.topStrip p span{color:#fffc00; font-weight:600;}
.topStrip p img{
	display:inline-block;
	vertical-align:middle;
	margin:-3px 3px 0;
	}
	
	
.top-fix-bar {
	float: left;
	width: 100%;
	margin-bottom:70px;
	}
.header{
	float:left;
	width:100%;
	height:70px;
	margin-top: -70px;
    position: relative;
    top:70px;
    /* background-image: url(../int_images/PresDay_Sale_Int_Banner-15.png); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	}
.fixed-nav .header{
	position: fixed;
	z-index: 11;
	top: 0;
	background-color:#fff;
	-webkit-transition: margin .3s ease-out;
    transition: margin .3s ease-out;
	margin-top:0;
	background-image: url(../int_images/PresDay_Sale_Int_Banner-15.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
	}

.logo{
	float:left;
	margin-top:5px; max-height: 70px;
	}
	.top-fix-bar.fixed-nav .logo{ max-height: 60px;
	}
a.header-btn{ 
	float:right; 
	width:150px;
	font-size:16px;
	color:#05c552;
	height:36px;
	line-height:34px;
	font-weight:bold;
	margin-top:17px;
	border-radius:40px;
	border:1px solid #05c552;
	}
a.header-btn img{
	display:inline-block;
	vertical-align:middle;
	margin:-3px -15px 0 5px;
	}
	
ul.mainMenu{
	margin-top:24px;
	float:right;
	}
ul.mainMenu li{
	float:left;
    padding:0 13px;
	border-right:1px solid #ddd;
	}
ul.mainMenu li:last-child{ border:none;}
ul.mainMenu li a{
	float:left;
	color:#2d2d2d;
	font-size:16px;
	font-weight:400;
	line-height:20px;
	}
ul.mainMenu li a.active,ul.mainMenu li a:hover{color:#00ad35;}

/*MOBILE MENU CSS*/
.mob-mnu-ic{
    cursor: pointer;
    position:absolute;
    right:175px;
    top:24px;
	z-index:16;
	height:30px;
	}
.mob-mnu-ic button{
	outline: none;
    -webkit-appearance: none;
	background: none;
	padding:0;
    cursor: pointer;
	border: none;
	margin:0;
	}
.mob-mnu-ic span{
	color:#fff;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	margin-top:4px;
	margin-right:5px;
	}
.bar1, .bar2, .bar3 {
	width: 30px;
	height: 4px;
	background-color: #3a3a3c;
	transition: 0.4s;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	}
.bar2{margin: 6px 0;}

.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-7px, 6px);
	transform: rotate(-45deg) translate(-7px, 6px);
	background:#3a3a3c;
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -7px);
	transform: rotate(45deg) translate(-8px, -7px);
	background:#3a3a3c;
	}
	
.mobilemenu{
	left:0;
	position:fixed;
	top:102px;
	background:#fff;
	z-index:12;
	right:0;
	bottom:0;
	overflow:scroll;
	display:none;
	border-top:1px solid #ddd;
	}
.mobimenu-top{ top:70px;}
.mobilemenu li{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px solid #ddd;
	}
.mobilemenu li a{
	float:left;
	width:100%;
	padding:17px 20px;
	font-size:18px;
	color:#000;
	}
.mobilemenu li a.header-btn {
    float: left;
    width: 150px;
    font-size: 18px;
    color: #ffffff;
    height: 42px;
    line-height: 40px;
    font-weight: 600;
    margin:10px 0;
    border-radius: 20px;
    background: #19c354;
	padding:0;
	text-align:center;
	}



/*==============banner===============*/

.banner{
	float:left;
	width:100%;
	background:url(../int_images/banner-bg.jpg) no-repeat center top;
	height:660px;
	overflow:hidden;
	}
.bnr-left{
	float:left;
	width:735px;
	position:relative;
	text-align:left;
	padding:20px 0 0;
	}
.bnr-txt1{
	float:left;
	width:100%;
	font-size:36px;
	line-height:40px;
	color:#ec5775;
	font-family: 'Tragic Marker';
	position:relative;
	}
.bnr-txt1 img{
	position:absolute;
	left:-60px;
	top:0;
	}
.bnrHdng{
	float:left;
	width:100%;
	font-size:47px;
	line-height:54px;
	color:#1a4e8a;
	margin-top:7px;
	font-family: 'Fredoka One', cursive;
	font-weight:normal;
	position:relative;
	}
.bnrHdng span{ color:#ec5775;}
.bnrHdng img{
	position:absolute;
	right:-5px;
	bottom:0;
	}
.bnr-strip{
	float:left;
	width:100%;
	margin-top:13px;
	position:relative;
	padding-left:65px;
	}
.bnr-strip img{
	position:absolute;
	left:0;
	top:0px;
	}
.bnr-strip p{
	float:left;
	width:605px;
	background:url(../int_images/bnr-strip-bg.png) no-repeat left top;
	height:67px;
	font-size:18px;
	line-height:24px;
	color:#ffffff;
	font-weight:500;
	padding: 12px 25px 5px 43px;
	}
	
	
.bnr-list{
	float:left;
	width:100%;
	margin:10px 0 0;
	}
.bnr-list li{
	float:left;
	width:100%;
	text-align:left;
	background:url(../int_images/bnr-tik.png) no-repeat left 5px;
	padding-left:50px;
	margin-top:12px;
	}
.bnr-list li span{
	float:left;
	width:100%;
	font-size:22px;
	line-height:26px;
	color:#1a4e8a;
	letter-spacing:0.5px;
	font-family: 'Fredoka One', cursive;
	}
.bnr-list li p{
	float:left;
	width:100%;
	font-size:18px;
	line-height:26px;
	color:#444444;
	}
	
.btn-box {
    display: inline-block;
    vertical-align: middle;
    margin-top:20px;
    text-align: center;
    width:390px;
	max-width:100%;
	}
a.packageBtn {
    display: block;
    width: 100%;
    margin:0 auto;
    border-radius:50px;
    height:65px;
    overflow: hidden;
    color: #ffffff;
    font-size:26px;
    line-height:65px;
	position:relative;
	background:#00ad35;
	padding-right:40px;
	font-family: 'Fredoka One', cursive;
	font-weight:normal;
	letter-spacing:0.3px;
	}
a.packageBtn span{ color:#fff000;}
.btn-arw{
	position:absolute;
	right:0;
	height:100%;
	width:40px;
	top:0;
	}
.btn-arw:after {
    content: '';
    position: absolute;
    right:25px;
    top: 50%;
    margin-top: -14px;
	background:url(../int_images/btn-arw.png) no-repeat center center;
	width:28px;
	height:28px;
	}
.btn-ofr-txt{
	float:left;
	width:100%;
	color:#000000;
	font-size:16px;
	line-height:20px;
	margin-top:10px;
	position:relative;
	}
.btn-ofr-txt:after, .btn-ofr-txt:before {
    position: absolute;
    content: '';
    right: 0px;
    top: 9px;
    width:60px;
    height:1px;
    background: #272727;
    opacity: 0.3;
	}
.btn-ofr-txt:before{ left:0;right: auto;}

.bnr-prod{
    position: absolute;
    right:50px;
    top:390px;
    z-index: 9;
	}
.bnr-seal{
	    position: absolute;
    right: 435px;
    top: 272px;
    z-index: 10;
    height: 80px;
	}
.bnr-pet{
	position: absolute;
	right: -40px;
    top:0;
	}
/*============================*/
.bnr-btm-sec{
	float:left;
	width:100%;
	}
.bnr-btm-inr{
	float:left;
	width:100%;
	padding:30px 0;
	border-bottom:1px solid #ebebeb;
	}
.bnr-btm-sec ul{
	float:left;
	width:100%;
	}
.bnr-btm-sec ul li{
	float:left;
	width:20%;
	padding:0 20px;
	text-align:center;
	font-size:16px;
	line-height:20px;
	color:#545454;
	position:relative;
	}
.bnr-btm-logo{
	display:inline-block;
	vertical-align:middle;
	margin-top:20px;
	max-width:100%;
	}
.bnr-btm-sec ul li.str-rvw-txt{ margin-top:10px; font-weight:600;}
.bnr-btm-sec ul li.str-rvw-txt img{
	display:block;
	margin:0 auto 40px;
	}

/*==========sectionOne============*/
.sectionOne{
	float:left;
	width:100%;
	padding:60px 0;
	}
.s1-hdng-petimg{
	display:block;
	margin:0 auto 15px;
	}
.s1-hdng1{
	float:left;
	width:100%;
	font-size:30px;
	line-height:36px;
	color:#eb2626;
	font-family: 'Fredoka One', cursive;
	padding-bottom:40px;
	background:url(../int_images/hdng-line.png) no-repeat center bottom;
	}
.s1-hdng2{
	float:left;
	width:100%;
	font-size:44px;
	line-height:47px;
	color:#1a4e8a;
	font-family: 'Fredoka One', cursive;
	margin-top:30px;
	}
.comn-para{
	float:left;
	width:100%;
	font-size:18px;
	line-height:26px;
	color:#1d1d1d;
	margin-top:25px;
	letter-spacing:0.5px;
	}
.pdng-para{ padding:0 100px;}
.pdng-para1{padding:0 150px;}

.vdo-heading{
	display:inline-block;
	vertical-align:middle;
	margin-top:30px;
	width:760px;
	max-width:100%;
	background:#1a4e8a;
	color:#fff;
	border:2px solid #fff;
	border-bottom:none;
	font-size:20px;
	font-weight:500;
	letter-spacing:0.5px;
	padding:8px 0;
	}
.left-arw {
	display:inline-block;
	vertical-align:middle;
	margin:-5px 20px 0 0;
	width:30px;
	}
.rgt-arw {
 	display:inline-block;
	vertical-align:middle;
	margin:-5px 0 0 20px;
	width:30px;
	}

.tadda {
	animation-name: tadda;
	-webkit-animation-name: tadda;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
@keyframes tadda {
0% {transform:translateX(0px)}
50% {transform: translateX(15px);}
100% {transform: translateX(0px);}
}
.taddaR {
	animation-name: taddaR;
	-webkit-animation-name: taddaR;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
@keyframes taddaR {
0% {transform:translateX(0px)}
50% {transform: translateX(-15px);}
100% {transform: translateX(0px);}
}
	
.s1-vdoBx{
	display:inline-block;
	vertical-align:middle;
	width:760px;
	max-width:100%;
	position: relative;
	height:400px;
	border:2px solid white;
	position:relative; 
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
	cursor:pointer;
	overflow:hidden;
	}
.s1-vdoBx iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*	display:none;*/
	z-index:10;
	}
.s1-vdo-img{
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	position:absolute;
	left:0;
	width:100%;
	top:0;
	cursor:pointer;
	z-index:9;
	}
ul.s1-list{
	float:left;
	width:100%;
	margin-bottom:20px;
	}
ul.s1-list li{
	display:inline-block;
	vertical-align:top;
	padding:0 35px;
	text-align:center;
	margin-top:30px;
	position:relative;
	}
ul.s1-list li:after{
	position:absolute;
	right:0;
	top:40px;
	height:70px;
	width:1px;
	content:"";
	background:#ddd;
	}
ul.s1-list li:last-child:after{ display:none;}
ul.s1-list li img{
	display:block;
	margin:0 auto 15px;
	}
ul.s1-list li p{
	float:left;
	width:100%;
	font-size:19px;
	line-height:26px;
	color:#1d1d1d;
	}
/*=============sectionTwo============*/
.sectionTwo{
	float:left;
	width:100%;
	background:#f4f9fb;
	padding:60px 0;
	}
.comn-hdng{
	float: left;
    width: 100%;
    font-family: 'Fredoka One', cursive;
    padding-bottom: 40px;
    background: url(../int_images/hdng-line.png) no-repeat center bottom;
	}
.comn-hdng p{
	float: left;
    width: 100%;
    font-size: 30px;
    line-height: 40px;
    color: #ec5775;
	}
.comn-hdng span{
	float: left;
    width: 100%;
    font-size: 44px;
    line-height: 50px;
    color: #1a4e8a;
	}
.s2-box{
	float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
	}
.s2-col{
	width:31.333%;
	background:#daeaf7;
	text-align:center;
	padding:0 15px 15px;
	border:1px solid #d8e1e5;
	}
.s2-img{
	display:inline-block;
	vertical-align:middle;
	width:calc(100% + 30px);
	margin-left:-15px;
	}
.s2-col-conbx{
	float:left;
	width:100%;
	background:#1a4e8a;
	margin-top:-45px;
	padding:0 10px 15px;
	position:relative;
	}
.s2-ic1{
	display:block;
	margin:-20px auto 5px;
	}
.s2-col-txt1{
	float: left;
    width: 100%;
    font-size: 25px;
    line-height: 30px;
    color: #ffffff;
	font-family: 'Fredoka One', cursive;
	letter-spacing:0.3px;
	}
.s2-col-txt2{
	float: left;
    width: 100%;
    font-size:18px;
    line-height: 24px;
    color: #ffffff;
	font-weight:500;
	margin-top:10px;
	letter-spacing:0.5px;
	padding:0 15px 17px;
	position:relative;
	}
.s2-col-txt2:after{
	position:absolute;
	left:50%;
	width:100px;
	margin-left:-50px;
	height:2px;
	bottom:0;
	background:#5185af;
	content:"";
	}
.s2-col-txt3{
	float: left;
    width: 100%;
    font-size:18px;
    line-height: 26px;
    color: #ffffff;
	margin-top:15px;
	letter-spacing:0.5px;
	padding:0 15px;
	}
.s2-col-txt4{
	float: left;
    width: 100%;
    font-size:20px;
    line-height: 24px;
    color: #f74d70;
	font-family: 'Fredoka One', cursive;
	margin-top:12px;
	}

/*===============sectionThree==========*/
.sectionThree{
	float:left;
	width:100%;
	padding:60px 0;
	overflow:hidden;
	}
.s3-mdl-box{
	float:left;
	width:100%;
	margin-top:40px;
	margin-bottom:20px;
	background:#d4f3ff;
    border-radius: 250px 150px 280px 250px;
	padding:15px 15px 20px 410px;
	position:relative;
	text-align:left;
	}
.s3-dog-img{
	position:absolute;
	left:-80px;
	top:-25px;
	}
.s3-list-bg-line{
	position:absolute;
	right:0;
	bottom:-10px;
	}
.s3-round{
	position:absolute;
	right:20px;
	top:-10px;
	}
.s3-mdl-box ul{
	float:left;
	width:100%;
	}
.s3-mdl-box ul li{
	float:left;
	width:100%;
	position:relative;
	padding:0 0 22px 110px;
	margin-top:20px;
	text-align:left;
	}
.s3-mdl-box ul li:after{
	position:absolute;
	content:"";
	width:85%;
	right:0;
	height:1px;
	bottom:0;
	background:#fff;
	}
.s3-mdl-box ul li:last-child:after{ display:none;}
.s3-mdl-box ul li:nth-child(2),.s3-mdl-box ul li:nth-child(3){ padding-left:165px;}
.s3-mdl-box ul li img{
	position:absolute;
	left:0;
	top:5px;
	}
.s3-mdl-box ul li img.s3-list-ico2,.s3-mdl-box ul li img.s3-list-ico3{ left:65px;}
.s3-mdl-box ul li span{
	float:left;
	width:100%;
	font-size:24px;
	line-height:28px;
	color:#234c6f;
	 font-family: 'Fredoka One', cursive;
	}
.s3-mdl-box ul li p{
	float:left;
	width:95%;
	font-size:18px;
	line-height:25px;
	color:#1d1d1d;
	margin-top:10px;
	}
.s3-mdl-box ul li:last-child p{
	width:80%;
	}

/*==========sectionFour================*/
.sectionFour{
	float:left;
	width:100%;
	padding:60px 0;
	background:#f4f9fb;
	}
.s4-mdl{
	float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	}
.s4-col{
	width:31%;
	text-align:center;
	margin-top:40px;
	margin-bottom:20px;
	}
.s4-col img{
	display:block;
	margin:0 auto 20px;
	max-width:100%;
	}
.s4-col span{
	float: left;
    width: 100%;
    font-size: 24px;
    line-height: 28px;
    color: #234c6f;
    font-family: 'Fredoka One', cursive;
	}
.s4-col p{
	float: left;
    width: 100%;
    font-size: 18px;
    line-height: 25px;
    color: #1d1d1d;
    margin-top: 15px;
	}

/*==============sectionFive===============*/
.sectionFive{
	float:left;
	width:100%;
	background:url(../int_images/sec5-bg.jpg) no-repeat center top;
	padding:60px 0 50px;
	}
.s5-mdl{
	float:left;
	width:100%;
	position:relative;
	}
.s5-pet{
	position:absolute;
	left:50%;
	margin-left:-224px;
	top:-10px;
	}
.s5-col{
	width:35%;
	text-align:center;
	padding:40px 0;
	}
.s5-hdng{
	float: left;
    width: 100%;
    font-size: 36px;
    line-height: 40px;
    color: #ec5775;
    font-family: 'Fredoka One', cursive;
	}
.s5-hdng span{ color:#1a4e8a;}
.s5-col ul{
	float:left;
	width:100%;
	margin-top:25px;
	}
.s5-col ul li{
	text-align:center;
	float:left;
	width:100%;
	font-size:28px;
	line-height:36px;
	color:#000000;
	font-weight:500;
	}


/*=============sectionSix=============*/
.sectionSix{
	float:left;
	width:100%;
	padding:60px 0;
	}
.s6-video-box{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	max-width:970px;
	margin:30px 0 10px;
	}
.s6-vdoBx-left{
	float:left;
	width:79.50%;
	}
.s6-vdo{
	float:left;
	width:100%;
	box-shadow:0 0 9px 1px rgba(0,0,0,0.1);
	}
.s6-vdo img{
	max-width:100%;
	display:inline-block;
	vertical-align:middle;
	}
.s6-vdoBx-rgt{
	float:right;
	width:19%;
	}
.s6-vdo-nav{
	float:left;
	width:100%;
	margin-bottom:13px;
	box-shadow:0 0 9px 1px rgba(0,0,0,0.1);
	cursor:pointer;
	}
.s6-vdo-nav.active{
	border:5px solid #1a4e8a;
	}
.s6-vdo-nav img{
	max-width:100%;
	display:inline-block;
	vertical-align:middle;
	}


/*==========sectionSeven============*/
.sectionSeven{
	float:left;
	width:100%;
	padding:60px 0;
	background:#f4f9fb;
	}
.s7-mdl-tbx{
	float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-top:40px;
	}
.s7-tBx-col{
	width:32%;
	background:#fff;
	box-shadow:0 0 9px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 9px 1px rgba(0,0,0,0.1);
	text-align:center;
	padding:20px;
	}
.s7-t-col-img{
	display:block;
	margin:0 auto 10px;
	}
.s7-t-heading{
	float: left;
    width: 100%;
    font-size: 22px;
    line-height: 26px;
    color: #231c63;
    font-weight: 600;
    margin-top: 10px;
    letter-spacing: 0.5px;
	}
.s7-t-para{
	float: left;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #1d1d1d;
    margin-top: 10px;
    letter-spacing: 0.5px;
	}
.verified-img{
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	margin:20px 0;
	}
.s7-t-name{
	float: left;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #a3a3a3;
	letter-spacing: 0.5px;
	}
.s7-t-name span{
	font-size:18px;
	color:#1a4e8a;
	font-weight:600;
	}
.testi-sec {
    float: left;
    width: 100%;
    padding: 0 100px;
    margin-top: 50px;
	}
.testi-box {
    float: left;
    width: 100%;
    position: relative;
    text-align: left;
    color: #2f2f2f;
    padding-left: 100px;
    border-bottom: 1px solid #e6e7e8;
    padding-bottom: 30px;
    margin-top: 30px;
	}
.t-img{
	position:absolute;
	left:0;
	top:0;
	}
.testi-box h3 {
    float: left;
    width: 100%;
    font-size: 24px;
    line-height: 26px;
    color: #231c63;
    font-weight: 600;
    margin-bottom: 13px;
	}
.t-star {
	display:block;
	}
.testi-abt {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #1d1d1d;
    margin-top: 10px;
    letter-spacing: 0.5px;
	}
.testi-name {
    float: left;
    width: 100%;
    font-size: 20px;
    line-height: 26px;
    color: #575757;
	margin-top:15px;
	}
.testi-name span {
    color: #231c63;
    font-weight: 600;
	}
.testi-sec .testi-box:last-child{border-bottom:none;}



/*==========footer===================*/
.footer{
	float:left;
	width:100%;
	padding:30px 0;
	text-align:center;
	}
.ftr-logo{
	display:block;
	margin:0 auto 20px;
	}
.ftr-txt1{
	float:left;
	width:100%;
	font-size:16px;
	line-height:32px;
	color:#4c4c4c;
	margin-bottom:20px;
	}
.ftr-txt1 a{ color:#4c4c4c; font-size:16px; padding:0 5px;}
.ftr-cards{
	display:block;
	margin:0 auto;
	}


/*==============Media=============*/
@media only screen and (max-width:1187px){
.container{ width:1004px;}

.bnr-left{width: 680px;}
.bnrHdng{font-size: 43px;line-height: 52px;}
.bnr-pet{right: -78px;width: 430px;}
.bnr-prod {right: 0;}
.bnr-seal {right: 389px;}

.bnr-btm-sec ul li{padding:0 10px;}



.s1-hdng2{font-size: 38px;line-height: 45px;}
.pdng-para {padding: 0 120px;}
.pdng-para1{padding:0 100px;}
ul.s1-list li{padding: 0 20px;}

.s2-col{ width:32.50%;}
.s2-col-txt2{padding: 0 4px 17px;}
.s2-col-txt3{ padding:0 8px;}
.s2-col-txt4{ font-size:17px;}

.s3-mdl-box{padding: 10px 15px 10px 320px;}
.s3-dog-img {top: 0px; width: 522px;}
.s3-mdl-box ul li span{font-size: 22px;line-height: 26px;}

.s5-hdng{font-size: 30px;line-height: 38px;}
.s5-col ul li{font-size: 22px;line-height: 32px;}

}

@media only screen and (max-width:1021px){
.container{ width:750px;}
.forDesk{ display:none;}
.forTab{ display:block;}

ul.mainMenu{ display:none;}


.topStrip p {font-size: 13px;line-height: 20px;}

.banner{height: 640px;}
.bnr-left {width: 600px;}
.bnr-txt1{font-size: 28px; line-height: 32px;}
.bnrHdng {font-size: 38px;line-height: 50px;}
.bnr-strip{margin-top: 10px; padding-left: 50px;}
.bnr-strip img{width: 50px;}
.bnr-strip p{background-size: 100%;height: 62px;font-size: 16px;line-height: 22px;width: 550px;padding: 10px 30px 5px 43px;}
.bnr-pet { right: -195px;width: 370px;}
.bnr-prod {right: -110px;width: 300px;top: 360px;}
.bnr-seal {right: 195px;
    width: auto;
    height: 50px;
    top: 231px;}
.bnr-list li p{font-size: 17px;}

.bnr-btm-sec ul li{ padding:0 5px;font-size: 14px;}
.bnr-btm-logo{ max-width:90%;}

.s1-hdng1{font-size: 26px;line-height: 34px;}
.pdng-para, .pdng-para1 {padding: 0 0;}
ul.s1-list li {padding: 0 12px;}
ul.s1-list li p{font-size: 15px; line-height: 22px;}

.comn-hdng span{font-size: 40px;}
.s2-col-txt1{font-size: 24px;}
.s2-col-txt2{font-size: 16px;line-height: 24px;padding: 0 8px 17px;}
.s2-col-txt3{font-size: 16px;line-height: 24px;}

.s3-mdl-box{ padding:0 10px 20px; border-radius:0 140px 0 0; margin-top:120px;}
.s3-list-bg-line{ display:none;}
.s3-dog-img{ position:static; display:block; margin:-100px auto 0; width:250px;}
.s3-mdl-box ul li:nth-child(2), .s3-mdl-box ul li:nth-child(3),.s3-mdl-box ul li{ padding-left:90px;}
.s3-mdl-box ul li img.s3-list-ico2, .s3-mdl-box ul li img.s3-list-ico3,.s3-mdl-box ul li img{ left:0; width:70px;}

.s4-col{ width:31.50%;}
.s4-col span{ font-size:22px;}

.sectionFive{padding: 40px 0 40px;background-size: cover;}
.s5-col{width: 36%;}
.s5-hdng {font-size: 24px; line-height: 34px;}
.s5-col ul li {font-size: 20px;line-height: 30px;}
.s5-pet {margin-left: -150px; top: 30px;width: 300px;}

.s7-tBx-col{ padding:20px 15px;}
.testi-sec{ padding:0;}


}


@media only screen and (max-width:767px){
.container{ width:100%; max-width:600px; padding:0 10px;}

.forMob{ display:block;}
.hide-mob{ display:none;}

.top-fix-bar{ margin-bottom:60px;}
.header{ height:60px; margin-top:-60px; top:60px;border-bottom: 1px solid #eeeeee;}
.logo {width: auto;
    margin: 0;
    padding: 2px 0;}
.mob-mnu-ic{ right:15px; top:19px;}
.mobilemenu{ top:88px;}
.mobimenu-top{ top:60px;}

.topStrip p{ font-size:12px; line-height:17px;}


.banner{ height:auto; padding-bottom:20px; background:#fafeff;}
.bnr-left{ width:100%; text-align:center;padding: 15px 0 0;}
.bnr-mob{ margin:0 auto; width:calc(100% + 20px); margin-left:-10px;}
.bnr-pet,.bnr-seal,.bnr-prod{ display:none;}
.bnr-txt1 {font-size: 20px;line-height: 20px; letter-spacing:0.5px;}
.bnr-txt1 img{ position:static; display:inline-block; vertical-align:middle; margin:0 7px; width:25px;}
.bnrHdng {font-size: 30px;line-height: 34px; margin-top:3px;}

.bnrHdng img{ width:35px;right: 10px; display:none;}
.bnr-strip{width:calc(100% + 20px); margin:0; margin-left:-10px;  background:#ec5775; text-align:left; padding:5px 5px 5px 55px;}
.bnr-strip p{ width:100%; background:none; height:auto; padding:0; letter-spacing:0.3px;font-size: 15px;line-height: 21px;}
.bnr-strip img {width: 44px; top:50%; margin-top:-22px; left:5px;}
.bnr-list{margin: 8px 0 15px;}
.bnr-list li{padding-left: 40px; margin-top: 5px;}
.bnr-list li span{font-size: 20px;line-height: 26px;}
.bnr-list li p{font-size: 16px; line-height: 24px; margin-top:3px;}
.bnr-seal-m{ margin:0 auto; max-width:100%;}

.bnr-btm-inr{ padding:25px 0;border-top: 1px solid #ebebeb;}
.bnr-btm-sec ul li{ width:100%; padding:0 20px;font-size: 15px;}
.bnr-btm-logo{ margin:15px auto 5px;}
.bnr-btm-sec ul li.str-rvw-txt img {margin: 0 auto 15px;}
.bnr-btm-sec ul li.str-rvw-txt{ display:none;}


.sectionOne{ padding:30px 0;}
.s1-hdng1 { font-size: 20px;line-height: 26px;}
.s1-hdng2 {font-size: 26px;line-height: 36px;margin-top: 15px;}
.comn-para{font-size: 16px;line-height: 24px;margin-top: 15px;}
.vdo-heading{font-size:14px;margin-top: 20px;}
.left-arw, .rgt-arw{display:none;}
ul.s1-list{ margin:0;}
ul.s1-list li{ width:33.33%; float:left;padding: 0px 6px;margin-top: 20px;}
ul.s1-list li p {font-size: 15px;line-height: 21px;}
ul.s1-list li img{ margin:0 auto 8px;height: 45px;}
ul.s1-list li:after{ height:50px;display:none;}

.s1-vdoBx{width:100%; padding-bottom:52%; height:auto;}

.sectionTwo{ padding:30px 0;}
.comn-hdng p{font-size: 20px;line-height: 26px;}
.comn-hdng span {font-size: 28px; line-height:34px; margin-top:5px;}
.s2-box{ margin:0;}
.s2-col{ width:100%; margin-top:25px;}
.s2-col-conbx{ padding:0 15px 15px;}
.s2-col-txt4 {font-size: 19px;}

.sectionThree{ padding:30px 0;}
.s3-mdl-box{ border-radius:0;margin-top: 110px; margin-bottom:0;}
.s3-round{ display:none;}
.s3-dog-img{ max-width:100%;}
.s3-mdl-box ul li:nth-child(2), .s3-mdl-box ul li:nth-child(3), .s3-mdl-box ul li{ padding-left:60px; padding-bottom:0; margin-top:20px;}
.s3-mdl-box ul li img.s3-list-ico2, .s3-mdl-box ul li img.s3-list-ico3, .s3-mdl-box ul li img{ width:50px;}
.s3-mdl-box ul li span { font-size: 20px;line-height: 22px;}
.s3-mdl-box ul li p{ width:100%; font-size:16px; line-height:24px; margin-top:5px;}
.s3-mdl-box ul li:after{ display:none;}
.s3-mdl-box ul li:last-child p{width:100%;}

.sectionFour{ padding:30px 0;}
.s4-col{ width:100%; margin:25px 0 0; padding:0 15px;}
.s4-col img {margin: 0 auto 12px;}
.s4-col p {font-size: 16px;line-height: 23px; margin-top: 8px; letter-spacing:0.3px;}

.sectionFive{ background:none; padding:0;}
.sectionFive .container{ padding:0;}
.s5-col{ width:100%;}
.s5-col.fl{ background:#f2f6f8; padding:30px 0 0;}
.s5-col.fr{ background:#eaeff1; padding:80px 0 30px;}
.s5-pet{ display:none;}
.s5-pet-m{ margin:0 auto -80px; max-width:100%; position:relative; z-index:1; width:320px;}
.s5-col ul{ margin-top:10px;}
.s5-hdng {font-size: 28px;line-height: 34px;}

.sectionSix{ padding:30px 0;}
.s6-video-box{ margin:20px 0 0;}
.s6-vdoBx-left{ width:100%;}
.s6-vdoBx-rgt{ width:100%;}
.s6-vdo-nav{ width:31.33%; margin:10px 1% 0;}

.sectionSeven{ padding:30px 0;}
.s7-t-heading{font-size:18px;}

.s7-mdl-tbx{ margin-top:0; padding:0 10px;}
.s7-tBx-col{ width:100%; margin-top:20px; padding:20px 20px; box-shadow:none; border:1px solid #ddd;}
.s7-t-para{font-size: 16px;line-height: 24px; margin-bottom:15px;}
.verified-img{ margin:20px auto;}
.testi-sec{ margin-top:10px;}
.testi-box{ margin-top:20px; padding-left:80px;padding-bottom: 15px;}
.t-img{ width:60px;}
.testi-box h3{font-size: 18px;line-height: 24px;margin-bottom: 8px;}
.testi-abt{font-size: 16px; line-height: 24px;}
.testi-name{font-size: 16px; line-height: 24px;}



.footer {padding: 0 0 20px;}
.ftr-logo{ margin:10px auto 15px; width:100px;}
.ftr-txt1{font-size: 14px;line-height: 24px;}
.ftr-txt1 a{ font-size: 14px;line-height: 24px; padding:0 3px;}


#call-btn {
    float: left;
    width: 100%;
    padding: 11px 10px 10px;
    background: #000000;
    position: fixed;
    bottom: 0%;
    left: auto;
    z-index:12;
    transition: bottom 1s;
    display: table;
	}
#call-btn .btn-ofr-txt{ color:#fff;}
.btn-box {width: 324px;}
.footer a.packageBtn{ font-size:24px;padding-right: 0px;}


}

@media only screen and (max-width:480px){
	.footer a.packageBtn{padding-right: 40px;}
}

@media only screen and (max-width:360px){
.ftr-txt1,.ftr-txt1 a{ font-size:13px;}
	
}



/*=============================
        SECTION-6 CSS
===============================*/
.section-6{
    float:left;
    width:100%;
    padding:60px 0;
    background:#fff;
    position:relative;
    }
.s6-mid-slid-box{
    float:left;
    width:100%;
    margin-top:55px;
    position:relative;
    margin-bottom:25px;
    }
.s6-mid-slid-box:before{
    position:absolute;
    left:200px;
    top:0;
    right:200px;
    content:"";
    background:#deebf3;
    height:100%;
    border-bottom:5px solid #2b3e79;
    }
.s6-slide-content{
    float:left;
    width:100%;
    padding:40px 0;
    }
.s6-testi-col{
    display:inline-block;
    vertical-align:middle;
    max-width:420px;
    width:100%;
    padding:0;
    transition:all ease 0.5s;
    }
.s6-slide-content .s6-testi-col.slick-center{ opacity:0.5;}
.t-star{
    float:left;
    opacity:0;
    }

.t-haed{
    float:left;
    width:100%;
    font-size:18px;
    line-height:26px;
    color:#000000;
    font-weight:500;
    text-align:left;
    margin-top:8px;
    opacity:0;
    }
.t-haed span{
    font-size:14px;
    line-height:18px;
    color:#202020;
    font-weight:normal;
    opacity:0.2;
    }
.t-haed span img{
    display:inline-block;
    vertical-align:middle;
    margin:-6px 5px 0 10px;
    opacity:0.2;
    }
.t-image-box{
    display:inline-block;
    vertical-align:middle;
    max-width:290px;
    background:#fff;
    border:4px solid #ffffff;
    box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
    border-radius:10px;
    margin:50px 0 0 0;
    transition:all ease 0.5s;
    }
.slick-center .t-image-box{margin:20px 0; max-width:420px;}
.slick-center .t-image-box,  .slick-center .t-image{opacity:1;}
.slick-center .t-star, .slick-center .t-haed, .slick-center .t-haed span, .slick-center .t-haed span img{ opacity:1;}
.t-image{
    display:inline-block;
    vertical-align:middle;
    max-width:100%;
    border-radius:8px;
    margin:0 auto;
    opacity:0.2;
    }
.slick-center .t-image{filter: grayscale(0);}
.bdr-img{
    
    }
.slick-slide .t-image { display:inline-block;}
.t-text{
    float:left;
    width:100%;
    padding-left:50px;
    color:#000000;
    font-size:19px;
    line-height:27px;
    position:relative;
    text-align:left;
    margin-top:5px;
    opacity:0;
    }

.t-qt-icn{
    position:absolute;
    left:0;
    top:-10px;
    opacity:0;
    }
.slick-center .t-text, .slick-center .t-qt-icn{ opacity:1;}



.s3-mdl-box ul li img.s3-list-ico2 {
    left: 104px ;
}

.text-tertiary{ color: #fffc00;     font-family: 'Oswald', sans-serif; font-weight: 700;}
.bg-raddish {
    background: #EC5775;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
}
.p-2{ padding: 0.5rem !important;}
.text-white{ color: #fff;}
.f-size-top{     font-size: 16px;
   }
/* .header {
    background-image: url(../int_images/holiday-int-banner.png) !important;
} */




@media only screen and (max-width:767px){
.s3-mdl-box ul li img.s3-list-ico2 {
    left: 0px ;
}
.f-size-top{     font-size: 12px;
    line-height: 17px;}
.section-6 { padding:20px 0 35px;}
.s6-mid-slid-box{margin-top:30px; margin-bottom:0;}
.s6-mid-slid-box:before{ left:5px; right:5px;}
.s6-slide-content{padding:25px 0 25px;}
.s6-testi-col{width:100%; padding:0 10px;}
.t-text{ padding-left:0; font-size:16px; line-height:22px; letter-spacing:0.2px; margin-top:30px;}
.slick-slide .t-qt-icn{ display:none;}

.t-image{opacity:1;}
.t-image-box{max-width:350px; margin:15px 0;}
.slick-center .t-image-box{max-width:350px; margin:15px 0;}


}