HOME

Mini Shell 1.0
DIR:/home/micropetgroup.com/www/wp-content/themes/micropetgroup/
Current File : /home/micropetgroup.com/www/wp-content/themes/micropetgroup/style.css
/*
Theme Name: Micropet 
Description: Custom Theme
Version: 1.1
*/


html{overflow-x:hidden;}
html, body {height: 100%;}

body{color:#3f3f3f; font-size:14px; font-family: 'open_sansregular';}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold.woff2') format('woff2'),
         url('fonts/OpenSans-Bold.woff') format('woff'),
         url('fonts/OpenSans-Bold.ttf') format('truetype'),
         url('fonts/OpenSans-Bold.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular_1.eot');
    src: url('fonts/OpenSans-Regular_1.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular_1.woff2') format('woff2'),
         url('fonts/OpenSans-Regular_1.woff') format('woff'),
         url('fonts/OpenSans-Regular_1.ttf') format('truetype'),
         url('fonts/OpenSans-Regular_1.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon_reg';
    src: url('fonts/Brandon_reg.eot');
    src: url('fonts/Brandon_reg.eot') format('embedded-opentype'),
         url('fonts/Brandon_reg.woff2') format('woff2'),
         url('fonts/Brandon_reg.woff') format('woff'),
         url('fonts/Brandon_reg.ttf') format('truetype'),
         url('fonts/Brandon_reg.svg#Brandon_reg') format('svg');
}

@font-face {
    font-family: 'Brandon_med';
    src: url('fonts/Brandon_med.eot');
    src: url('fonts/Brandon_med.eot') format('embedded-opentype'),
         url('fonts/Brandon_med.woff2') format('woff2'),
         url('fonts/Brandon_med.woff') format('woff'),
         url('fonts/Brandon_med.ttf') format('truetype'),
         url('fonts/Brandon_med.svg#Brandon_med') format('svg');
}

@font-face {
    font-family: 'Brandon_bld';
    src: url('fonts/Brandon_bld.eot');
    src: url('fonts/Brandon_bld.eot') format('embedded-opentype'),
         url('fonts/Brandon_bld.woff2') format('woff2'),
         url('fonts/Brandon_bld.woff') format('woff'),
         url('fonts/Brandon_bld.ttf') format('truetype'),
         url('fonts/Brandon_bld.svg#Brandon_bld') format('svg');
}


a{color:#CE171F;}
a:hover, a:focus{color:#1f5929; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:25px; margin:0 0 15px; text-align:justify;}

h1, h2, h3, h4, h5, h6{font-family: 'Brandon_bld'; margin:0 0 10px;}
h2{color:#1f5929;}
h3{color:#CE171F;}
h3 span{color:#1f5929;}
h4{color:#1f5929;}

.pad-0{padding:0 !important;}
.mrb-0{margin-bottom:0px !important;}
.mrb-10{margin-bottom:10px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-50{margin-bottom:50px !important;}

.header{background:#fff; margin:0; position:relative; top:0; left:0; width:100%; top:0; z-index:2;}    
  .logo{padding: 10px 15px;position:relative;}  
  .logo img{max-width: 140px;}
  .head-right{text-align:right;}
  .phn-detail{margin:0;}
  .phn-detail ul{margin:0; padding:0;}
  .phn-detail ul li{display:inline-block; list-style: none; margin:30px 0 0; padding:0 20px 10px 32px; position: relative; overflow: hidden; text-align:left;}
  .phn-detail ul li a{color:#000;}
  .phn-detail ul li i{color: #1f5929; font-size: 24px; position: absolute; left:2px; top: 2px;}
  .phn-detail ul li span{display:block; font-size: 14px; margin: 0 0 -5px; color: #7c7c90; text-transform: uppercase;}
  .phn-detail ul li small{display: block; font-size: 14px; margin: 0 0 -5px; font-family: 'open_sansbold'; color: #151525;}
  
  .top-sec{background:#1f5929; color: #fff; text-transform:uppercase; margin:0;}
  .top-sec a{color:#151525;} 
  .top-sec a:hover{text-decoration:underline;}
  .top-sec ul{margin:0; padding:7px 0 8px; font-family:'open_sansbold';}
  .top-sec ul li{display:inline-block; list-style:none; padding:0 20px 0 0; position:relative;}
  .icon-top{margin:0; text-align:right;}
  .icon-top i{color: #fff; display:inline-block; font-size: 22px; line-height: 35px; margin: 0 0 0 3px; height:35px; text-align: center; width: 35px; position:relative; z-index:1;}
  .icon-top .fa-facebook{background:#3a5896;}
  .icon-top .fa-twitter{background:#00aced;}
  .icon-top .fa-youtube{background:#b00;}
  .icon-top .fa-linkedin{background:#007ab5;}
  .icon-top .fa-instagram{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c11c7d+0,ef9034+100 */
background: #c11c7d; /* Old browsers */
background: -moz-linear-gradient(top, #c11c7d 0%, #ef9034 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c11c7d 0%,#ef9034 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c11c7d 0%,#ef9034 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c11c7d', endColorstr='#ef9034',GradientType=0 ); /* IE6-9 */}
  .icon-top i:hover{background:#fff; color:#CE171F; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}  
  
  .login-btn{position: absolute; right:12px; top: 0;}
  .login-btn .btn{background: #f54f77; border-radius: 0; color: #fff; padding: 14px 30px; text-transform: uppercase;}
  .login-btn .btn:hover{text-decoration:underline;}
  
  .menu-head{ background-repeat: repeat; background-attachment: scroll; background-position: 0 0; background-color: #d2dbe4; font-family: 'open_sansbold'; margin:0; position:relative; padding:0 5px 0 0; z-index:2;} 
  .menu-head .container{position:relative;}
  .menu-head .navbar-brand{padding:20px 15px; height:auto;}
  .menu-head .navbar-brand img{max-width: 169px;}
  .menu-head .navbar-header{position: relative; z-index: 2;}
  .menu-head nav{box-shadow:none; border:none; background:none; border-radius:0; margin:0;}
  .menu-head .navbar-collapse{padding:0;}
  .menu-head .navbar-nav{float:none; text-align:left; text-align: center}
  .menu-head .navbar-nav > li{padding:8px 0; margin:0 5px 0 0; display: inline-block; float: none;}  
  .menu-head .navbar-nav > li > a{color:#000; text-shadow:none; padding:7px 15px; text-transform:uppercase;}
  .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, 
  .menu-head .navbar-nav .current-menu-item a, .menu-head .navbar-nav .current-menu-parent > a{color:#fff !important; background:#1f5929 !important; box-shadow:none;}
  /*.menu-head li a:hover .sub-menu{display:block;}*/
  .menu-head ul, .menu-head ul li, .menu-head ul li a{position:relative;}
  .menu-head li:hover > ul {left: auto;}
  .menu-head ul ul {position: absolute; left: -9999px; padding:0; margin:0; top:100%;}
  .menu-head ul ul ul{margin-left: 100%; top: 0;}
  .menu-head ul ul li a{padding: 10px 20px; width: 210px; background: #000; text-decoration: none; color: #fff !important; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
  /*.menu-head .sub-menu{background:#000; position:absolute; top:100%; left:0; min-width:270px; display:none; margin:0; padding:0;}*/
  .menu-head .sub-menu > li{list-style:none; border-bottom:1px solid #fff;}
  .menu-head .sub-menu > li:last-child{border:none;}  
  .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{background:#1f5929 !important; color:#fff !important;}
  .menu-head .sub-menu > li > a{display:block; background:#000 !important; color:#fff !important; padding:7px 10px; text-align:left;}

.banner{margin:0; padding:0; position:relative; z-index:1; text-align:center;}
  .banner::before{background: url(images/bg-green.png) no-repeat scroll right 75% / cover; content: ""; position: absolute; left: 50%; top: 40px; min-width: 675px; height: 100%; margin: 0 0 0 -574px; display:none;}  
  .banner figure img{width:100%;}
  .banner-text{position: absolute; left: 50%; bottom: 34.5%; margin: 0 0 0 -500px; color: #fff; text-transform: uppercase; z-index:2; padding: 30px; text-align: left; color: #fff;}
  .banner-text::after{content: ""; background-repeat: repeat;background-attachment: scroll;background-position: 0 0;background-color: #CE171F;position: absolute;left: 0;top: 0;height: 100%;width: 100%;opacity: 0.8;z-index: -1;}
  .banner-text h1{font-size:42px; color: #fff;}
  .banner-text p{font-size:24px;}
  .bs-slider{overflow: hidden; max-height: 700px; position: relative; background: #000000;}
  .bs-slider:hover{cursor: -moz-grab; cursor: -webkit-grab;}
  .bs-slider:active{cursor: -moz-grabbing; cursor: -webkit-grabbing;}
  .bs-slider .bs-slider-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:#152776; opacity:0.5;}
  .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{margin: auto; width: 100% !important;}
  /*************************Slide effect**********************/
  .fade{opacity: 1;}
  .fade .item{top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
  .fade .item:first-child{top: auto; position: relative;}
  .fade .item.active{opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
  /*---------- LEFT/RIGHT ROUND CONTROL ----------*/
  .control-round .carousel-control{top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 100px; border-radius: 100px;}
  .control-round:hover .carousel-control{opacity: 1;}
  .control-round .carousel-control.left{left: 1%;}
  .control-round .carousel-control.right{right: 1%;}
  .control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover{color: #fdfdfd; background: rgba(0, 0, 0, 0.5); border: 0px transparent;}
  .control-round .carousel-control .fa{margin: 10px 0 0;}
  .control-round .carousel-control.left>span:nth-child(1){left: 45%;}
  .control-round .carousel-control.right>span:nth-child(1){right: 45%;}
  /*---------- INDICATORS CONTROL ----------*/
  .indicators-line > .carousel-indicators{right: 45%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right;overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap;}
  .indicators-line > .carousel-indicators li{padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%;border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer;}
  .indicators-line > .carousel-indicators li:last-child{margin-right: 0;}
  .indicators-line > .carousel-indicators .active{margin: 1px 5px 1px 1px; box-shadow: 0 0 0 2px #fff; background-color: transparent; position: relative;-webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease;-webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
  .indicators-line > .carousel-indicators .active:before{transform: scale(0.5); background-color: #fff; content:""; position: absolute; left:-1px; top:-1px; width:15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
  /*---------- SLIDE CAPTION ----------*/
  .slide_style_left{text-align: left !important;}
  .slide_style_right{text-align: right !important;}
  .slide_style_center{text-align: center !important;}
  .slide-text{left: 0; right:0; bottom: 27%; max-width:1170px; margin: 0 auto; position: absolute; text-align: left;}
  .slide-text > h1{padding: 0; color: #ffffff; font-size: 40px; text-transform:uppercase; font-style: normal; margin-bottom: 30px; -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
  .slide-text > p{padding: 0; color: #ffffff; font-size: 22px; line-height: 30px; margin-bottom: 30px; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; width:70%;} 
  .slide-text > a.btn-default{background:none; border:2px solid #fff; color: #fff; font-family: 'open_sansbold'; margin-right: 10px; text-align: center;  padding: 10px; min-width:180px; position:relative; text-shadow:none; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s;  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .slide-text > a.btn-default:hover, .slide-text > a.btn-default:active{color: #fff; background: #30bcd5; border-color:#30bcd5; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}
  
  .slide-text > a.btn-primary{background:#e4353a; border: 2px solid transparent; color: #fff; font-family: 'open_sansbold'; margin-right: 10px; text-align: center;  padding: 10px; min-width:180px; position:relative; text-shadow:none; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}  
  .slide-text > a.btn-primary:hover, .slide-text > a.btn-primary:active{background:#bf2428; color: #fff; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}  
  
  
  /*------------------------------------------------------*//* RESPONSIVE/*------------------------------------------------------*/
  @media (max-width: 991px) {
	  
	  .slide-text h1{font-size: 40px; line-height: 50px; margin-bottom: 20px;}
	  .slide-text > p{font-size: 18px;}
  }
  
  /*---------- MEDIA 480px ----------*/
  @media  (max-width: 768px) {
	   
	   .slide-text{padding: 10px 50px;}
	   .slide-text h1{font-size: 30px; line-height: 40px; margin-bottom: 10px;}
	   .slide-text > p{font-size: 14px; line-height: 20px; margin-bottom: 20px;}
	   .control-round .carousel-control{display: none;}
  }
  
  @media  (max-width: 480px) {
	   
	   .slide-text{padding: 10px 30px;}
	   .slide-text h1{font-size: 20px; line-height: 25px; margin-bottom: 5px;}
	   .slide-text > p{font-size: 12px; line-height: 18px; margin-bottom: 10px;}
	   .slide-text > a.btn-default, .slide-text > a.btn-primary{font-size: 10px; line-height: 10px; margin-right: 10px; text-align:center; padding:10px 15px;}
	   .indicators-line > .carousel-indicators{display: none;}
}

.title-strip{background:#7f7f7f; margin:0 auto 30px; position: relative; padding:0; max-width:290px; text-align:center; height:1px;}
  .title-strip:before{content: ''; display: block; position: absolute; left: 0; right: 0; top: -1px; bottom: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: auto; width: 0.5em; height: 0.5em; border: 2px solid #333; background: #333; box-shadow: 0 0 0 10px #ffffff;}
  
.about-text{padding:70px 0 40px;}        
  .about-text h3{text-transform:uppercase; font-size:30px;}
  .about-text-right .btn{background:#1f5929; color: #fff; font-family: 'open_sansbold'; text-align: center;  padding: 11px 10px; min-width:180px; position:relative; text-shadow:none; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s;  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius:0; margin: 15px 0 0;}
  .about-text-right{margin:0 0 30px; padding:15px 20px 0 15px; text-align:center;}
  .about-text-right .btn:hover, .about-text-right .btn:active{color: #fff; background: #CE171F; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}
  .about-text-right p{text-align:center;}
  .about-text-right .title-row{margin: 0 0 30px;}
  .about-text-left { margin: 40px 0 0;}
  .about-text-left img { height: 380px; border-radius: 10px;}
  .about-text-left figure{margin:0; position: relative; display: inline-block; padding:30px 0; background-image: url(images/background.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center;}  

.service-sec{ background-repeat: repeat; background-attachment: scroll; background-position: 0 0; background-color: #d2dbe4; color:#fff; padding:50px 0 20px; text-align:center;}
  .service-sec h3{text-transform:uppercase; color:#CE171F; font-size:30px;}
  .service-sec p{text-align:center;}
  .service-sec .title-strip{background: #fff;}
  .service-sec .title-strip::before{border: 2px solid #fff; background: #fff; box-shadow: 0 0 0 10px #1F5929;}
  .service-sec .owl-carousel{margin: 0 0 -100px;}
  .service-sec .owl-pagination{display:none;}
  .service-sec .owl-theme .owl-controls .owl-page span{background:#fff;}    
  .service-sec .item{margin: 0 15px;}
  .service-sec figure{background: rgba(87, 187, 146, 0.1); border: 2px solid #CE171F; padding: 15px 0 0;}
  .service-sec h4{margin:0; padding:10px 0; text-transform:uppercase; font-size:16px;}
  .service-sec .owl-theme .owl-controls .owl-buttons div{background:#fff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#000; position:absolute; left:-10px; top:120px; height:34px; width:34px; opacity:1; text-indent:-99999px;}
  .service-sec .owl-theme .owl-controls .owl-buttons div.owl-next{right:-10px; left:inherit;}
  .service-sec .owl-theme .owl-controls .owl-buttons div.owl-prev:before{ border-bottom: 7px solid transparent; border-right: 7px solid #1f5929; border-top: 7px solid transparent; color: #000; content: ""; left: 12px; position: absolute; top: 10px;}
  .service-sec .owl-theme .owl-controls .owl-buttons div.owl-next:before{border-bottom: 7px solid transparent; border-left: 7px solid #1f5929; border-top:7px solid transparent; color:#000; content: ""; left: 15px; position: absolute; top: 10px;}    
  .sr-box{ background-repeat: repeat; background-attachment: scroll; background-position: 0 0; background-color: #b3bdc8; cursor:pointer; margin:0; overflow:hidden; position:relative; text-align:left; border: 2px solid #fff; padding: 25px 25px 10px;}
  .sr-box:hover{background:#CE171F; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;} 
  .sr-box img{margin: 0 0 20px; width:50px;}
  .sr-box h4{color:#fff; font-size:20px; text-transform:uppercase;}
  .service-sec .sr-box p{position:relative; text-align:justify;  line-height: 20px; color: #fff;}
  .sr-box .btn{background:#1f5929; color:#fff; padding:10px 15px 9px; min-width:200px; text-transform:uppercase; position:relative; z-index:2; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-family: 'open_sansbold';}  
  .sr-box:hover .btn, .sr-box:active .btn{background:#fff; color:#CE171F; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;} 
  .sr-box:hover p{color:#fff;} 

.product-sec{padding:150px 0 50px 0; position:relative; text-align:center;} 
  .product-sec h3{font-size:30px; text-transform:uppercase;} 
  .product-sec p{text-align:center;}  
  .product-sec .owl-pagination{display:none;}
  .product-sec .owl-theme .owl-controls .owl-page span{background:#fff;}    
  .product-sec .item{margin: 0 10px;}
  .product-sec figure{background: rgba(87, 187, 146, 0.1); border: 2px solid #f54f77; padding: 15px 0 0;}
  .product-sec h4{margin:0; padding:10px 0; text-transform:uppercase; font-size:16px;}
  .product-sec .owl-theme .owl-controls .owl-buttons div{background:#1f5929; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#000; position:absolute; left:-10px; top:120px; height:34px; width:34px; opacity:1; text-indent:-99999px;}
  .product-sec .owl-theme .owl-controls .owl-buttons div.owl-next{right:-10px; left:inherit;}
  .product-sec .owl-theme .owl-controls .owl-buttons div.owl-prev:before{ border-bottom: 7px solid transparent; border-right: 7px solid #fff; border-top: 7px solid transparent; color: #000; content: ""; left: 12px; position: absolute; top: 10px;}
  .product-sec .owl-theme .owl-controls .owl-buttons div.owl-next:before{border-bottom: 7px solid transparent; border-left: 7px solid #fff; border-top: 7px solid transparent; color: #000; content: ""; left: 15px; position: absolute; top: 10px;}  
  
.title-row{margin:0 0 40px; text-align: left; position: relative; padding:0 0 0 25px;}
  .title-row::before, .title-row::after{background: #fff;}
  .title-row::before, .title-row::after{content: ''; position: absolute; width: 3px; height: 100%; top: 0; left: 0;}
  .title-row::after{left: 10px;}
  .title-row h2{color: #fff; font-size: 30px; text-transform: uppercase; margin: 0; padding: 0 0 5px;}  
  .title-row h3{color: #fff; font-size: 20px; text-transform: uppercase; margin: 0 0 7px; padding:7px 0 0;}
  
.appointment-wrap{ background-repeat: repeat; background-attachment: scroll; background-position: 0 0; background-color: #d2dbe4; margin:0; position:relative;}  
  .appointment-wrap-left{padding: 50px 30px 30px 15px; background: #fff; position:relative;}
  .appointment-wrap-left::before{background: #fff; position: absolute; content: ""; height: 100%; width: 430%; top: 0; left: -429%;}
  .time-table{margin: 0 0 60px; padding: 0;}
  .time-table li{border-bottom: 1px dashed #ccc; list-style:none; padding: 0 0 10px !important; margin: 0 0 10px !important;}
  .appointment-wrap-left .title-row::before, .appointment-wrap-left .title-row::after{background: #CE171F;}
  .appointment-wrap-left h2{color: #1F5929;}
  .appointment-wrap-left h3{color: #CE171F;}
  .appointment-wrap-left address{margin: 0 0 30px; overflow: hidden; position: relative;}  
  .appointment-wrap-left address i{border: 1px solid #3f3f3f; color: #3f3f3f; float: left; font-size: 18px;height: 40px; line-height: 40px; margin: 0 20px 0 0; text-align: center; width: 40px;}
  .appointment-wrap-left address div{margin:9px 0 0; overflow:hidden;}
  .appointment-wrap-left address a{color:#242424;}
  .appointment-wrap-left address a:hover{color:#00c1bb;}
  .appointment-wrap-left address:nth-child(3) div{margin:0 0 0;}
  .appointment-wrap-right{text-align:left; padding:0;}
  .appointment-right-inn{padding:50px 30px 20px; color:#fff;}
  .appointment-right-inn .title-row h3{color: #CE171F;}
  .appointment-right-inn .title-row::before, .appointment-right-inn .title-row::after {background: #CE171F;}
  .appointment-right-inn h2{color:#1f5929;} 
  .appointment-right-inn .title-row::before, .appointment-wrap-inn .title-row::after{background: #CE171F;}
  .appointment-wrap form{margin:30px -15px 0; overflow:hidden;}
  .appointment-wrap form .form-control{background:#b3bdc8; border: none; box-shadow:none; border:1px solid #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000; height:40px;}
  .appointment-wrap form .form-control::-webkit-input-placeholder {color: #242424;}
  .appointment-wrap form .form-control::-moz-placeholder {color: #242424;}
  .appointment-wrap form .form-control:-ms-input-placeholder {color: #242424;}
  .appointment-wrap form .form-control:-moz-placeholder {color: #242424;}
  .appointment-wrap form textarea{height:110px !important;}
  .appointment-wrap form .form-group{margin-bottom:30px;}
  .appointment-wrap form .btn{background:#1f5929; color: #fff; font-family: 'open_sansbold'; text-align: center;  padding: 10px; min-width:180px; position:relative; text-shadow:none; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s;  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius:0;}
  .appointment-wrap form .btn:hover, .appointment-wrap form .btn:active{color: #fff; background:#CE171F; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}

.client-logos{margin:50px 0;}  
  .client-logos .owl-pagination{display:none;}
  .client-logos .owl-theme .owl-controls .owl-page span{background:#fff;}    
  .client-logos .item{margin: 0 10px; height: 123px; border: 1px dashed #ccc; display: table; }
  .client-logos figure{display: table-cell; height: 100%; vertical-align: middle; width: 100%; text-align: center; padding: 5px;}
  .client-logos h4{margin:0; padding:10px 0; text-transform:uppercase; font-size:16px;}
  .client-logos .owl-theme .owl-controls .owl-buttons div{background:#1f5929; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#000; position:absolute; left:-50px; top:40px; height:34px; width:34px; opacity:1; text-indent:-99999px;}
  .client-logos .owl-theme .owl-controls .owl-buttons div.owl-next{right:-50px; left:inherit;}
  .client-logos .owl-theme .owl-controls .owl-buttons div.owl-prev:before{ border-bottom: 7px solid transparent; border-right: 7px solid #fff; border-top: 7px solid transparent; color: #000; content: ""; left: 12px; position: absolute; top: 10px;}
  .client-logos .owl-theme .owl-controls .owl-buttons div.owl-next:before{border-bottom: 7px solid transparent; border-left: 7px solid #fff; border-top: 7px solid transparent; color: #000; content: ""; left: 15px; position: absolute; top: 10px;}   
   
.thumb{position: relative; cursor:pointer;}
  .thumb:hover:before{transform: scaleX(0); opacity: 1;}
  .thumb:hover:after{opacity: 1; transform: scaleY(0);}
  .thumb:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); opacity: 0; transform: scaleX(1); -moz-transform: scaleX(1); -webkit-transform: scaleX(1); transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in;}
  .thumb:after{content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); opacity: 0; transform: scaleY(1); -moz-transform: scaleY(1); -webkit-transform: scaleY(1); transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;}    

.tag-btm{text-align: left; margin:50px 0; position: relative; z-index: 2; color:#fff;} 
  .tag-btm .row{background: #1573d1; margin:0; padding: 20px; outline: 2px dashed #fff; outline-offset: -15px;}
  .tag-btm h3{margin: 15px 0 5px; text-transform: capitalize; color: #fff; font-size: 18px; font-family: 'open_sansbold';}
  .tag-btm .btn{background:#151525; color:#fff; padding:10px 15px 9px; min-width:200px; text-transform:uppercase; position:relative; z-index:2; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-family: 'open_sansbold'; margin:17px 0 0;} 
  .tag-btm .btn:hover, .tag-btm .btn:active{background:#fff; color:#1573d1; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;} 
  
.footer{background:#1f5929; padding:50px 0 20px; position:relative; color:#fff;}
  .footer::before{background-position: center center; background-repeat: no-repeat; background-attachment: scroll; background-image: url("images/footer-bg.jpg"); background-size: cover; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.3;}
  .footer a{color:#fff;}
  .footer a:hover{color:#00c1bb;}
  .footer{text-align:inherit;}
  .wg-1{margin:0 0 20px;}
  .wg-1 h4{color:#fff; font-size:22px; margin:0 0 20px; padding:0 0 10px; position:relative; text-transform:uppercase;}
  .wg-1 ul{margin:0; padding:16px 0 0; text-align:center;}
  .wg-1 ul li{list-style: none; position: relative; padding: 0 10px; display: inline-block; text-transform: uppercase;} 
  .ft-logo img{background: #fff; padding: 10px 15px 10px; margin: 0 0 20px; outline: 1px solid #1f5929; outline-offset: -5px;max-width: 121px;}
  .icon-ft{margin:19px 0 0; text-align: right;} 
  .icon-ft i{border: 1px solid #fff; color: #fff; display:inline-block; font-size: 13px; line-height: 38px; margin: 0 0 0 3px; height:38px; text-align: center; width: 35px; position:relative; z-index:1;}
  .icon-ft i:hover{background:#fff; color:#1f5929; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}  
  
  
  .ft-bottom{background:#CE171F; color:#fff; padding:15px 0 5px; text-transform:uppercase; position:relative; z-index:2;}
  .ft-bottom a{color:#fff;}
  .ft-bottom a:hover{color:#fff; text-decoration:underline;}
  .ft-bottom p{margin:0 0 10px;}
  
    /*************** breadcrumb ***********************/
	
  .banner-inner{ background-size:cover !important; border-bottom: 1px solid #999; height: 320px; overflow: hidden; position: relative;}
  .banner-inner .textblock {height: 320px; position: relative;}
  .banner-inner .block{background:rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: absolute; width: 100%;height: 100%;}
  .banner-inner .block:after {left: 0; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(0, 0, 0, 0); border-right-color: rgba(0,0,0,0.3); border-width: 79px 55px 0 0; display:none;}
  .banner-inner .page-title .holder {overflow: hidden; position: relative; padding: 0;}
  .banner-inner h1{color: #fff; margin: 175px 0 0; font-size: 30px; overflow: hidden; padding: 0; text-align: center; text-transform: uppercase;}
  .breadcrumb{float: right; font-size: 13px; line-height: 15px; position: relative; z-index: 5; margin: 92px 0 5px; background: none; border-radius: 0; max-width: 400px; min-width:261px; text-align:right; color:#fff; display:none;}
  .breadcrumb > li {margin: 0 0 5px;}
  .breadcrumb > li + li:before {content: "+"; margin: 0 9px; color: #fff; font-size: 15px; float: left;}
  .breadcrumb > li .fa-home {margin: 0 9px;}
  .breadcrumb li a {color: #fff;}     
  .mid-wrap{padding:40px 0;}

   /*************** inner page css ***********************/
.li-sec ul { padding: 0px;}
.li-sec ul li { list-style: none;  position: relative; padding: 0 0 12px 30px; text-align: justify;}
.li-sec ul li:before { content: "\f00c"; display: inline-block; position: absolute; left: 0; top: 5px; font: normal normal normal 14px/1 FontAwesome; color: #CE171F; }

.product-sec .item img{width:150px;height:330px;}
.mid-inner { margin:60px 0 40px;}
.inner-product h3{font-size:30px; text-transform:uppercase; text-align: center; margin-bottom: 20px; } 
.detail-col-inner h6{ text-align: center; font-size: 22px; color: #CE171F; text-transform: uppercase; }
.product-box{border: 2px solid #1f5929; margin: 17px 0;}
.product-img figure img{height: 400px;}

.contact-form{ background-repeat: repeat; background-attachment: scroll; background-position: 0 0; background-color: #d2dbe4;  overflow: hidden; padding: 20px;}
  .contact-form h3{color: #CE171F;  margin: 0 15px 20px;}
  .contact-form .form-control{background: #b3bdc8; box-shadow: none; border: 1px solid #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000; height: 45px;}
  .contact-form .form-control::-webkit-input-placeholder {color: #242424;}
  .contact-form .form-control::-moz-placeholder {color: #242424;}
  .contact-form .form-control:-ms-input-placeholder {color: #242424;}
  .contact-form .form-control:-moz-placeholder {color: #242424;}
  .contact-form  textarea.form-control { height: 110px !important;}
  .contact-form .btn{background: #1f5929; color: #fff; font-family: 'open_sansbold'; text-align: center; padding: 11px 10px; min-width: 180px; position: relative; text-shadow: none; white-space:        nowrap; letter-spacing: 1px; display: inline-block; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-    in-   out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 0 10px; }
  .contact-form .btn:hover{color: #fff;  background: #CE171F; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}

 .contact-wrap address i{background:#1f5929; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  float: left; font-size: 18px; height: 32px; line-height: 32px;   margin: 10px 10px 0 0; text-align: center; width: 32px;}
 .contact-wrap address { margin: 0 0 20px; overflow: hidden; position: relative;}
 .contact-wrap address div { overflow: hidden; line-height: 20px;}
 .product-img figure img { height: 270px; margin: 10px 0 30px;}

.carrier-wrap h1{text-align: center; color: #f54f77; margin-bottom: 20px;}
  .carrier-form{width: auto;margin: auto;background: #CE171F;overflow: hidden;padding: 30px 30px 10px;color: #fff;}
  .carrier-form h1{text-transform: uppercase;font-size: 24px;margin: 0 0 15px;}
  .carrier-form .form-control{background: none; box-shadow: none; border: 1px solid #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; height: 45px;}
  .carrier-form .col-sm-12{padding: 0;}
  .carrier-form form .form-control::-webkit-input-placeholder {color: #fff;}
  .carrier-form textarea.form-control {  height: 110px !important;}
  .carrier-form form .form-control::-moz-placeholder {color: #fff;}
  .carrier-form form .form-control:-ms-input-placeholder {color: #fff;}
  .carrier-form form .form-control:-moz-placeholder {color: #fff;}
  .carrier-form  .form-control option{background: black;}
  .carrier-form .btn{background: #fff; color: #1f5929; font-family: 'open_sansbold'; text-align: center; padding: 11px 10px; min-width: 180px; position: relative; text-shadow: none; white-space:        nowrap; letter-spacing: 1px; display: inline-block; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-    in-   out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 0 10px; }
  .carrier-form .btn:hover{color: #fff;  background: #CE171F; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}



  @media (min-width: 320px) and (max-width: 767px) { 
 
 .logo { text-align: center; margin: 15px 0;}
 .icon-top { text-align: center;}
 .phn-detail li:nth-child(1) { position: relative; right: 45px;}
 #responsive-menu-button { width: 48px !important; height: 50px !important; position: absolute !important; top: 376px !important; right: 70% !important; background: #f54f77 !important; z-index: 6 !important;}
 .login-btn .btn {margin-right: -17px;}
 .banner-text h1 { font-size: 24px; margin: 0 0 0 346px; color: #ffffff; }
 .banner-text p { font-size: 16px; margin: 0 0 0 390px; color: #fcd7c8; text-transform: lowercase; }
 .banner-text {bottom: 0%; right: 0px; background: #1f592970; padding: 5px 0 0 0;}
 .banner::before{display:none;}
 .about-text h3 { font-size: 24px;}
 .title-strip { max-width: 210px;}
 .about-text-right p { text-align: justify;}
 .text-col { padding: 0px;}
 .service-sec h3 {font-size: 24px;}
 .product-sec h3 {font-size: 24px;}
 .wg-1 {margin: 0 0 20px; text-align: center;}
 .ft-logo { margin: -25px 0; text-align: center;} 
 .wg-1 ul li { padding: 3px 10px; background: #1f5929;margin: 3px;}
 .client-logos .owl-theme .owl-controls .owl-buttons div.owl-next { right: -12px;}
 .client-logos .owl-theme .owl-controls .owl-buttons div {left: -15px;}
 .client-logos { margin: 40px 10px 0;}
 .client-logos .item { border: 1px dashed #fff;}
 .textwidget { text-align: center;}
 .ft-bottom p { text-align: left;}
 .client-logos figure { width: 170px; text-align: center; padding: 5px; position: relative; left: 50px;}
 .menu-head li:hover > ul { left: 140px;}
 .navbar-toggle {float: left; background-color: #ffffff;}
 .banner-inner h1 { font-size: 25px;}
 .breadcrumb { font-size: 13px; max-width: 170px; min-width: 135px; color: #fff;}
 .carrier-form {width: 100%;}
 .carrier-form .form-group .btn { min-width: 220px;}
 }
.sent-ok {border: none !important; color: rgb(31, 88, 41);}
.validation-errors {border: none !important;color: rgb(206, 33, 31);}
#rbs_gallery_5deddee8da33dfilter { display: none;}

.button.button-flat-primary.button-large.active {
    display: none;
}

.form-grid{background:rgb(245, 78, 119); margin:0 0 30px; overflow: hidden; padding: 15px;}
  .form-grid form{margin:0 -7px;}
  .form-grid h3{font-size:30px; margin:0 0 20px; text-transform:uppercase;color: #fff;}
  .form-grid h3 span{display:block;}
  .form-grid form .form-group{margin-bottom: 14px; padding: 0 13px;}
  .form-grid form .form-control{background: rgb(245, 78, 119); border: 1px solid #fff; border-radius:0;  box-shadow:none; color: #fff; height:44px;}
  .form-grid form .form-control::-webkit-input-placeholder {color: #242424;}
  .form-grid form .form-control::-moz-placeholder {color: #242424;}
  .form-grid form .form-control:-ms-input-placeholder {color: #242424;}
  .form-grid form .form-control:-moz-placeholder {color: #242424;}
  .form-grid form textarea{height:110px !important;}
  .form-grid form .btn{background:rgb(0, 193, 186); border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#fff; font-family: 'open_sansbold'; letter-spacing:1px; padding:12px; text-shadow: inherit; text-transform:uppercase; min-width:290px;}
  .form-grid form .btn:hover{background:#AB5900; color: #fff; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}
.certificate img { border: 1px solid #000;}
.form-grid .btn { width: 100% !important;}

.cup-caps figure img {    margin: 20px 0 30px;  }
.cup-caps .detail-col-inner h6 {  margin-bottom: 30px;}


.page-id-60 .cup-caps figure img { margin: 20px 0 30px; height: 70px;}
.page-id-59 .product-img figure img { height: 120px; margin: 40px 0 60px;}
.page-id-639 .product-img figure img {height: 240px;margin: 30px 0 30px;}