@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Damion&display=swap');
body{margin:0!important;}
#main{width:100%; height:auto; float:left}
#main1{width:100%; height:auto;}
#main2{width:100%; height:auto; float:left}
#main-inner{width:80%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:90%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin: 0 auto; overflow:auto}
#main-inner3{width:85%; height:auto; margin:0 auto;}
#main-inner4{width:95%; height:auto; margin:0 auto; overflow:auto}
a{text-decoration:none; color:#333}

.sticky-divi-button1 {
  z-index: 10;
  position: fixed;
  bottom: 20%;
  right: 0px;
  }
.sticky-divi-button1:hover {
  color:#dcbf73;
  }
  
.mainlogo{width: 20%; height: auto; float: left; background: #fff;}
.mainlogo img{width: 100%; height: auto; float: left;}
.nav-link{color:#404040!important; font-weight: 700!important; margin-top: 5px;}
.headp{font-size: 14px; padding-top:8px; color:#fff; text-align: right;}
.headp a{color:#e8a901; transition: 0.3s;}
.headp a:hover{color:#fff}
.topnav1{width: 27%; float: right; margin: 5px 10px 0 0; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.topnav1 .search-container {
  float: right;
  width: 100%;
  -webkit-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.15);
box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.15);
  
}
.topnav1 input[type=text] {
  padding: 10px 8px;
  margin-top: 0;
  font-size: 14px;
  border: none;
  width: 87%;
  border-radius: 5px 0 0 5px;
}
.topnav1 .search-container button {
  float: right;
  padding: 12px 0;
  margin-top: 0;
  margin-right: 0;
  background: #ffaa3d;
  color:#fff;
  font-size: 17px;
  border: none;
  cursor: pointer;
  width: 12.5%;
  text-align: center;
  border-radius: 0 5px 5px 0;
  transition: 0.3s;
}
.topnav1 .search-container button:hover {
  background: #182434;
}
.iconfont{font-style: normal;}

.headerwp {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 25px;
  }
  
  .headtoppart {
    display: block;
    width: 100%;
    background-color: #222b37;
    height: 39px;
    margin: 0 auto;
    padding: 0;
    min-width: 320px;
  }
  .headertopmiddle {
    width: 30%;      
    float: left;
  } 
  
  .headertopright {
    width: 50%;
    float: left;
    text-align: left;
  }
  
  .headertopright a {
    line-height: 39px;
    color: #fff;
    font-size: 14px;
    padding: 12px 12px;
    display: inline-block;
    float: left;
  }
  .headertopright .donate{
    color: #fca600;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 12px!important;
    margin:0.7% 0 0.7% 3%;
    float: left;
    border-radius: 5px;
    line-height: 220%;
 } 
  .headertopright .donate img{
    width:15px; height:15px; float:left; margin-top:9px;
 } 
  .headertopright a:hover {
    background-color: #272B37;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .headertopright a.facebookicon:hover {
    background-color: #3b5998;
    color: #fff;
  }
  
  .headertopright a.twittericon:hover {
    background-color: #55acee;
    color: #fff;
  }
  
  .headertopright a.linkedinicon:hover {
    background-color: #0077b5;
    color: #fff;
  }
  
  .headertopright a.googleicon:hover {
    background-color: #dd4b39;
    color: #fff;
  }
  .headertopright .linkedinicon:hover{
      background:#e41f5b!important;
  }
  .address {
    padding: 10px 0 0 0;
    font-size: 12px;
    color: #fff;
  }
  
  .address a {
    color: #fff;
    font-family: 'Nunito', sans-serif;
  }
  
  .address span {
    margin-right: 9px;
    color: #fff;
  }
  
  .address .fa {
    margin-right: 6px;
    margin-left: 6px;
    color: #ceaa02;
  }
  
  .mobiletext02 {
    display: none;
  }
.nav-item{font-size: 14px;}
.navbar{width: 100%; height:auto; float: left; padding:0!important; background: #edeceb;}
.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu ul li{margin-left:-15px!important; margin-bottom: 9px;}
.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu ul li a{padding:7px 0!important; margin:5px 0!important}
.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu .subheadnw{font-size: 14px; color: #324c77;}
.dropdown-menunw{-webkit-box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55);
  -moz-box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55);
  box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55); background: #f0f1f2!important;}
.slidetop1{margin-top:100px!important}
.rev_slider{margin-top:0px!important;}


.aboutdown-bac{background:#f48c00}
.aboutdown-bac1{background:#70bc4f}

#aboutdown{width: 100%; height: auto; float: left; padding:20px 0;}
#aboutdown p{width: 70%; height: auto; float: left; color: #fff; margin: 0;}
#aboutdown .reada{  
  background: url('images/link-style-3.png') no-repeat;
  width: 242px;
  height: 86px;
  float: right;
  margin-top: 20px;
}
#aboutdown .reada a{width: 100%; height: auto; float: left; text-align: center; font-size: larger; padding-top: 30px; color: #023661 !important; font-family:Fredoka One;}
.h3head{text-align: center; margin: 3% 0!important;}
#myCarousel .carousel-item .mask {
  position: absolute;
  top: 0;
  left:0;
  height:100%;
  width: 80%;
  margin:0 10%;
  background-attachment: fixed;
}
#myCarousel h6{
	color:#fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.68);
}
#myCarousel h4{
	font-size:50px;
	margin-bottom:15px;
	color:#fff;
	line-height:100%;
	letter-spacing:0.5px;
	font-weight:600; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.68); 
}
#myCarousel p{
	font-size:18px;
	margin-bottom:15px;
	color:#fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.68);
}
#myCarousel .carousel-item a{background:#ffaa3d; font-size:14px; color:#2d2d2c; padding:8px 28px; font-weight: bold; display:inline-block; border-radius: 4px;}
#myCarousel .carousel-item a:hover{background:#fff; text-decoration:none;}

#myCarousel .carousel-item h6{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
#myCarousel .carousel-item h4{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
#myCarousel .carousel-item p{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
#myCarousel .carousel-item a{-webkit-animation-name:slideInRight; animation-name:slideInRight;}
#myCarousel .carousel-item .mask img{-webkit-animation-name:slideInDown; animation-name:slideInDown; display:block; height:auto; max-width:100%;}
#myCarousel h6, h4, #myCarousel p, #myCarousel a, #myCarousel .carousel-item .mask img{-webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#myCarousel .container {max-width: 1430px;  }
#myCarousel .carousel-item{height:100%; min-height:480px; }
#myCarousel{position:relative; z-index:1;}

.tabh2{width: 100%; height:auto; padding-top: 75px;}

.section.pb_20, .pb_20 {
	padding-bottom: 20px;
}

.sectiontab{width:100%; height: 700px; float: left; background: url('images/bg3.jpg') right bottom; background-size:100% auto; margin-top: 0px;}
.sectiontab1{width:100%; height: 550px; float: left; background: url('images/bg1.jpg') bottom; background-size: 100% auto; padding-top:0!important; margin-top: 30px;}
.sectiontab1 .connw{width:80%; height: auto; float: right; margin-top: 10px; margin-right: 3%; margin-top:0!important}
.sectiontab2{width:100%; height: 550px; float: left; background: url('images/bg2.jpg') bottom; background-size: 100% auto; padding-top:0!important;}
.sectiontab2 .connw{width:80%; height: auto; float: left; margin-top: 10px; margin-right: 3%; margin-top:0!important}
.headvis{visibility:hidden; margin:0; font-size:0; height:0; padding:0;}

/*===================================*
  10.START BLOG STYLE
*===================================*/
.sectionblog{width:100%; height: auto; float: left; padding-top: 50px!important;}
.blogtext{color: #434342;}
.blog_post {
	margin-bottom: 30px;
	transition: all 0.5s ease-in-out;
}
.blog_content {
	padding-top: 15px;
}
.blog_post .blog_img a {
	display: block;
	overflow: hidden;
}
.blog_img {
	position: relative;
	overflow: hidden;
}
.blog_img img {
	width: 100%;
	transition: all 0.5s ease-in-out;
}
.blog_meta {
	display: inline-block;
	margin-bottom: 5px;
	width: 100%;
}
.blog_meta li {
	float: left;
	margin-right: 15px; margin-left: -39px!important;
}
.blog_meta li:last-child {
	margin-right: 0;
}
.blog_meta li a {
	text-transform: capitalize;
}
.blog_meta li a i {
	margin-right: 5px;
	vertical-align: middle;
	color: #FF324D;
}
.blog_title {
	line-height: 30px;
	margin-bottom: 15px;
	font-weight: 600;
}
h6.blog_title {
	line-height: 24px;
}
.blog_text p {
	margin-bottom: 15px;
}
.blog_text p:last-child {
	margin: 0;
}
.blog_style2{border: 1px solid #e5e5e3;}
.blog_style2 .blog_content {
	padding: 15px;
}
.blog_img .owl-dots {
	position: absolute;
	top: 0;
	right: 15px;
}

.carousel-control-next, .carousel-control-prev{height:40px; width:40px; padding:12px; top:50%; bottom:auto; transform:translateY(-50%); background-color: none; }
.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.carousel-fade .carousel-item {
	opacity: 0;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
	opacity: 1
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active {
	opacity: 0
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
@supports (transform-style:preserve-3d) {
	.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
	}
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}


@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

.sale-banner{margin: 20px 0;}
.sale-banner img {
	width: 100%;
}
.hover_effect1 {
	overflow: hidden;
	position: relative;
	display: block;
}
.hover_effect1::before, .hover_effect1::after {
	background-color: rgba(255, 255, 255, 0.6);
	content: "";
	height: 100%;
	left: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	transition: all 0.9s ease 0s;
	width: 100%;
	z-index: 1;
}
.hover_effect1::before {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    -moz-transform: translate(105%, 0%);
	-webkit-transform: translate(105%, 0%);
	transform: translate(105%, 0%);
}
.hover_effect1::after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    -moz-transform: translate(-105%, 0%);
	-webkit-transform: translate(-105%, 0%);
	transform: translate(-105%, 0%);
}
.hover_effect1:hover:before, .hover_effect1:hover:after {
	opacity: 0;
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

h3.h3{text-align:center;margin:1em;text-transform:capitalize;font-size:1.7em;}

.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
background: #707070;
}
.carousel-item1{width:100%!important;margin:0!important;}

.footernw{width:100%; height: auto; float: left; background: url('images/bg6.jpg') bottom no-repeat!important; background-size:100% auto!important; -webkit-box-shadow: 0px -2px 12px 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px -2px 12px 5px rgba(0,0,0,0.1);
  box-shadow: 0px -2px 12px 5px rgba(0,0,0,0.1);}
.widget_titlenw{margin-bottom:10px!important;}
.social_iconsnw{padding-left:20%!important; margin-top:0!important;}

  .testimonialbac{background:#f0f1f1}
  #testimonial{}
  #testimonial h2 {
    color: #525252;
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin: 30px 0 70px;
  }
  #testimonial h2::after {
    content: "";
    width: 100px;
    position: absolute;
    margin: 0 auto;
    height: 4px;
    border-radius: 1px;
    background: #2eaeeb;
    left: 0;
    right: 0;
    bottom: -20px;
  }
  #testimonial h2 b{color:#0190fe}
  #testimonial .carousel {
    margin: 50px auto;
    padding: 0;
  }
  #testimonial .carousel .item {
    color: #999;
    overflow: hidden;
    min-height: 120px;
    font-size: 13px;
  }
  #testimonial .carousel .media a {
    background: none!important;
  }
  #testimonial .carousel .media img {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 50%;
  }
  #testimonial .carousel .testimonial {
    padding: 0 50px 0 0px ;
    position: relative;
    color:#595858!important;
    line-height:150%;
    font-weight:normal;
    font-size:medium
  }
  #testimonial .carousel .testimonial p{
    padding: 0 0px 0 0px ;
    position: relative;
    color:#595858!important;
    line-height:150%;
    font-weight:normal;
    font-size:medium;
    text-shadow: none
  }
  #testimonial .carousel .testimonial::before {
    color: #e2e2e2;
    font-weight: bold;
    font-size: 68px;
    line-height: 54px;
    position: absolute;
    left: 15px;
    top: 0;
  }
  #testimonial .carousel .overview b {
    text-transform: uppercase;
    color: #2eaeeb;
  }
  #testimonial .carousel .carousel-indicators {
    bottom: -40px;
  }
  #testimonial .carousel-indicators li, .carousel-indicators li.active {
    width: 10px;
      height: 10px;
    border-radius: 50%;
    margin: 1px 3px;
  }
  #testimonial .carousel-indicators li {	
      background: #e2e2e2;
      border: 4px solid #fff;
  }
  #testimonial .carousel-indicators li.active {
    color: #fff;
      background: #1c47e3;    
      border: 5px double;    
  }
  
  
#static{width:100%; height:auto; float:left; margin:3% 0}
#static .static1{width:75%; height:auto; float:left; margin:3% 5% 3% 0;}
#static .static2{width:70%; height:auto; float:left; margin:3% 2% 3% 0;}
#static .static2 p .img{width:14px; height:14px; float:left; margin:7px 15px 0 0}
#static .imgnw{width:20%!important; height:auto; float:right; margin:40px 0 0 0!important;}
#static .imgnw1{width:28%!important; height:auto; float:right; margin:40px 0 0 0!important;}
#static a{text-decoration: none}
#static img{width:auto; height:auto; float:left; margin:0 2% 1% 0}
#static h3{color : #1098ad;}
#static p{font-size:large; color:#333333; text-align:justify; line-height:160%; margin:0 0 1.5% 0}
#static .red{color:#c30303;}
#static span{color:#333333; text-align:justify; line-height:160%; margin:0 0 1.5% 0}
#static ol li{font-size:large ; color:#333333; list-style:none; margin:0.5% 0 0.5% -2%; width:102%; height:auto; float:left;}
#static ol li::before {content: "\2714 " "\00a0 " "\00a0 ";}
#static ul li{font-size:large ; color:#333333; list-style:none; margin:0.5% 0 0.5% -2%; width:102%; height:auto; float:left;}
#static ul li::before {content: "\2714 " "\00a0 " "\00a0 ";}
#static table td{padding:1%; font-size:small; color:#666666;}
#static .con{width:46%; height:735px; float:left; margin:1%; padding: 1%; border-radius: 5px; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);}
#static .con img{width:80%; height:auto; float:left; margin:1% 10%}
#static .con .img{width:2.9%; height:auto; float:left; margin:5px 15px 0 0}
#static .con p{font-size:medium; color:#333333; line-height:150%;}
#static .con h4{color:#5a8900; font-weight: bold; border-bottom: 1px solid #dc6628; padding-bottom: 5px;}
#static .con1{width:46%; height:660px; float:left;}
#static .con2{width:46%; height:540px; float:left;}
#static .con3{width:96%; height:auto; float:left; margin:1%; padding: 1%; border-radius: 5px; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);}
#static .con3 p{width:100%; height:auto; float:left;}
#static .con3 strong{}
#static .con3 .red{color:red}
#static .con4{width:31%!important; height:310px; float:left;}
#static .con4 img{width:40%; height:auto; float:left; margin:1% 30%}
#static .con5{width:46%; height:800px; float:left;}

.membership{width:100%; height:auto; float:left; padding:1%; margin:3% 0; background:#E8EDFE; border-radius: 5px;}

.tab1 {background-color:#324994; color:#fff; padding:3px; text-align:center; font:bold 13px; border:solid 1px #fff;}
.tab2 {background-color:#cfdafe; color:#000; padding:3px; text-align:center; font:12px; border:solid 1px #fff;}
.tab3 {background-color:none; color:#000; padding:3px; text-align:center; font:12px; border:solid 1px #fff;}

.redtxt {color:#f00;}

.greenxt {color:#537907; font:20px Comic Sans MS, Arial, Helvetica, sans-serif; padding-bottom:5px;}

.smileybg{width:100%; height:auto; float:left; margin:10px 0 0 0; padding:15px; -moz-box-radius:10px; khtml-border-radius:10px; webkit-border-radius:10px; border-radius:10px; border:solid 1px #fff;}
.smileybg p{font:14px!important; color:#900; background:url(images/star.png) no-repeat center left; padding-left:20px; line-height:22px;}
.smileybg span {}


.pro-right{width: 76%; height: auto; float: left; margin: 0; padding-top: 40px!important;}
.pro-right .sort{width: 100%; height: auto; float: left; margin:0;}
.pro-right .sort .box{width:32%; height:auto; float:left; margin:1% 0.5% 0.5% 0.5%; padding:0.5% 1%; border:1px #d3d2d2 solid; border-radius:5px; font-weight:normal; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
.pro-left{width: 20%; height: auto; float: left; margin: 0 2%; padding: 35px 0 0 0;}
.pro-left .con{width:99%; height: auto; float: left; margin:0 0 20px 0; padding:4%; border: 1px solid #dbdbdb; border-radius:5px ;}
.pro-left .con h4{width: 100%; height: auto; float: left; color: #535352; margin-bottom: 10px; padding-bottom: 5px; text-transform: uppercase; font-size: larger; border-bottom: 1px solid #e9e9e9; font-family: 'Roboto', sans-serif; font-weight: bold;}
.pro-left .con #slider-range{margin-top: 10px;}
.pro-left .con a{width:100%; height: auto; float: left; margin:0; padding:7px 0; border-bottom: 1px solid #f0dfdf; color:#7b7b7b; font-size: 14px; transition:0.5s}
.pro-left .con a:last-child{border-bottom:none}
.pro-left .con a:hover{color:#b36202}
.pro-left .con .a{color:#f6931f; font-size: 14px;}
.pro-left .con label{color:#b50303; font-size: 14px!important; font-weight:bold;}
.pro-left .con .cont {
    width: 100%; 
    float: left;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
.pro-left .con .cont a{padding:0; border-bottom:none; color:#b50101;}  
  /* Hide the browser's default checkbox */
  .pro-left .con .cont input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .pro-left .con .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
  
  }
  
  /* On mouse-over, add a grey background color */
  .pro-left .con .cont:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .pro-left .con .cont input:checked ~ .checkmark {
    background-color: #2196F3;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .pro-left .con .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .pro-left .con .cont input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .pro-left .con .cont .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

.page-header-bac{background: #fba300; margin-top: 5px}
#page-header{width: 100%; height: auto; float: left; padding: 2% 0}
#page-header .right{width: 100%; float: left;}
#page-header .right a{width: auto; height: auto; float: left; margin: 1px; font-size:14px; font-weight:bold;}

#logi{width: 100%; height: auto; float: left; margin:5% 0%; background: #e8edfe; padding: 1%}
#logi h3{width: 100%; height: auto; float: left; margin:1% 0 0 0; color: #00b0f9; text-align: center;}
#logi .con1{width: 100%; height: auto; float: left; border-bottom: 1px solid #d4d4d4; padding: 2% 0}
#logi .con1:last-child{border-bottom:none}
#logi .con{width: 31%; height: auto; float: left; margin:1%;}
#logi .con span{width: 100%; height: auto; float: left;}
#logi .form-control1{width:99.5%!important; height: auto; float: left; border: #d4d4d4 1px solid; border-radius: 5px; padding:1.7% 2%; margin: 1% 0 0 0;}
#logi a{color: #01A1EF}

#logi1{width: 40%; height: auto; float: left; margin:5% 30%; background: #e8edfe; padding: 1%}
#logi1 .formnw{padding:0 0 2% 0!important;}
#logi1 .input-group{padding-left:2%!important; padding-right:2%!important;}

#shopcart{width:100%; height:auto; float:left; margin:5% 0}
#shopcart .headi{width: 100%; height: 70px; float:left; padding: 0; border-bottom: #E1DFDF solid 1px;}
#shopcart .headii{width: 100%; height: auto; float:left; padding: 0 0 0.7% 0; border-bottom: #E1DFDF solid 1px;}
#shopcart .headi h1{width:48%; height: auto; float: left; margin: 2% 0 0 0; font-size:xx-large; color:#272727;}
#shopcart .headi h2{width:10%; height: auto; float: left; margin:4% 0 0 0; padding: 0; font-size:16px;}
#shopcart .headi h3{width:14%; height: auto; float: left; margin:4% 0 0 0; padding: 0; font-size:16px;}
#shopcart .headi .h2{width:20%;}
#shopcart .headi .h3{width:20%;}
#shopcart .pin{width:27%; height:auto; float:left; margin:0;}
#shopcart .pin1{width:12%; height:auto; float:left; margin:0;}
#shopcart .pin .check{width:80%; height:auto; float:left; padding:2% 2% 2% 2%; color:#2E2D2D; border:1px solid #0FA3F5; transition:0.2s}
#shopcart .pin .check:hover{border:1px #000 solid}
#shopcart .pin .check:focus{border:1px #000 solid}
#shopcart .pin .check::placeholder{color:#575757; font-size: 12px;  opacity: 1}
#shopcart .pin .submit{width:20%; height:auto; float:left; padding:2.4% 2.12%; border:none; background: #292727 ; color:white; cursor:pointer}
#shopcart .pin .submit:hover{background:black}
#shopcart .pin1 h3{width: 100%; height: auto; float: left; margin-top: 35%;}
#shopcart .con{width: 100%; height: auto; float:left; padding: 2% 0; border-bottom: #E1DFDF solid 1px}
#shopcart .con:last-child{border-bottom: none}
#shopcart .con .img{width: 10%; height: auto; float: left; margin-right: 2%}
#shopcart .con h5{width: 36%; height: auto; float: left; color:#0063D9; padding-right:2%;}
#shopcart .con h4{width: 10%; height: auto; float: left; font-weight: bold; margin-top:0.5%; font-size:18px;}
#shopcart .con .h4{width: 20%; height: auto; float: left; font-weight: bold; font-family: 'Ubuntu', sans-serif;}
#shopcart .con .container{width: 15%; height: auto; float: left;}
#shopcart .con .container1{width: 20%; height: auto; float: left;}
#shopcart .con h6{width: 27%; height: auto; float: left; font-weight:bold; font-size:17px; margin-top:0.5%;}
#shopcart .con .but{width: auto; float: right; padding: 3% 4%; border: #D1CECE solid 1px; background: #EBE8E8; border-radius: 5px; color: black; font-weight:normal; font-size: 12px; margin: 0 0 0 4%; transition: 0.1s}
#shopcart .con .but:hover{border: #8DB9DD solid 1px; background: #EBE8E8;}
#shopcart .buttoo{width: auto; float: right; background: white; border: #C7C6C6 1px solid; color:#232323; font-weight:bold; font-size: medium; padding: 1% 2%; margin:2% 0 0 2%; border-radius: 5px; transition: 0.3s}
#shopcart .buttoo:hover{border: #000000 1px solid}
#shopcart .butto{width: auto; float: right; background: #0576ED; border: #0576ED 1px solid; color: white; font-weight:bold; font-size: medium; padding: 1% 2%; margin:2% 0 0 2%; border-radius: 5px}
#shopcart .butto:hover{background: #faa934; border: #faa934 1px solid}
#shopcart .hold{width: 100%; height: 35px; float: left;}
#shopcart .hold .mess{
    background: #333;
    border-radius: 5px;
    color: #fff;
    padding: 5px 15px;
    width: 100%; float: left; margin-bottom: 2%
}
#shopcart .hold1{width: 33%; height: auto; float: right; margin: 1% 0 0 67%}
#shopcart .hold1 .mess{
    background: #333;
    border-radius: 5px;
    color: #fff;
    padding: 5px 15px;
    width: 100%; float: right; margin-bottom: 2%
}
#shopcart .container b{width: 100%; height: auto; float: left; margin-top: 5%; font-size: 16px; padding-left: 15%}
#shopcart .con .h6{width: 12%; height: auto; float: left; margin:1% 0 0 0; font-size: 18px; font-weight: bold;}
#shopcart .con .h66{width: 30%; height: auto; float: right; text-align: right; margin:1% 0 0 0; font-size: 18px;}
#shopcart .con .h66 strong{font-weight: normal; font-size: 15px}
#shopcart .con .h66 .strong{width: 30%; height: auto; float: right; color: red; font-size: 18px; font-weight: bold}
#shopcart #logi .span{width: 100%; height: auto; float: left; margin: 0 0 3% 0; font-size: 12px; color:#00365E; text-align: left}
#shopcart #logi .spann{width: 100%; height: auto; float: left; margin:0; font-size: 11px; color:#5E5C5C; text-align: center}
#shopcart #logi .mb-41{font-family: 'Ubuntu', sans-serif;}
#shopcart #logi .input-group{margin-bottom: 5%; width: 100%;}
#shopcart #logi .input-group .form-control{border-radius:5px;}
#shopcart #logi .input-group .form-control1{border-radius:5px 0 0 5px}
#shopcart #logi .updiv{width:98%; height: auto; float: left; margin:1%; background:#008ecb; color:#fff; padding:1%;}
#shopcart #logi .updiv h3{margin:0; text-align:center; border-bottom:1px solid #eee;}
#shopcart #logi .updiv p{margin:1% 0;}
#shopcart .notvisi{width:0; height: 0; float:left; padding: 0; margin:0; border-bottom: none; visibility:hidden}
#shopcart .notvisi1{width:0; height:0; float:left; padding: 0; margin:0; border: none; visibility:hidden}

#product-details{width:100%; height:auto; float:left; margin:3% 0 2% 0;} 
#product-details article{width:35%; height:auto; float:left; }
#product-details .right1{width:58%; height:auto; float:left; margin-left:2.7%; padding:2%; border:1px #E8E6E6 solid; background:white}
#product-details .right1 h3{margin:0 0 1.5% 0; padding-bottom: 2%; font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 30px; border-bottom: 1px solid #e7e7e7;}
#product-details .right1 b{float:left; font-weight:normal; color: #999999; text-decoration:line-through; margin:0 2% 0 0; font-size:16px}
#product-details .right1 h4{color:#DA251C; font-size:16px; margin:0; font-weight:normal; margin-top: 2%}
#product-details .right1 .catname{margin-top: 5%}
#product-details .right1 .marg{padding:0 1%}
#product-details .right1 .p1{width:100%; height:auto; float:left; margin: 2% 0 1% 0}
#product-details .right1 .p1 span{background:#e1e1e1; color:#397bff; font-size:16px; margin:3% 0 0 0; font-weight:bold; padding:0.8% 2% 1% 2%; margin: 0 0 3% 0}
#product-details .right1 p{margin: 1% 0}
#product-details  h4{color:#DA251C; font-size:14px; margin:0; font-weight:normal;}
#product-details .key{width:100%; height:auto; float:left; margin-top: 1.8%; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
#product-details .key p{margin-bottom:20px}
#product-details .key ul{margin:3%; padding:0; color: #333333; font-size:14px}
#product-details .key ul li{ list-style: none; margin: 5px 0 5px -10px;}
#product-details .key ul li .fa{font-size: 10px!important; color: #9b9b9b;}

#product-details .cart{width:auto; height:auto; float:left; background:#FFDB97; padding:1.6% 2.5%; cursor: pointer; font-size:14px; color:black; border:1px #FBA500 solid; border-radius:4px; transition:0.5s}
#product-details .cart:hover{background:#FEBF00;}
#product-details .cart strong{font-size:large}
#product-details .pin{width:100%; height:auto; float:left; margin:2% 0}
#product-details .pin .check{width:45%; height:auto; float:left; padding:2% 2% 2% 0; border:none; border-bottom:2px #999999 solid}
#product-details .pin .check:hover{border-bottom:2px #000 solid}
#product-details .pin .check:focus{border-bottom:2px #000 solid}
#product-details .pin .submit{width:auto; height:auto; float:left; padding:2.12%; border:none; background:#156192; color:white; cursor:pointer; transition:0.5s}
#product-details .pin .submit:hover{background:black}
#product-details .low{width:96%; height:auto; float:left; margin:4% 1% 1% 1%; padding: 1%; border: #e8e8e9 1px solid; border-radius: 4px;;}
#product-details .low h2{color:#156192; border-bottom:1px #DBDBDB solid; padding-bottom:0.7%}
#product-details .low h4{color:#666666; width:25%; float:left}
#product-details .low p{color:#000000; margin: 0.8% 0}
#product-details .low img{width:100%; height:auto; float: left;margin: 1% 0;}
#product-details .compare{width:100%; height:auto; float: left;margin: 3% 0;}
#product-details .compare a{width:auto; height:auto; float: left; margin-right: 2%; border: 1px solid #cecdcd; background:#e7e7e7; padding:2%; color:#000; border-radius: 5px; transition:0.3s}
#product-details .compare a:hover{border: 1px solid #cecdcd; background:#dcdace;}
#product-details .compare a img{width:13px; height:auto; float: left; margin-top: 5%;}
#product-details .mess{width:100%; height:auto; float: left; color: #fff; background-color: #5cb85c; border-color: #4cae4c; text-align: left; padding:8px; border-radius: 6px; margin-top:10px; line-height:200%;}
#product-details .mess1{width:100%; height:auto; float: left; color: #fff; background-color: #fa7412; border-color: #4cae4c; text-align: left; padding:8px; border-radius: 6px; margin-top:10px; line-height:200%;}

#contact{width:100%; height:auto; float:left; margin:3% 0;}
#contact h2{margin:20px 0; color:#0293d0;}
#contact h5{margin:0 0 30px 0; color:red; text-align: center;}
#contact h6{ color: #424241;}
#contact .left{width:48%; height:auto; float:left; margin:0 2% 0 0;}
#contact .left p{background:url(images/location.png) no-repeat; padding-left:8%; margin:2% 0}
#contact .left .p{background:url(images/time.png) no-repeat; padding-left:8%;}
#contact .left .pp{background:url(images/mob.png) no-repeat; padding-left:8%;}
#contact .left .p1{background:none; padding-left:0; height:0; visibility:hidden;}
#contact .left .pp1{background:none; padding-left:0; height:0; margin:0; visibility:hidden;}
#contact .left .ppp{background:url(images/fax.png) no-repeat; padding-left:8%;}
#contact .left .pppp{background:url(images/mail1.png) no-repeat; padding-left:8%;}
#contact .mapcon{width:48%; height:auto; float:left;}
#contact form{width:38%; height:auto; float:left; padding:0 0 0 2%; border-left:1px dashed #d7d5d5;}
#contact form .box{width:96%; height:auto; float:left; margin:1.5% 1%; padding:2.5% 1%; border:1px #E5E4E4 solid; border-radius:5px; font-weight:normal; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}
#contact form .box:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#contact form .box:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#contact form .box1{width:96%; height:80px; float:left; margin:1.5% 1%; padding:1.5% 1%; border:1px #E5E4E4 solid; font-size:14px; border-radius:5px; font-weight:normal; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); font-size:small; transition:0.5s}
#contact form .box1:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#contact form .box1:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#contact form .submit{padding:1.3% 3%; margin:2% 3% 2% 0; font-size: medium; background:#028fdf; color:white; float:right; text-decoration:none; font-weight:normal; border:none; cursor:pointer; border-radius:5px; transition:0.5s}
#contact form .submit:hover{background:#019EB1}

.container2 {
  float:left;
  padding:2%;
  width: 96%;
}
.container2 h3 {
  width:97%; 
  height:auto; 
  float: left;
  color:#C93737;
  text-align: left; 
  font-weight: 500;
  padding:0 0 1% 0;
  border-bottom: #CCCCCC 1px solid;
  font-size:large;
}
.container2 .panel-content{
	width:100%; 
	height:auto; 
	float:left; 
	margin:0;
	}
.container2 a {
  border-bottom: 1px solid #ec407a;
  color: #607d8b;
  text-decoration: none;
}
.container2 a:hover,
.container2 a:focus {
  color: #ec407a;
  border-bottom: none;
}
.container2 .intro {
  font-size: 1.25em;
}
.container2 .js .panel-title {
  margin: 0;
}
.container2 .panel-title a {
  border-bottom: none;
  color:#C93737;
  display: block;
  padding:5px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 200ms ease 0s;
  -moz-transition: color 200ms ease 0s;
  transition: color 200ms ease 0s;
  width: 100%;
}
.container2 .panel-title a .icon {
  color: #9e9e9e;
  position: absolute;
  right: 0;
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
}
.container2 .panel-title a:hover,
.container2 .panel-title a:focus {
  color: #0066FF;
}
.container2 .panel-title a:hover .icon,
.container2 .panel-title a:focus .icon {
  color: #ec407a;
}
.container2 .panel-title a.active {
  color: #37474f;
}
.container2 .panel-title a.active .icon {
  color: #ec407a;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container2 .js .accordion {
  margin: 2em 0;
}
.container2 .accordion .panel-title a {
}
.container2 [id^="panel-"] {
  padding-bottom: 2em;
}
.container2 p{ width:95%; float:left; margin:1% 1% 1% 0.5%; color:#333333; text-align:justify; background:#fbfbfb; padding:1% 1% 1% 3%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); line-height:140%; background:url(images/ans.png) left top no-repeat;}

#event{width:100%; height:auto; float:left; margin:3% 0;}
#event .con{width:48%; height:auto; float:left; margin:1%; padding: 1%; border-radius: 5px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}
#event .con img{width:350px; height:auto; float:left; margin:0 2% 0 0;}
#event .con .right{width:53%; height:auto; float:left; margin:0;}
#event .con .right h4{width:100%; height:auto; float:left; color: #0194d2;}
#event .con .right h6{width:100%; height:auto; float:left;}
#event .con .right span{width:100%; height:auto; float:left;}
#event .con .right a{width:auto; height:auto; float:right; padding: 1% 2%; color: #fff; background: #cb2c17; border-radius: 4px;}

#album{width:100%; height:auto; float:left; margin:2% 0; overflow:hidden; background:#eeeeee}
#album .con1{width:22%; height:auto; float:left; margin:1.5%; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); transition:0.50s}
#album .con1:hover{box-shadow: 0px 0px 15px 0px rgba(253,179,2,0.55);}
#album .con1 img{width:100%; height:auto; float:left;}

.col-md-4{padding:1%;}

#plan{width:100%; height:auto; float:left; margin:3% 0; text-align: center;}
#plan h1{width:100%; height:auto; float:left; color:#ff0012; font-size:40px; margin-bottom:0}
#plan .h1{width:100%; height:auto; float:left; color:#ff0012; font-size:30px; margin:10px 0}
#plan .con{width:48%; height:auto; float:left; margin:1%; padding-bottom:2%; -webkit-box-shadow: 0px 3px 30px -10px rgba(0,0,0,0.55); -moz-box-shadow: 0px 3px 30px -10px rgba(0,0,0,0.55); box-shadow: 0px 3px 30px -10px rgba(0,0,0,0.55); border-radius:10px; transition:0.3s}
#plan .con:hover{-webkit-box-shadow: 0px 3px 40px -10px rgba(0,0,0,0.95); -moz-box-shadow: 0px 3px 40px -10px rgba(0,0,0,0.95); box-shadow: 0px 3px 40px -10px rgba(0,0,0,0.95);}
#plan .con h2{width:100%; height:auto; float:left; font-size:30px; color:#fff; text-align:center; background: #5a8900; border-radius: 10px 10px 0 0; margin:0; padding:15px 0 10px 0}
#plan .con .h2{background: #006da2;}
#plan .con .h22{background: #dc6d01;}
#plan .con .h222{background: #02c0e2;}
#plan .con img{width:100%; height:auto; float:left;}
#plan .con h3{width:24.5%; height:85px; float:left; font-size:16px; color:#000; text-align:center; background: #d8e2e4; margin:0 0.25%; padding:7px 5px}
#plan .con p{width:25%; height:40px; float:left; font-size:14px; color:#000; text-align:center; background: #fff; margin:0; padding:7px 5px; border-bottom:1px solid #bbbbbb;}
#plan .con h4{width:98%; height:auto; float:left; font-size:17px; color:#0360af; text-align:center; margin:1%;}
#plan .con h4 span{color:#c93826;}
#plan p{width:95%; height:auto; float:left; margin:0.5% 2.5%; text-align:left;}
#plan .lowdiv{width:100%; height:auto; float:left; margin:1% 0; background:#edebeb; border-radius:6px; padding:1%;}
#plan .lowdiv p{width:100%; height:auto; float:left; margin:0.5% 0; font-weight:bold;}
#plan .lowdiv p img{width:13px; height:13px; float:left; margin:0.4% 1% 0 0;}

#slider-4-slide-14-layer-6-nw{word-spacing: 2px!important;}



@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main2{width:90%; height:auto; float:left}
#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin: 0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto;}
#main-inner4{width:100%; height:auto; margin:0 auto; overflow:auto}

    .headtoppart {
      display: block;
      width: 100%;
      background-color: #222b37;
      height: auto;
      margin: 0 auto;
      padding: 0;
      min-width: 320px;
    }

  .headertopright {
    width: 90%;
    float: left;
    margin:0 0 0 10%;
    text-align: left;
  }
.headertopright  .fa-facebook,.fa-instagram{font-size:20px!important;}
.mainlogo{width: 75%; height: auto; float: left; background: #fff;}
.mainlogo img{width: 100%!important; height: auto; float: left;}

.sectionnw{width: 100%; height: auto; float: left; margin-right:0;} 
.slidetop1{margin-top:150px!important}
.dropdown-menunw{-webkit-box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55);
  -moz-box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55);
  box-shadow: 0px 7px 13px -7px rgba(0,0,0,0.55); background: #f0f1f2!important; margin-top:20px!important;}

.pro-right{width: 98%; height: auto; float: left; margin: 0 1%; padding-top: 40px!important;}
.pro-right .sort .box{width:98%; height:auto; float:left; margin:2% 0.5%; padding:1%; border:1px #d3d2d2 solid; border-radius:5px; font-weight:normal; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); transition:0.5s}

.pro-left{width: 98%; height: auto; float: left; margin: 0 1%; padding: 35px 0 0 0;}
.sort select{width:98%; height:auto; float: right; margin:10px 0; border: 1px solid #d6d5d5; padding: 5px;}
#product-details img{width:98%; height:auto; float:left; margin:1%;}
#product-details .right1{width:97.8%; height:auto; float:left; margin:1%; padding:2%; border:1px #E8E6E6 solid; background:white}
#product-details .right1 .p1 span{background:#e1e1e1; color:#397bff; font-size:16px; font-weight:bold; padding:0.8% 2% 1% 2%; margin: 1%; float:left;}
#product-details .right1 .marg{padding:0 1%; margin:0 20px}
#product-details .right1 .clicknw{text-align:center;}
#product-details .compare a{width:80%; height:auto; float: left; margin: 1% 15% 1% 10%; border: 1px solid #cecdcd; background:#e7e7e7; padding:3% 0; color:#000; border-radius: 5px; transition:0.3s}

#shopcart .headi{width:0; height: 0; float:left; padding: 0; margin:0; border-bottom: none; visibility:hidden}
#shopcart .notvisi{width:100%; height:auto; float:left; padding: 0 0 1% 0; margin:0; border-bottom: #E1DFDF solid 1px; visibility:visible}
#shopcart .notvisi1{width:30%; height:auto; float:left; padding: 0; margin:3% 2% 3% 0; border: none; visibility:visible; color:red; font-size:16px; font-weight: bold;}
#shopcart .con{width: 96%; height: auto; float:left; padding: 2% 0; border-bottom: red solid 1px; margin:0 2%;}
#shopcart .con .img{width: 50%; height: auto; float: left; margin:2% 50% 2% 0}
#shopcart .con h5{width:100%; height: auto; float: left; color:#0063D9; padding-right:0; font-size:18px; font-weight: bold;}
#shopcart .con h4{width: 68%; height: auto; float: left; font-weight: bold; margin-top:0; text-align:left; margin:3% 0;}
#shopcart .con h6{width: 68%; height: auto; float: left; font-weight:bold; font-size:17px; margin-top:0;}
#shopcart .con .mobh3{margin:0;}
#shopcart .con .containerqnt{width: 68%; height: auto; float: left; font-weight: bold; text-align:left; margin:0;}
#shopcart .con .but{width: 50%; float: right; padding: 4% 4%; border: #D1CECE solid 1px; background: #EBE8E8; border-radius: 5px; color: black; font-weight:normal; font-size: 12px; margin: 0 0 0 50%; text-align:center; font-size:16px; transition: 0.1s}
#shopcart .nonecon{border-bottom: #E1DFDF solid 1px}
#shopcart .con .h66{width: 100%; height: auto; float: right; text-align: right; margin:1% 0 0 0; font-size: 18px;}
#shopcart .buttoo{width: auto; float: right; background: white; border: #C7C6C6 1px solid; color:#232323; font-weight:bold; font-size: medium; padding: 1% 2%; margin:2% 1% 0 2%; border-radius: 5px; transition: 0.3s}

#event .con{width:98%; height:auto; float:left; margin:1%; padding: 1%; border-radius: 5px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}
#event .con img{width:98%; height:auto; float:left; margin:1%;}
#event .con .right{width:98%; height:auto; float:left; margin:3% 1%}

#album .con1{width:97%; height:auto; float:left; margin:1.5%; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15); transition:0.50s}
.headp{width:98%; height:auto; float:left; margin:1%; font-size: 14px; padding-top:8px; color:#fff; text-align: center;}
.rev_slider{margin-top:-45px!important;}
.aboutdown-bac{background:#fba301; margin-top:-45px;}
#aboutdown p{width: 90%; height: auto; float: left; color: #fff; margin:0 5%; font-size:large; text-align:justify;}
#aboutdown .reada{  
  background: url('images/link-style-3.png') no-repeat; background-size:100% auto;
  width: 150px;
  height: 53px;
  float: right;
  margin-top: 20px;
  margin-right: 20px;
  
}
#aboutdown .reada a{width: 100%; height: auto; float: left; text-align: center; font-size: larger; padding-top: 15px; color: #023661 !important; font-family:Fredoka One;}

.col-md-4{width: 100%; height: auto; float: left; margin:0}
.hover_effect1{width: 94%; height: auto; float: left; margin:0;}
.hover_effect1 img{width: 98%; height: auto; float: left; margin:0;}
.sectiontab{width:100%; height: auto; float: left; background: url('images/bg3.jpg'); background-size:250% auto; margin-top: -50px;}
.sectiontab1{width:100%; height: auto; float: left; background: url('images/bg1.jpg') bottom; background-size: 200% auto; padding-top:0!important;}
.sectiontab1 .connw{width:100%; height: auto; float: right; margin:0 ; margin-top:0!important}
.sectiontab2{width:100%; height: 580px; float: left; background: url('images/bg2.jpg') bottom; background-size: 200% auto; padding-top:0!important;}
.sectiontab2 .connw{width:100%; height: auto; float: left; margin:0 ; margin-top:0!important}
.headvis{visibility:visible; font-size:x-large; font-weight:bold; text-align:center; margin:3% 0 1% 0; height: auto;}
.footernw{width:100%; height: auto; float: left; background: url('images/bg6.jpg') center bottom no-repeat!important; background-size:auto 100%!important; -webkit-box-shadow: 0px -2px 12px 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px -2px 12px 5px rgba(0,0,0,0.1);
  box-shadow: 0px -2px 12px 5px rgba(0,0,0,0.1);}
#page-header{width: 95%; height: auto; float: left; padding: 5% 0; margin:0 2.5%;}
#static{width:95%; height:auto; float:left; margin:3% 2.5%}
#static div{font-size:medium; color:#333333; line-height:150%; text-align:justify;}
#static .con{width:98%; height:auto; float:left; margin:2% 1%; padding: 3%;}
#static .con1{width:98%; height:auto; float:left;}
#static .con2{width:98%; height:auto; float:left;}
#static .con4{width:98%!important; height:auto; float:left; margin:2% 1%;}
#static .con5{width:98%; height:auto; float:left;}
#static .static1{width:98%; height:auto; float:left; margin:1%;}
#static .imgnw{width:98%!important; height:auto; float:right; margin:1%!important;}
#static .static2{width:98%; height:auto; float:left; margin:1%;}
#static .imgnw1{width:98%!important; height:auto; float:right; margin:1%!important;}

.container2 {
  float:left;
  padding:2%;
  width: 100%;
}
.container2 h3 {
  width:97%; 
  height:auto; 
  float: left;
  color:#C93737;
  text-align: left; 
  font-weight: 500;
  background:url(images/question.png) left top no-repeat;
  padding:0 0 1% 10%;
  border-bottom: #CCCCCC 1px solid;
  font-size:large;
}
.container2 p{ width:96%; float:left; margin:1%; color:#333333; text-align:justify; background:#fbfbfb; padding:1% 1% 1% 10%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); line-height:140%; background:url(images/ans.png) left top no-repeat; font-size:large;}
#contact{width:95%; height:auto; float:left; margin:3% 2.5%;}
#contact .left{width:98%; height:auto; float:left; margin:1%;}
#contact .left p{background:url(images/location.png) top left no-repeat; background-size:25px 25px; padding-left:8%; margin:4% 0}
#contact .left .p{background:url(images/time.png) top left no-repeat; padding-left:8%;}
#contact .left .pp{background:url(images/mob.png) center left no-repeat; padding-left:8%;}
#contact .left .ppp{background:url(images/fax.png) center left no-repeat; padding-left:8%;}
#contact .left .pppp{background:url(images/mail1.png) center left no-repeat; padding-left:8%;}
#contact .mapcon{width:98%; height:auto; float:left; margin:1%;}

#logi1{width: 98%; height: auto; float: left; margin:5% 1%; background: #EBE8E8; padding: 1%}
#logi .con{width: 98%; height: auto; float: left; margin:1%;}

.dropdown-menu{position:absolute;top:60%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}
.dropdown-menu1{position:absolute;top:70%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}

  #testimonial .carousel .testimonial::before {
    color: #e2e2e2;
    font-weight: bold;
    font-size: 68px;
    line-height: 54px;
    position: absolute;
    left: 15px;
    top: 0;
  }
  
#plan .con{width:98%; height:auto; float:left; margin:3% 1%; padding-bottom:2%; -webkit-box-shadow: 0px 3px 30px -10px rgba(0,0,0,0.45); -moz-box-shadow: 0px 3px 30px -10px rgba(0,0,0,0.45); box-shadow: 0px 3px 30px -10px rgba(0,0,0,0.45); border-radius:10px; transition:0.3s}
#plan .con:hover{-webkit-box-shadow: 0px 3px 40px -10px rgba(0,0,0,0.95); -moz-box-shadow: 0px 3px 40px -10px rgba(0,0,0,0.95); box-shadow: 0px 3px 40px -10px rgba(0,0,0,0.95);}
#plan .con h2{width:100%; height:auto; float:left; font-size:30px; color:#fff; text-align:center; background: #5a8900; border-radius: 10px 10px 0 0; margin:0; padding:15px 0 10px 0}
#plan .con h3{width:24.5%; height:100px; float:left; font-size:14px; color:#000; text-align:center; background: #d8e2e4; margin:0 0.25%; padding:7px 5px}
#plan .con p{width:25%; height:60px; float:left; font-size:14px; color:#000; text-align:center; background: #fff; margin:0; padding:7px 5px; border-bottom:1px solid #bbbbbb;}
#plan .con .p{width:25%; height:85px; float:left; font-size:14px; color:#000; text-align:center; background: #fff; margin:0; padding:7px 5px; border-bottom:1px solid #bbbbbb;}
#plan .con h4{width:96%; height:auto; float:left; font-size:15px; color:#0360af; text-align:left; margin:1% 2%;}
#plan .lowdiv{width:98%; height:auto; float:left; margin:1%; background:#edebeb; border-radius:6px; padding:1%;}
#plan .lowdiv p img{width:10px; height:10px; float:left; margin:2.1% 2% 0 0;}

#slider-4-slide-14-layer-6-nw{word-spacing: 2px!important;}
  }