@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);

.slick-slider{
  user-select: initial !important;
  -webkit-user-select: initial !important;
}

*{margin:0px auto;  outline:none; list-style:none; }
body{ font-size:15px;font-family: Montserrat, sans-serif !important;}
h1{font-size: 40px}
h2 {font-size: 15px;font-weight: normal;color:#000;font-family: 'Montserrat', sans-serif !important;margin-bottom: 20px;}
h3 , h3 a { font-size: 27px;font-weight: 400;color:#003671;font-family: Montserrat, sans-serif !important; }
h4 {font-size: 22px}
h5{font-size: 18px}
h6{font-size:15px;}


h1,h4,h5,h6{font-family: Montserrat, sans-serif !important;font-weight: 700;}
p{ font-size:15px; color:#000;font-family: 'Montserrat', sans-serif;}
.blog-list h3 a {
    font-size: 24px;
  
}
h1 span{ font-weight:700;}
ul, ol, dl {
    font-size: 15px !important;   
}

.mt-4{
  margin-top: 20px;
}
.mb-5{
  margin-bottom: 30px;
}
.pt-0{
  padding-top: 0px !important;
}
.pt-5{
  padding-top:30px;
}
.py-5{
  padding: 40px 0;
}
.bg-gray{
  background-color: #F5F5F5;
}
.bg-white{
  background-color: #fff !important;
}
.d-flex{
  display: flex;
}
.flex-wrap{
  flex-wrap: wrap;
}
.no-border{
  border:none !important;
}
table.no-border tr td{
  border:none !important;
}
table tr:nth-of-type(even) {
    background: #fff;
}
.mw-350 {
    width:350px;
    max-width:350px;
}
.mw-400 {
    width:400px;
    max-width:400px;
}
.mw-450 {
    width:450px;
    max-width:450px;
}
.mw-500 {
    width:500px;
    max-width:500px;
}
.mw-550 {
    width:550px;
    max-width:550px;
}
.mw-600 {
    width:600px;
    max-width:600px;
}
.contactez-footer {
    text-align: left !important;
}

.javascptdisable {
    text-align: right;
}
.none{display:none;}
.clear{clear:both}
.left{float:left}
.right{float:right}
.blog-list h3 {
    text-align: left;
}

.co-founders-section ul {
    margin-left: 50px;
}
.co-founders-section ol {
    margin-left: 50px;
}

.co-founders-section ul li {
    list-style-type: disc;
}
.co-founders-section ol li {
    list-style-type:decimal ;
}
.photogalleryNavigation {
    display: none;
}
.contact-section ul li {
    list-style-type: disc;
}
.contact-section ul {
    margin-left: 34px;
}
p.footer-timing a i{
  background: #fff;
    padding: 10px 15px;
    border-radius: 38px;
    font-size: 20px;
}


/*new css*/
img.logo-img{
    margin-top: 60px;
}
li.offer-btn a{
  color: #f73d3d !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}
a.square-btn.square-btn-new{
  background: #f04444 !important;
}
a.square-btn.square-btn-new:hover{
  background:#cf2d2d !important
}
.st-left.st-toggleable{
  display: none !important;
}  


/*==========================================================================*/
/*                                      HEADER                              */
/*==========================================================================*/

.main-section{ width:100%; float:left; position:relative; 
  background:url(https://uploads.prod01.london.platform-os.com/instances/258/assets/images/1800-500-banner-water-tropic-reunion-1.png?updated=1684326788969) no-repeat 0px 0px;
  background-size:cover;
}
header{ width:100%;padding: 0px 0px 0px 0px;background-color: #fff;box-shadow:0 0 30px 0 rgb(0 0 0 / 6%);}
.row {width: 100%;max-width: 1165px;padding: 0 0px;}
.top-bar .row{max-width: 1140px !important;}
.top-bar .name{padding-left:13px;}
.top-bar-section{}
.top-bar-section ul{}
.top-bar-section ul li{}
.top-bar-section ul li:hover:not(.has-form) > a{
  color:#102338;
}
.top-bar-section ul li a{ font-size:17px; color:#102338;font-family: Montserrat, sans-serif; font-weight:500 !important;font-style: normal; }
/*.top-bar-section ul li:hover a{ color:#b3d92b; border-bottom:5px solid #b3d92b;padding: 0px 15px 18px 15px !important;}*/
.slick-next {   
    opacity: 1 !important;
}
.ticks-bullet {
    font-size: 20px;
    color: #00abe4;
}
.ticks-bullet::before {
    content: '✓';
    margin-right: 5px;
    margin-left: 35px;
  
}
.slick-prev {  
    opacity: 1  !important;
}
.top-bar {
     height: auto !important;
}
.fixed .contain-to-grid .top-bar {
     height: auto !important;
}
.top-bar-section li:not(.has-form) a:not(.button):hover{ background:none;}
.top-bar-section .has-dropdown>a:after{display:none;}
/*.top-bar-section .has-dropdown>a{padding-right:15px !important}*/
.top-bar .name h1 a{ padding:0px 15px 0px 0px;}

.top-bar-section ul li.selected a{color: #b3d92b;border-bottom: 5px solid #b3d92b;padding: 0px 15px 18px 15px !important;}
.top-bar-section ul li ul.dropdown li:hover a{ border-bottom:none !important;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){ padding:0px 15px !important; background: #0a4485;}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button){ color:#b3d92b;}
.top-bar-section .dropdown li a{border-bottom:none !important}
.slider{ width:100%;float: left;max-height: 684px; overflow:hidden;position: relative;}
.slider-content{text-align: left; float: left;}
.top-bar-section ul li:hover:not(.has-form)>a{background:none;}
.header-search input{
    margin-bottom:0;
}
.header-search input#id_1 {
    width: 30px;
    border: none;
    background: url('../images/search-icon.png?updated=1574173862221') no-repeat center;
    position: absolute;
    top: 0px;
    right: 8px;
    bottom: 0px;
    cursor: pointer;
    outline:none;
    border:none;
    box-shadow: none;
    padding: 15px !important;
    margin:0;
    border-radius:0 !important;
 }
.home-slider .slick-slide{}
.slider-caption{ display: inline-block;}
.offer-btn-sec{padding: 90px 10px 30px 120px;}
.offer-btn-sec a{
    position: relative;
  animation-name: shake;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  cursor: pointer;
  text-align: center;
  border-radius: 66px;
    padding: 28px 13px !important;
    font-size: 14px !important;
    background: #f73003de !important;
}
button:hover {
  animation-name: shakeAnim;
}

@keyframes shakeAnim {
  0% {left: 0}
  1% {left: -3px}
  2% {left: 5px}
  3% {left: -8px}
  4% {left: 8px}
  5% {left: -5px}
  6% {left: 3px}
  7% {left: 0}
}

@keyframes shake {
  0% {left: 0}
  1% {left: -3px}
  2% {left: 5px}
  3% {left: -8px}
  4% {left: 8px}
  5% {left: -5px}
  6% {left: 3px}
  7% {left: 0}
}


.slider-caption h1{ color: #003671;
    text-transform: uppercase;  
    margin: 40px 0px 34px 0px;    
    font-weight: 700;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;  
    font-size: 45px;
    line-height: 1.4;
    letter-spacing: 0px;
    background: rgba(255,255,255,0.8);
    padding: 22px;
}
.site-search form {
    width: 100% !important;
    float: left !important;
    position: relative !important;
    margin: 0px !important;
    padding-right: 44px !important;
}
.site-search form input[type="text"] {
    font-size: 15px !important;
    margin-bottom: 0px !important;
       font-style: italic !important;
    color: #676566 !important;
    padding: 14px 15px 10px 30px !important;
}

.site-search form input[type="submit"] {
    width: 44px !important;
    height: 48px !important;
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    background: #2b90e4 url(../_assets/img/search-icon.png) no-repeat center !important;
    border-radius: 0px !important;
    margin: 0px !important;
    border: 1px solid #247dc9 !important;
    padding: 0px !important;

}

.slider-details {
margin-bottom: 50px;
    font-weight: 400;
    font-style: normal;
    font-family: 'Noto Serif', serif;
    color: #003671;
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: 6px;

}
.contain-to-grid, .top-bar, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section ul li{background:none}

.bottle-offre-section {
   padding: 40px 0px 0px 0px;
   width: 100%;
   clear: both;

}
.bottle-offre-section ul li{
  list-style: disc;
}
.bottle-offre-section .slider{
  padding: 40px 0px;
  background: #f5f5f5;
}

section.bottle-offre-section.bg-blue {
    background-color:#004b8d;
    padding-bottom:50px;
}
section.bottle-offre-section.bg-blue .row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
section.bottle-offre-section.bg-blue h3, section.bottle-offre-section.bg-blue p{
        color:#fff
}


@media only screen and (min-width: 40.063em){
.top-bar-section{float: left; margin-left:10px} 
.contain-to-grid .top-bar{ max-width:1160px;}
.top-bar-section li:not(.has-form) a:not(.button){padding: 0px 6px 19px 6px;} 
}


/*==========================================================================*/
/*                                      MIDDLE                              */
/*==========================================================================*/

.project-section{ width:100%;float: left; background:#f5f7fa;padding: 78px 0px 38px 0px; }
.project-section .large-12{padding: 0px 52px;}
.project{ text-align:center;}
.project p{ font-size:22px; color:#404040;margin-bottom: 62px;}
.button{ font-size:30px; color:#ffffff; text-transform:uppercase;padding: 16px 84px;border-radius: 45px; background:#3079d9; font-family: Montserrat, sans-serif;}
.button:hover{background:#72b8f3;}
.offer-section{ width:100%; float:left; background:#ffffff;padding: 0px 0px 0px 0px;}
.offer-section .large-12{ padding:0px;}
.offer{ text-align:center;}
.offer h1{ color:#404040;font-weight: 100 !important;margin: 3px 0px 15px 0px;} 
.offer p{ font-style:italic;margin-bottom:2rem;padding: 0px 3rem;font-size:17px;}

.web-design{ text-align:center;}
.web-design h3{margin: 50px 0px 16px 0px;font-size:22px;}
.web-design h3 a{color:#222}
.web-design p{ font-weight: 300;font-style: normal;font-family: 'Montserrat', sans-serif;color: #888888;font-size: 18px;line-height: 1.6;letter-spacing: 0px;text-align: left;}
.web-design span{ font-size:142px;}
.web-design:hover h3,.web-design:hover h3 a,.web-design:hover p,.web-design:hover span{ color:#3079d9;}
.hover img{ display:none;}
.web-design:hover .hover{}
.web-design:hover .hover img{ display:block; text-align:center;position:absolute; top:0px; left: 64px; }

.recent-work-section{ width:100%; float:left;}
.recent-work-section .large-12{ padding:0px;}
.recent-work{}
.recent-work h1{font-weight: 100 !important;}


.potfolio-section h1{font-weight: 100 !important; color:#fff;margin: 22px 0px 8px 0px;}
.potfolio-section h1 span{font-weight:700;}
.portfolio-list{ text-align:center; display:inline-block;padding: 14px 0px 56px 0px;}
.portfolio-list ul{}
.portfolio-list ul li{ float:left;padding: 3px 20px 3px 34px;}
.portfolio-list ul li a{ font-size:20px; color:#ffffff; text-transform:uppercase;font-family: Montserrat, sans-serif; }

.portfolio-list ul li.selected{ background:#3079d9; padding: 3px 22px;border-radius: 24px; position:relative;}
.portfolio-list ul li.selected:after{content: '';
display: inline-block;
background: url(../img/portfolio-active-img.png) no-repeat center center;
width: 15px;
height: 8px;
position: absolute;
bottom: -22%;
right: 41%;}
.portfolio-list ul li.selected img{ position:absolute; top: 37px;right: 30px;}
.potfolio-section .large-12{text-align: center;}

.filter-slider{ }
.pf-images{}
.pf-images ul{}
.pf-images ul li figure{ margin: 0px; }

.pf-images ul..filter-slider>li.slick-active{display:block !important}
.port-hover-cntnt{width: 100%;float: left;background: rgba(61, 111, 188, 0.74);padding: 19px 20px 19px 21px;}
.port-hover-cntnt h2{ font-size:24px; color:#fff; float:left;}
.port-hover-cntnt a.viewproject{ background:#97b91c; padding: 7px 22px;font-size: 13px;float: right;margin:0px;}
.port-hover-cntnt a.viewproject:hover{ background:#c5e554; color:#fff;}

.meet-team-section{ width:100%; float:left;padding: 46px 0px 72px 0px;}
.meet-team-section .large-12{ padding:0px;}
.meet-team{ text-align:center;}
.meet-team h1{font-weight: 100 !important;}
.meet-team p{font-size: 17px;    font-style: italic;    margin-bottom: 2rem;    padding: 0 3rem;}

.meet-team ul{}
.meet-team ul li{ float:left;}
.meet-team ul li:last-child{ margin-right:0px;}
.meet-team ul li h2{ color:#404040;margin: 20px 0px 0px 0px;font-size:20px}
.meet-team ul li h2 a{ color:#404040;margin: 20px 0px 0px 0px;}
.meet-team ul li span{ font-size:15px; color:#959595;}
.meet-team-image{ width:256px; height:256px;}
.meet-team-image img{ border-radius:50%;}

.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    cursor: default;
    box-shadow: 
        inset 0 0 0 0 rgba(200,95,66, 0.4),
        inset 0 0 0 16px rgba(255,255,255,0.6),
        0 1px 2px rgba(0,0,0,0.1);
        
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    max-width: 257px;
margin: 0 auto;
}
.breadcrumbs-nav {
    float: right;
    margin-right: 20px;
    margin-left: 20px;text-align: left !important;
}
.breadcrumbs-nav a::after {
    margin-right: 5px !important;
    content: ">" !important;
    margin-left: 5px !important;
}
.breadcrumbs-nav a:last-child::after {
    margin: 0px !important;
    content: "" !important;
}
.ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    top: 0px;
background: rgba(79, 135, 209, 0.85);
left: 0px;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    
    -webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-item:hover {
    box-shadow: 
        inset 0 0 0 110px rgba(200,95,66, 0.4),
        inset 0 0 0 16px rgba(255,255,255,0.8),
        0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
    opacity: 1;
    
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);    
}

.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}
.ch-info{width:100%; float:left;text-align:center;margin:0 auto}
.ch-info ul{padding-top: 42%;width:100%; float:left;margin:0 auto;}
.ch-info ul li{ float:none;margin: 0px 10px !important;display:inline-block;}
.ch-info ul li em{ color:#fff; font-size:22px;}
.ch-info ul li:hover .fa{ color:#000000;}
.ch-info .full-bio{width:100%;margin:0 auto;max-width:100px;text-align:center;float:none; display:inline-block; background:#97b91c; color:#fff;padding: 3px 15px; border-radius:20px;margin: 14px 0px 0px 0px;}
.ch-info .full-bio:hover{ background:#c5e554; color:#fff;}

.testimonial-caption{ text-align:center; padding:0px 50px;}
.quote-image{ width:52px; height:52px; line-height:52px; text-align:center; border:2px solid #fff; border-radius:50%;display: inline-block;}
.quote-image img{ margin-top:15px;}
.testimonial-caption h1{ color:#fff; font-size:28px;}
.testimonial-caption p{ olor: #ffffff;
    font-size: 17px;
    font-style: italic;
    line-height: 27px;
    margin-bottom: 35px;}

.author-details{ width:25%; display:inline-block;}
.author-image{ float:left;}
.author-name{ float:right;}
.author-name h4{ color:#ffffff; text-transform:capitalize; margin:0px;}
.author-name span{ font-size:22px; color:#fff; font-style:italic;}

.more-testimonials{ font-size:18px; display:block; color:#fff; border:1px solid #fff; border-radius:25px; float:left; padding:8px 24px;margin-top: 28px;text-align:center}
.more-testimonials:hover{ background:#72b8f3; color:#fff;}

.get-in-touch-section{ width:100%; float:left; background:url(../img/get-in-touch-bg.png) no-repeat 0px 0px; padding: 5rem 0;}
.get-in-touch-section h1 {margin-bottom:2rem; font-size:28px;}
   

.get-in-touch{ text-align:left;}

.contact-details{text-align: left;}
.contact-details p{ color: #404040;    font-size: 19px;    font-style: italic;    line-height: 28px;}
.contact-details em{ float:left;font-size: 26px;color: #3079d9; margin-top:1px;}
.contact-details span.cntct a {display: block;font-size: 16px; line-height: 26px;color: #fff;margin: 0px 0px 18px 25px;}

}

.contact-form form input[type="text"]{height: 37px;box-shadow: none;border: 1px solid #cccccc;}
input[type="submit"],a#catshopbuy:link, a#catshopbuy:visited, .productSubmitInput{text-transform: uppercase;font-size: 16px;background: #3079D9;cursor: pointer;border: none;color: #FFF;padding: 0px;font-family: Montserrat, sans-serif;font-weight: 700;padding: 10px 25px;margin-top: 14px;border-radius: 90em;}
.contact-form form input[type="submit"]{ width:100%; height:72px; font-size:20px ; border-radius:0px;}
input[type="submit"]:hover{ background:#72b8f3;}
.contact-form form textarea{ height:135px; box-shadow:none; border:2px solid #e1e1e1;}
.contact-form {
    background-color: #f5f5f5;
    padding:20px;
    color: #000;
}
.contact-form h2, .contact-form label{
    color:#000;
}
.contact-form select, .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="number"],.contact-form textarea{
    background-color:#fff;
    border:1px solid #ddd;
    color:#000;
}
.contact-form input[type="text"]::placeholder,.contact-form input[type="email"]::placeholder, .contact-form textarea::placeholder{
    color:#000;
}
.contact-form .checkbox[data-show]{
    padding-left:20px;
}
input#catwebformbutton[disabled] {
  pointer-events: none; 
  background-color: #ccc !important; 
  color: #999; 
  cursor: not-allowed; 
}
.contact-details{
    background: #243b50;
    padding: 40px 20px;
    color: #fff;
    height: 100%;
}
.contact-details img {
    border:5px solid #fff
}
.map-section{float: left;width:100%;}
.map-section iframe{ width:100%; height:600px}

form .item {width:100%; float:left}
.item input[type="checkbox"]{float:left;margin: 6px 0 10px 0;}
.item label{float: left;}
/*==========================================================================*/
/*                                      FOOTER                              */
/*==========================================================================*/

footer{ width:100%; float:left; background:#102338;padding: 40px 0px 0px 0px;}
footer .large-12{ padding:0px;}
.footer-quick-links a {
    color:#fff;
}
.footer-quick-links a:hover{
    color:#0078a0;
}
.footer-quick-links li{
        margin-bottom:10px !important;
}
footer .logo-des p, .logo-des li{
    color:#fff;
}
footer .logo-des li{
    list-style:disc;
}
.socialmedia{ text-align:center;}
.socialmedia h4{ color:#fffefe; text-transform:uppercase;}

.social-list{margin: 21px 0px 30px 0px;}
.social-list ul{ text-align:center;}
.social-list ul li{ width:56px; height:56px; line-height:56px; text-align:center; border:2px solid #fff; border-radius:50%; display: inline-block;margin: 0px 11px;}
.social-list ul li:hover{ background:#ffffff;}
.social-list ul li:hover em{ color:#3079d9;}
.social-list ul li em{ font-size:25px; color:#fff;}

.sitemap{}
.sitemap ul{ text-align:center;}
.sitemap ul li{ display:inline-block;margin: 0px 13px;}
.sitemap ul li a{ font-size:15px; color:#959595;font-weight: 700;   }
.sitemap ul li:hover a{ color:#fff;}

.socialmedia p{font-size: 13px; margin: 18px 0px 0px 0px;}


/*==========================================================================*/
/*                              PARALLAX IMAGE                              */
/*==========================================================================*/
.main-section{ width:100%; float:left; position:relative;background-size: 100% 100%; background:url( https://uploads.prod01.london.platform-os.com/instances/258/assets/images/banner-water-tropic-reunion-fontaine-a-eau.jpg?updated=1758801771272) no-repeat 0px 0px;background-size:cover }
.potfolio-section{ width: 100%;float: left;background:url(../images/slider-1.png) no-repeat top center; background-size: cover !important; padding: 3rem 0 9rem;}
.testimonial-section{ width:100%; float:left;background:url(../images/testimonial-image.png) no-repeat 0px 0px; background-size:cover; padding: 43px 0px 110px 0px;}
.main-full-width-section{ width:100%;background:url(../images/full-width-image.jpg) no-repeat 0px 0px; background-size:cover;}
.main-about-section{ width:100%; background:url(../images/about-image.jpg) no-repeat 0px 0px; background-size:cover;}
.service-main-section{ width:100%; background:url(../images/service-image.jpg) no-repeat 0px 0px;  background-size:cover;}
.sidebar-main-section{ width:100%;background:url(../images/sidebar-image.jpg) no-repeat 0px 0px; background-size:cover;}
/*==========================================================================*/
/*                                      ABOUT                               */
/*==========================================================================*/


.about-caption{ text-align:center; padding: 98px 0px 139px 0px;}
.about-caption h1{ color:#fff;}
.about-caption p{ color:#fffdfc; font-style:italic;padding: 0px 142px;}


.co-founders-section{ width:100%;float: left;padding:2rem 0;min-height:500px;text-align: justify;}

.webdesign-breadcrumbs{width: 100%;float: left;}
.webdesign-breadcrumbs ul{}
.webdesign-breadcrumbs ul li{ float:left;}
.webdesign-breadcrumbs ul li:hover a{ color:#000;}
.webdesign-breadcrumbs ul li a{font-size: 14px; color:#959595;}
.webdesign-breadcrumbs ul li a:after{ background:url(../img/divider.png) no-repeat 0px 0px; content:''; display:inline-block; width: 11px;height: 13px;margin: 12px 10px 0px 8px;}
.webdesign-breadcrumbs ul li.selected a{ color:#000000;}
.webdesign-breadcrumbs ul li:last-child a:after{ background:none;}

.co-founders{ float:left;}
.co-founders h2{font-weight: 700;margin: 46px 0px 42px 0px;width: 100%;float: left;}
.co-founders ul{}
.co-founders ul li{ margin:0px 0px 44px 0px;text-align: center;}
.co-founders ul li:nth-child(4n){ margin-right:0px;}
.co-founders ul li:last-child{ margin-right:0px;font-size:20px}
.co-founders ul li h2{margin: 20px 0px 0px 0px;}
.co-founders ul li:hover h2{ color:#3079d9;}
.co-founders ul li span{ font-size:15px; color:#959595;}

/*==========================================================================*/
/*                                      FULL-WIDTH                          */
/*==========================================================================*/

.main-full-width-section .service-caption{padding: 82px 0px 122px 0px;}

.middle-full-width-section{ width:100%;padding: 34px 0px 156px 0px;}
.middle-full-width-section h1,.middle-full-width-section h2,.middle-full-width-section h3,.middle-full-width-section h4,.middle-full-width-section h5,.middle-full-width-section h6{ color:#010101; text-transform:capitalize;}

.middle-full-width-section h1{ font-size:28px;}
.middle-full-width-section h2{ font-size:25px;}
.middle-full-width-section h3{font-size:20px; }
.middle-full-width-section h4{font-size:18px;}
.middle-full-width-section h5{font-size:16px;}
.middle-full-width-section h6{font-size:14px;}

.middle-full-width-section p{ color:#000;}

.sidebar{ float:left; margin: 32px 0px 0px 0px;}
.sidebar-image-left-content h1.sidebar-heading{ font-size:40px; text-transform:uppercase; margin: 0px 0px 24px 0px;line-height: 44px;}
.sidebar-image-right img{ margin-top: 10px;}

.sidebar-list{}
.sidebar-list h1{font-size: 40px;font-family: Montserrat, sans-serif; font-weight:700;margin: 50px 0px 18px 0px;}
.sidebar-list ul{margin-left: 18px;}
.sidebar-list ul li{ font-size: 15px;list-style-image:url(../img/list-style-img.jpg); padding: 0px 0px 10px 18px;list-style-position: outside;}
.sidebarlist{margin-top: 124px;}
.sidebarlist li{ list-style:decimal !important;padding: 0px 0px 8px 19px;}


.list_style {list-style: none;margin: 0px 0 20px 0;}
.list_style li {background: url(../img/list-style-img.jpg) 0 9px no-repeat;padding: 0 0 0 25px;margin: 5px 0;line-height: 25px;}
/*==========================================================================*/
/*                                      SIDEBAR                             */
/*==========================================================================*/


.sidebar-main-section .service-caption{padding: 74px 0px 130px 0px;}
.middle-sidebar-section .large-12{ padding:0px;}
.middle-sidebar-section .large-6{padding: 0px 15px 0px 8px;}
.middle-sidebar-section .sidebar{ margin:0px;}


p.blog-content{ float:left; color:#7d7d7d; background: #f6f8fb;padding: 34px 66px 34px 68px;font-style: italic;border-left: 18px solid #b4cdef;margin-top: 20px; }
p.blog-content:before{ content:''; display:block;display: inline-block; float:left;width: 45px;height: 65px;background:url(../img/sidebar-quotes.png) no-repeat 0px 0px; margin:-9px 18px 0px -46px;}

.middle-sidebar-section .sidebar-list h1{ font-size:28px;margin: 0px 0px 20px 0px;font-family: Montserrat, sans-serif;}
.middle-sidebar-section .sidebarlist{margin: 60px 0px 0px 30px;}

.cultivate{ background:#f4f4f4;padding: 2rem;}

.cultivate p{ color:#666666;}

.readmore{ display: inline-block;padding: 6px 18px;background: #3079d9;color: #fff;font-size: 15px;border-radius: 4px;}
.readmore:after{ content: '';display: inline-block;background: url(../img/readmore-after.png) no-repeat 0px 0px;width: 5px;height: 9px;margin-left: 11px;}
.readmore:hover{ color:#fff; background:#72b8f3;}

.middle-sidebar-section .large-4{ padding:0px;}

.recent-post{float: left;background: #f4f4f4; margin-top:25px;padding:2rem;}
.recent-post h2{margin: 0px 0px 20px 0px;}
.post{width:100%; float:left;margin-bottom: 18px;}
.post img{ float:left;margin-right: 13px;}
.post-content{}
.post-content h3 a{display: block;color: #0e0f0f;line-height: 24px;font-family: Montserrat, sans-serif;}
.post-content p{ margin:0px;}
.post-content em{ font-size: 20px;color:#959595;margin-right: 8px;}
.post-content span{color:#959595;}
.post-content h3{ font-size: 18px;}
.middle-sidebar-section .recent-post .post:last-child{border-bottom:1px solid #dfdfdf;}
.main{width:100%; float:left;padding:15px 0}
.fourproduits-linkpr {
text-align: center !important;margin-top: 70px !important;
margin:0 auto;
}
/*==========================================================================*/
/*                                      SERVICES                            */
/*==========================================================================*/



.service-main-section{}
.service-caption{ text-align:center; padding: 98px 0px 139px 0px;}
.service-caption h1{ color:#fff;}
.service-caption p{ color:#fffdfc; font-style:italic;padding: 0px 142px;}

.service-list{float: left;margin: 94px 0px 0px 0px;}
.service-section{width: 100%;padding: 25px 0px 64px 0px; min-height:700px}
.service-list ul{}
.service-list ul li{text-align: center;}
.service-list ul li:hover h2{ color:#3079d9;}
.service-list ul li .large-6{ border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;padding: 10px 64px 86px 43px;}
.service-list ul li:nth-child(2n) .large-6{ border-right:none;}
.service-list ul li:nth-child(3) .large-6,.service-list ul li:nth-child(4) .large-6{ border-bottom:none;}
.service-list ul li:nth-child(3) .large-6 .service-image,.service-list ul li:nth-child(4) .large-6 .service-image{ margin-top:64px;}
.service-list ul li .large-6 h2{margin: 34px 0px 14px 0px;}

.buttons{ font-size:15px; background:#3078da;display:inline-block;padding: 10px 46px;border-radius: 38px; text-align:center; color:#fff; text-transform:uppercase;margin-top: 22px;}
.service-list ul li:hover a.buttons{  background:#3079d9;color:#fff;border:1px solid #3079d9;}
.service-list ul li a.buttons{ float:none; background:#fff; border:1px solid #404040; border-radius:30px; color:#404040;}
.service-image span{ font-size:138px;}
.service-list ul li:hover span{ color:#3079d9;}

.send-project{ width:100%; float:left; text-align:center;margin: 70px 0px 0px 150px;}
.send-project p{float: left; font-size:20px; color:#404040; margin: 19px 0px 0px 0px;} 
.btn{ background:#3079d9; font-size:20px; color:#fff; border:none;padding: 17px 61px;margin:0px 0px 0px 22px;font-weight: 700; text-transform:capitalize;}
.btn:hover{ color:#fff; background:#72b8f3;}


/*==========================================================================*/
/*                               WEB APP Detail-Page                        */
/*==========================================================================*/
.Services-Detail{width:100%; float:left;padding:30px 0}
.Services-Detail .web-design span{font-size:145px}

.Detail-Page{width:100%; float:left;padding:30px 0}
.Detail-Page .page_title{width:100%; float:left;}
.Detail-Page h2{width:auto; float:left;margin-right:25px}
.Detail-Page span{font-size: 18px;display:block;margin-bottom: 12px; color:#959595}
.Detail-Page figure{width:100%; float:left;margin:0px}
.Detail-Page figure img{width:100%; }



.team_member{width:100%; float:left ; border-radius:5px;margin:50px 0}

.team_member .team-image{width:100%; float:left ;padding:0px;}
.team_member .team-image img{width: auto; display:block;
}



.team_member .team-description{width:100%; float:left ;padding-top:30px}
.team_member .team-description h3{color:#028dd0;}
.team_member .team-description span{font-size:14px; color:#717171;text-transform:uppercase;margin-bottom:20px;display:block;}
.team_member .team-description p{font-size:16px; color:#8a8a8a;padding:0px;margin-bottom:12px;}

.social-icon{width: 100%;float: left;/* background: #939393; */padding: 0px;min-height: inherit;text-align: center;margin-top: 19px;height: 36px;}
.social-icon ul{width:auto; float:none;margin:0px;display:inline-block}
.social-icon ul li{width:37px ;float:left;margin:0px;border:none;border-radius:0px;background:none}
.social-icon ul li a{line-height:0px; text-align:center}
.social-icon ul li a em{ display:block; color:#4F87D1;}
.social-icon ul li a em.fa-facebook{font-size:26px;padding-top:3px}
.social-icon ul li a em.fa-twitter{font-size:29px;}
.social-icon ul li a em.fa-linkedin{font-size:29px;}







/*==========================================================================*/
/*                                      PORTFOLIO                           */
/*==========================================================================*/

.porfolio-main-section{ width:100%; background:url(../img/portfolio-image.jpg) no-repeat 0px 0px; background-size:cover; }

.portfolio-section{padding: 25px 0px 108px 0px;}

.portfolio{ width:100%; text-align:center; display:inline-block;padding: 50px 0px 86px 0px;}
.portfolio ul{ text-align:center;}
.portfolio ul li{ display: inline-block;padding: 0px 20px 0px 34px;}
.portfolio ul li a{ font-size:20px; color:#404040; font-weight:700; text-transform:uppercase;font-family: Montserrat, sans-serif; }
.portfolio ul li.selected{ background:#3079d9; padding: 3px 22px;border-radius: 24px; position:relative;}

.portfolio ul li.selected:after{content: '';
display: inline-block;
background: url(../img/portfolio-active-img.png) no-repeat center center;
width: 15px;
height: 8px;
position: absolute;
bottom: -21%;
right: 41%;}
.portfolio ul li.selected a{ color:#fff;}
.portfolio ul li.selected img{ position:absolute; top: 37px;right: 30px;}


.portfolio-images{width:100%; float:left;margin:0;padding:0}
.portfolio-images ul{width:100%; float:left;margin:0;padding:0}
.portfolio-images ul li{width: 33.33333%; float: left;margin: 0px 0px 15px 0px; text-align: left;}
.portfolio-images ul li h2{ font-size:25px; color:#404040;margin: 12px 0px 2px 0px;}
.portfolio-images ul li span{ font-size:20px; color:#898989; font-style:italic; text-transform:uppercase;display: block;margin-bottom: 30px;}
figcaption .port-hover-cntnt h2{ margin:0px !important; color:#fff !important;}
.photogalleryTable {
    width: 100%;
}
.load-more{ text-align:center; display:none;}
.loadmore{ font-size: 20px;background:#ebebeb; color:#959595; border:none;padding: 10px 87px; text-transform:uppercase;margin-top: 40px;}
.loadmore:hover{ color:#000;}

/*==========================================================================*/
/*                                      Portfolio water coolers                          */
/*==========================================================================*/

.hp-portfolio .gallery_product:last-child{
    float:left !important;
}
.hp-portfolio button.filter-button{
    background:#fff;
    color:#3079d9;
    border:1px solid #3079d9;
}
.hp-portfolio button.filter-button.active {
    background:#3079d9;
    color:#fff;
}
.hp-portfolio .img-box{
    border:1px solid #ddd;
    margin-bottom: 20px;
    min-height: 730px;
}
.hp-portfolio .img-box a{
    display: block;
    text-align: center;
}
.hp-portfolio .img-box img {
    height:350px;
    width:auto;
    margin:auto;
}
.hp-portfolio .block-desc ul {
    padding: 10px 30px;
    list-style: circle;
    margin-left: 0;
    text-align: left;
}

.hp-portfolio .block-desc ul li{
    list-style:disc;
}

/*====================== Homepage Logo Slider ==============================*/
section.sg-content.py-5 {
    padding: 40px 0px 40px 0px !important;
    clear: both;
}
.partner-wrap .owl-nav button, .hp-cards-section .owl-nav button{
    position:absolute;
    top:22%;
    background: #fff !important;
    width: 30px;
    height: 60px;
    font-size: 30px !important;
    box-shadow: 0 2px 8px 0 rgb(80 80 80 / 20%);
}
.hp-cards-section .owl-nav button{
    top:33%;
}
.hp-cards-section .owl-nav button, .partner-wrap .owl-nav button{
    background-color:#00abe4 !important;
    color:#fff !important;
}
.hp-cards-section button.owl-prev:hover, .hp-cards-section .owl-nav button.owl-next:hover, 
.partner-wrap button.owl-prev:hover, .partner-wrap .owl-nav button.owl-next:hover {
    background-color:#00abe4 !important;
    color:#fff !important;
}
.partner-wrap .owl-nav button.owl-prev, .hp-cards-section .owl-nav button.owl-prev{
    left:-40px;
}
.partner-wrap .owl-nav button.owl-next, .hp-cards-section .owl-nav button.owl-next{
    right:-40px;
}
.partner-wrap .owl-nav button:hover{
  color: #00abe4 !important;
}
.partner-wrap.owl-carousel .owl-stage {
    display:flex;
    align-items:center;
}
/*====================== Homepage Logo Slider css end ==============================*/
/*====================== Homepage cards section css end ==============================*/

.hp-cards-section .card {
    box-shadow: 0 0 10px rgba(0,0,0,.16);
    border-radius: 10px;
    min-height: 530px;
    margin-bottom:20px;
}
.hp-cards-section .card .card-body{
    padding:20px;
}
.hp-cards-section .card img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.hp-cards-section .large-4.medium-12.small-12.column {
    float:left;
}
.hp-cards-section .owl-carousel.owl-drag .owl-item{
   padding: 5px;
}
/*====================== Homepage cards section css end ==============================*/

/*==========================================================================*/
/*                                      CONTACT                             */
/*==========================================================================*/
.contact-main-section header{ border-bottom:none;}
.contact-map{width:100%; float:left;}
.contact-map iframe{ width:100%; height:400px}

.contact-section{ width:100%; padding: 12px 0px 50px 0px;}
.contact-section .get-in-touch .large-5{ padding:0px 15px 0px 0px;}
.contact-section .get-in-touch{ /*float:left; text-align:left;margin-top: 32px;*/}
.contact-section .get-in-touch p{ font-size:18px; color:#404040;padding:0px 325px 44px 0px; border-bottom: 1px solid #d7d7d7;margin-bottom: 50px;}
.contact-section .contact-details h4{margin: 0px 0px 16px 0px;}

.contact-form .checkbox{
    display:flex;
    align-items:top;
}
.contact-form .checkbox input{
    margin-top:3px;
    margin-right: 5px;
}
.contact-section .contact-details em{
  margin: 0;
}
.contact-section .contact-details .column{
    display:flex;
    justify-content: flex-start;
}

.contact-section span.cntct.number {
    margin:0px 10px !important;
}
.contact-section .fa-clock-o + span.cntct.number, .contact-section .fa-map-marker + .cntct {
    margin:0px 2px !important;
}

.contact-details span.cntct a{
    margin:0 !important
}

/*==========================================================================*/
/*                                      FEATURE                             */
/*==========================================================================*/

.feature-main-section{ width:100%; /*background:url(../img/slider-bg.png) no-repeat 0px 0px;*/ background-size:cover;}
.feature-main-section header{ border-bottom:none;}
.page_title{width:100%; float:left;}
.ftr-middle{padding: 0px 0px 100px 0px;font-family: Montserrat, sans-serif; width:100%; float:left}

.ftr-middle h1{ font-size:28px;}
.ftr-middle h1.feature-heading{ font-size:40px; color:#404040; font-weight:700;margin: 22px 0px 38px 0px;}

.ftr-slider-description{ position:absolute;top: 50%;right: 42%;}
.feature-heading1{ font-size:70px; color:#ffffff;background: rgba(77, 107, 120, 0.57); padding: 12px 12px 12px 11px; margin:0px;}
.main-event{width:100%; float:left}
.events{text-align:left;}
.events h1{margin: 10px 0px 26px 0px;}
.events p{ display:inline-block; font-size:17px; color:#383838; margin:0px;font-weight:100;}
.events em{ font-size:15px; margin:0px 6px;}
.events p img{ margin:0px 6px;vertical-align:-3px}
.events h2 a{ font-size: 19px;color: #3078da;margin: 16px 0px 5px 0px;font-weight: 100;text-transform: capitalize; font-family: Montserrat, sans-serif; font-weight:700;}
.evnt-dtls{  display: inline-block;font-size:14px;color:#2c2c2c;padding: 0px 4px 0px 0px;text-shadow: 0px 0px 0px #000;}
.evnt-dtls a{ color: #2c2c2c;}
.events .border{ border-right:none;}
.event-cntnt{background: #f4f9ff;padding: 20px 24px 74px 24px;margin-top: 10px;}
.event-cntnt p{font-size: 14px; color:#2c2c2c;margin-bottom: 22px;font-family: Montserrat, sans-serif;text-shadow: 0px 0px 0px #000;}
.reserve{width: 196px;height: 45px;line-height: 45px;font-size: 13px;padding: 0px;display:inline-block; color:#ffffff; text-align:center; text-transform:uppercase; font-weight:700; letter-spacing:1px; margin:0px !important;}
.reserve:hover{background:#72b8f3; color:#fff;}

.main-news{float: left; text-align:left;padding-bottom: 14px;width:100%}

.main-news .news{float: left;width:100%;margin-bottom:20px;}
.news-image{ width: 31%;float:left;border: 1px solid #e1e1e1;padding: 4px;margin-right: 16px;}
.news-image img{ width:100%;}
.news-content{width: 66%;float:left;}
.main-news h1{ margin: 44px 0px 10px 0px;}
.news-content h5{ margin: 0px 0px 5px 0px;}
.news h5 a{font-size: 17px;  color:#355054;text-transform: initial; display:inline-block; }
.news span{font-size: 13px;color: #b1b1a7;font-style: italic;font-weight: 500; }
.news  p{ clear:both;color: #373737;font-size: 13px;margin-top: 6px;}

.main-faq{ width: 100%;text-align:left; padding: 0px;float: left;}
.main-faq h1{margin: 98px 0px 24px 0px;font-family: Montserrat, sans-serif; font-weight:700;}
.accordion .accordion-navigation > a, .accordion dd > a{border-bottom: none !important; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 44%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(44%,#fcfcfc), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
color: #132533;
padding: 10px 16px 10px 16px;
display: block;
font-size: 16px; font-size: 20px;
border:1px solid #dfdfdf;}
.accordion .accordion-navigation.active > a, .accordion dd.active > a{color: #fff;  background:#3079d9;border-radius: 5px 5px 0px 0px;}
.logout a{ color:#3079d9;}
.accordion-navigation .accordion:before{content: "+";
display: table;
position: absolute;
right: 16px;
top: 16px;}
.accordion-navigation .accordion-navigation.active span.accordion:before{content: '-';
display: table;}
.accordion-navigation .accordion .accordion-navigation > a, .accordion dd > a{ position:relative;}
.border{ border-bottom:1px solid #dfdfdf;}

.main-forum{width:100%; float: left; text-align:left;}
.main-forum h1{margin: 64px 0px 20px 0px;font-family: Montserrat, sans-serif; font-weight:700;}
.logout{ float:left;font-size: 15px;}
.right-forum{ float:right;margin: 0px 0px 22px 0px;}
.right-forum .new-topic{width: 170px;height: 45px;line-height: 45px; text-align:center; display:inline-block; font-size:13px; color:#404040;background: inherit; border:1px solid #404040;  font-weight:700; text-transform:uppercase;margin-right: 20px;}
.right-forum em{ font-size: 15px;margin-right: 10px;}
.right-forum .new-topic:hover{ color:#3079d9;}
.right-forum .subscribe{width: 170px;
height: 45px;
line-height: 45px;
text-align: center;
display: inline-block;
font-size: 15px;
color: #fff;
background: #3079d9;
font-weight: 700;
text-transform: initial;
}
.right-forum .subscribe:hover{ color:#fff; background:#72b8f3;}
table tr td.last-rpy{ color:#b9b9b9;}

.forum-title{width: 100%; float:left;}
.forum-title table tr{background: #fff;}
.forum-title table tr td span{font-weight: 700;
color: #3079d9;}
.forum-title table tr.title-row th.forum-name{width: 56%; text-align:left;}
.forum-title table tr td.test{ font-weight: 700;color:#2e4259;text-align: left;}
.forum-title table tr td.test em{margin-right: 8px;}
table tr th, table tr td{ text-align:left;border-bottom: 1px solid #ebebeb;}
.forum-title table tr.title-row{ background:#535353;border-radius: 4px 4px 0px 0px;}
table{}
table tr th{ color:#fff;padding: 15px 15px;}

.main-media{ width:100%; float:left; text-align:left; }
.media{ margin-bottom:8px;}
.media em{ font-size:15px;}
.main-media h1{margin: 16px 0px 20px 0px;font-family: Montserrat, sans-serif;font-weight: 700;}
.main-media a{ font-size: 15px;
color: #3079d9;text-decoration:underline;margin-left: 14px;}
.main-media p{font-size: 15px;
color: #686868;margin-bottom:12px}

.gallary{ float: left;width: 100%;}
.gallary h1{ margin: 40px 0px 22px 0px;font-weight: 700;font-family: Montserrat, sans-serif;}
.gallary ul{ margin:0px;}
.gallary ul li{ float:left;margin: 0px 6px 10px 0px;text-align:center;}
.gallary-image{border: 1px solid #c2c2c2;
padding: 4px;}
.gallary ul li h2{ font-size:20px; color:#3079d9;margin: 6px 0px 0px 0px;}
.gallary ul li span{ font-size:14px; color:#535353;}

.feature-blog{width: 100%;float:left;}
.main-blog{width:100%;float: left;margin-top: 44px;}
.blog-image{border: 1px solid #d8d8d8;padding: 10px;}
.blog-list {width: 100%;margin: 10px 0px 0px;float:left;padding:0px ;border:none;background:none;}
.blog-items {width: 100%;height: auto;float: left;margin-bottom:30px ;border-radius:2px ;}
.blog-items h5 a{font-size: 20px; display:block;color: #3079d9;margin: 10px 0px 10px 0px;text-transform: initial;font-family: Montserrat, sans-serif;}
.blog-items .fa{font-size: 18px;color: #9c9c9c;}
.blog-items span.evnt-dtls{font-size:15px; color: #9c9c9c;margin: 0px 0px 5px 6px;display:inline-block; text-shadow:none;}
.blog-items p{font-size:15px; color:#4b6268;margin: 0px 12px 5px 0px; float:left;}
.readmore-1{display: block;clear: both;color: #fff;padding: 4px 26px;font-size: 15px;float: left;margin: 8px 0px 0px 0px !important;text-transform: capitalize;}
.readmore-1:hover{ background:#72b8f3; color:#fff;}
.top-main-section .row{
  display: flex;
  align-items: center;
}
.top-main-section .top-bar-links {
    display:flex;
    flex-wrap: wrap;
    align-items:center;
    gap:15px;
    margin-bottom:0;
    padding:15px 0px;
}
.top-main-section .top-bar-links li, .top-main-section .top-bar-links a {
    color:#fff
}

.store{  float:left;}
.store span{ font-size:13px; color:#2c2c2c; font-size:13px; color:#2c2c2c;text-transform:uppercase; letter-spacing:1px;}
.store h1{font-family: Montserrat, sans-serif; font-weight:700;}

.ftr-store{ float:left;}
.ftr-store span{ }
.ftr-view-cart{ float:right;}
.ftr-view-cart span{ color: #2c2c2c;float: left;}
.ftr-store a{ color:#d5a35e;}

.viewcart{ width:118px; height:32px; line-height:32px;float: left;margin-left: 16px;
border-radius: 4px;margin-top: -6px; background:#4486dd;text-transform: capitalize; text-align:center; color:#fff; display:block; font-size:15px;letter-spacing: 0px;}
.viewcart:hover{background:#72b8f3; color:#fff;}
.viewcart em{margin-right: 8px;}

.product{width: 100%; float: left;margin: 16px 0px 74px 0px;
border-top: 1px solid #e1e1e1;
padding-top: 84px;}
.product ul{margin: 0px;}
.product ul li{ float:left;}
.product ul li{ float:left; text-align:center;padding: 15px 15px 26px 15px;margin: 0px 32px 32px 0px;box-shadow: 0px 0px 4px #ededed;}
.product ul li:nth-child(2n){ margin-right:0px;}
.product ul li h3{font-size: 20px;
color: #1d1f20;
font-weight: 600;
text-transform: uppercase;
margin: 24px 0px 10px 0px;}

span.price{ display:block;  letter-spacing:0px; color:#fff !important; font-size:25px !important;padding: 1px 14px;margin: 0px 0px 0px 65px !important;}

.main-blog .col-lg-12{ padding:0px;}
.feature-poplet{width:100%; float:left;margin:20px 0;padding: 80px 0 72px 0;}
.feature-poplet h1{ margin:0px 0px 15px 0px;}
.product-detail{width:100%; float:left; height:auto; background:#f2f5f8; padding:37px 0; }
.pro_detail_img img{height: auto;vertical-align: middle;}
.pro_detail_des{padding: 0px 15px 0px 16px;}
.feature-poplet .chosen-container-single .chosen-single span{font-size:15px; text-transform:capitalize;color:#2c2c2c}
.pro_detail_des a{ display:block;color: #4486dd; font-size:13px;}
.pro_detail_des a:before{ content:''; display:inline-block;width: 18px;height: 12px; background:url(../img/reply-image.png) no-repeat 0px 0px;}
.pro_detail_des h3{ font-size:25px; color:#1d1f20;text-transform: uppercase;margin: 0px;font-family: Montserrat, sans-serif;}
.pro_detail_des p{font-size:13px; color:#000000; float:left;width:100%;margin-bottom: 12px;}
.pro_detail_des span{font-size:15px;color:#45b39c;text-transform:uppercase;margin-bottom:25px;display:inline-block;margin-bottom: 6px;}
p.author span{ color: #4486dd;text-transform: capitalize;}
span.feature-new-price{ font-size:40px; color: #4486dd;float: left;margin: 0px 14px 8px 0px;font-weight: 700;}
span.feature-old-price{ font-size:20px; color:#b4b4b4;margin-top: 15px;}
.pro_detail_des p.author{ font-size:15px; color:#1d1f20;margin: 0px;}

.select-handover{ float:left;width: 85%;}
.item_quantity{width:100% ;float:left;height:auto;margin: 8px 0 10px 0;}
.select-handover select{-moz-appearance: none; font-size: 15px;color: #1b252b;border: 1px solid #c5c5c5;border-radius: 4px;background: #fff url(../img/dropdown-image.png) no-repeat 248px 18px;width: 272px;height: 46px;margin: 0px;font-family: Montserrat, sans-serif;}
.item_quantity select{-moz-appearance: none; font-size: 15px;color: #1b252b;border: 1px solid #c5c5c5;border-radius: 4px;background: #fff url(../img/dropdown-image.png) no-repeat 98px 20px;width: 122px;height: 47px;margin: 0px;font-family: Montserrat, sans-serif;}
input[type="file"], input[type="checkbox"], input[type="radio"], select{margin: 0 0 1rem 0;}
select{-webkit-appearance: none !important;
-webkit-border-radius: 0px;
background-color: #fafafa;
background-position: 100% center;
background-repeat: no-repeat;
border: 1px solid #cccccc;
padding: 0.5rem;
font-size: 0.875rem;
color: rgba(0, 0, 0, 0.75);
line-height: normal;
border-radius: 0;
height: 2.3125rem;}
a.feature-viewcart{margin: 4px 0px 0px 0px;color:#fff;padding: 15px 26px;font-size: 16px;}
a.feature-viewcart:hover{ color:#fff; background:#72b8f3;}
a.feature-viewcart:before{ content:'';display:none; }
a.feature-viewcart i{ font-size:20px;margin-right: 10px;}

.thumbnail{float: left;margin-top: 12px;}
.thumbnail ul{}
.thumbnail ul li{width: 19.5%;float: left;margin-right: 16px;}
.thumbnail ul li.active{ border: 5px solid #4486dd; border-radius:4px;}

.buttons{ float:left;}
.button-scheme{ width:100%; float:left;}

.primary{padding: 11px 42px;}
.primary:hover{  background:#72b8f3; color:#fff;}
.secondary{padding: 11px 30px; background:#b3d92b; }
.secondary:hover{ color:#fff; background:#c5e554;}
.large{padding: 16px 51px;margin-bottom: 12px !important;}
.large:hover{ background:#b3d92b; color:#fff; }

.button-class .buttons{margin: 4px 24px 0px 0px;}

.ftr-right-cntnt{ float:right;}
.ftr-right-cntnt form{ position:relative;}
.search{ padding: 15px 0px 15px 36px !important;}
.submit{position: absolute;
top: 0px;
right: 0px;
background: #383838;
padding: 17px;
border: none;
color: #fff;
text-transform: uppercase;}
.border-bottom{ float:left; margin:52px 0px 0px 0px;}

.feature{margin: 0px 0px 0px 30px;}
.feature h2{ font-size:17px; text-align:left;background: #404040;padding: 16px 0px 15px 22px;color: #fff;font-family: 'Roboto', sans-serif; font-weight:700;border-radius: 4px 4px 0px 0px;margin-bottom: 0px;}
.feature ul{ margin:0px;border: 1px solid #ececec;border-radius: 0px 0px 4px 4px;}
.feature ul li{ text-align:left;border-bottom: 1px solid #ececec;}
.feature ul li:hover{ background:#3078da;}
.feature ul li:last-child{ border-bottom:none;}
.feature ul li:hover a{ color:#fff;}
.feature ul li a{font-size: 16px;padding: 17px 0px 17px 26px;
color: #000000;
display:block;
text-transform: capitalize;
font-weight: 700;}
.feature ul li.selected a{}

.pagination_nav {width:100%; float:left; margin:25px 0;text-align:center}
.pagination_nav ul {width: auto;display: inline-block; margin:0 auto;border: 1px solid #aeb8bb;border-radius:30px;}
.pagination_nav ul li{height:inherit;background: inherit;}
.pagination_nav ul li.current{ }
.pagination_nav ul li.current a{ background: #3079d9;}
.pagination_nav ul li a{width: 48px;
line-height: 52px;
text-align: center;
height: 52px;
font-size: 15px;border-right: 1px solid #e1e1e1;}
.gradiant ul{background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 44%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(44%,#fcfcfc), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
.pagination_nav ul li:last-child a{border-right:0px}
.pagination_nav ul li.prev-arrow , .pagination_nav ul li.prev-arrow  a{border-radius:30px 0px 0px 30px}
.pagination_nav ul li.next-arrow , .pagination_nav ul li.next-arrow  a{border-radius:0px 30px 30px 0px}

ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus{ }
ul.pagination li a, ul.pagination li button{ border-radius:0px;}


.pagination_navigation ul li.unavailable a{padding:0px 12px;}
.pagination_navigation ul li.current a{color:#fff; font-weight:normal;}

#productPoplets .productPopletsItem{margin:0 2% !important;padding:10px 5px}
#productPoplets .productPopletsItem a img{width:auto; display:block}
#productPoplets .productPopletsItem:nth-child(4n+4) {margin-right:0px !important}
.top-bar-section a {  
    text-transform: uppercase !important;
}
.blog-list .title {
    font-weight: 500;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0px;
}
.blog-list .description {font-weight: 300;
font-style: normal;
font-family: 'Montserrat', sans-serif;
color: #fff;
font-size: 16px;
line-height: 1.6;
letter-spacing: 0px;}
.square-btn:hover {
    color: #fff;
}
.footer-lnk a {
    color: #fff;font-family: 'Montserrat', sans-serif; font-weight: 300;
}
.top-bar-section ul li ul li a {

    color: #102338 !important;

}
.square-btn {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-style: normal;
    display: inline-block;
    color: #ffffff;
    background-color: #00abe4 !important;
    border-color: #00abe4 !important;
    padding: 18px 38px !important;
    font-size: 14px !important;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none !important;
}
.blog-block h1 {
    font-weight: 500;
    font-style: normal;
    font-family:Montserrat, sans-serif !important;
    color: #003671;
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: 0px;margin-bottom: 30px;
}
.post-custom-links {
    font-weight: 300;
    font-style: normal;
    font-family: Montserrat, sans-serif !important;
    color: #888888;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0px;text-align: justify !important;
}

.blog-list h3, .blog-list h4 {
    font-weight: 500;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    color: #003671;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0px;
}
.blog-list h4{
    font-size: 20px;
}
.blog-list h3 a {
    color: #003671;
}

.top-main-section p {
    margin: 20px 0px;
}

#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fefefe;
height: 100%;
z-index: 9999;
overflow: hidden;
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image:url(../img/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
z-index: 9999;
} 

.main-faq .faq-question h4{margin:0px 0px;border-bottom: none !important; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 44%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(44%,#fcfcfc), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */  text-transform:none;}
.main-faq  .faq-question h4 p{margin:0px}
.faq-question a{
color: #132533;
padding: 10px 16px 10px 16px;
display: block;
font-size: 16px; font-size: 20px;
background:url(../img/accordian-plus-arrow.png) right 17px center no-repeat;
border:1px solid #dfdfdf;}
.faq-question a.active {
background: #0085cc  url(../img/accordian-minus-arrow.png) right 17px center no-repeat;
color: #FFF;
}
.faq-question .question .answer{padding:12px}
.answer a {
background: none;
box-shadow: none;
border: none;
font-size: 14px;
padding-left: 0px;
color: #0085cc !important;
}
.blog-image img{ width:100%;}
.side-panel h4 {
width: 100%;
height: auto;
float: left;
background: #0085cc;
color: #fff;
margin: 0px;
font-size: 17px;
padding: 14px 30px;
text-transform: uppercase;
font-weight: 700;
border: 1px solid #ececec;
border-bottom: none;
border-radius: 5px 5px 0px 0px;
}
.side-panel ul {
width: 100%;
height: auto;
float: left;
margin: 0 0 30px;
background: #fff;
border: 1px solid #ececec;
border-top: none;
border-radius: 0px 0px 5px 5px;
}
.side-panel ul li {
width: 100%;
height: auto;
float: left;
border-bottom: 1px solid #ececec;
position: relative;
    margin:0;
    padding:0;
}
.side-panel ul li a {
width: 100%;
height: auto;
float: left;
color: #000000;
font-size: 16px;
    line-height:21px;
padding: 10px 30px;
font-weight: 700;
}
.side-panel { margin-top:8px;}
#photogalleryTable img {
width: 100%;
height: auto;
float: left;
position: relative;
border: 1px solid #c2c2c2;
padding: 3px;
border-radius: 3px;
margin-bottom: 8px;
}
#photogalleryTable .medium-6 {
margin-bottom:20px;
}

/*store*/
.product-small, .catalogue-small{
    box-shadow: 0 0 4px #ededed;
   
    margin: 10px 32px 32px 0;
    padding: 15px 15px 26px;
    text-align: center;
}
li.name h5 a,.catalogue-small h3 a{
    color: #1d1f20;
    font-size: 20px;
    line-height:28px;
    font-weight: 600;
    margin: 24px 0 10px;
    text-transform: uppercase;
}
li.price span.price {
padding:0!important;
float:none!important;}
li.price {
    color: #4486dd;
    
    font-size: 40px;
    font-weight: 700;
    margin: 0 14px 8px 0;
}
.productLarge h1 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.35em;
    text-transform: uppercase;
}
a#catshopbuy:link, a#catshopbuy:visited, .productSubmitInput {
    font-size:20px;
}

.fixed {    
  position: fixed !important;
  background-color: #fff;
  margin-top: 0px;
  opacity: 1;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
}
.bottle-offre-section h1 { 
font-weight: 700;
font-style: normal;
font-family: 'Montserrat', sans-serif;
color: #003671;
font-size: 48px;
line-height: 1;
letter-spacing: 1px;
}
.description-delivery {
    font-weight: 400;
    font-style: normal;
    font-family: 'Noto Serif', serif;
    color: #36a5ed;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 4px;
}
.details-delivery{
font-weight: 300;
font-style: normal;
font-family: 'Montserrat', sans-serif;
color: #888888;
font-size: 18px;
line-height: 1.6;
    letter-spacing: 0px;}


input[type="submit"] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #ffffff;
    background-color: #00abe4 !important;
    border-color: #00abe4 !important;
    padding: 18px 38px !important;
    font-size: 14px !important;
    border-radius: 5px !important;
    text-transform: uppercase;
    width: auto !important;
    height: auto !important;
}
.square-btn:hover , .fourproduits-linkpr a:hover ,input[type="submit"]:hover , .Intervention-float:hover  {
    background-color: #003671 !important;
}

.top-main-section{
    background-color:#102338;
}
.top-social-icons {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    margin: 15px 0px 0px 0px;
    float: right;
}
.top-social-icons li {
    display: inline-block;
    list-style: none;
    margin-left: 13px;
}
.top-social-icons li a em {
    color: #003671;
}
.main-menu > li {
    padding: 25px 0 0 0;
    border-top: 4px solid transparent;
}
header.fixed  .main-menu > li{
    padding: 29px 0 0 0;
}
.main-menu > li:hover {   
    border-top: 4px solid #36a5ed;
}
.top-bar .name {
    padding: 12px 0 0 0;
}
header.fixed .top-bar .name {
    padding: 12px 0 0 0;
}

.Intervention-float {
    background: #00abe4 none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    display: block;
    height: 42px;
    min-width: 64px;
    padding: 8px 10px 10px;
    position: fixed;
    right: -40px;
    top: 438px;
    transform: rotate(-90deg);
    z-index: 99999;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    .Intervention-float {       right: -38px;   }
}


.Intervention-float p a ,.devis-float p a {color:#fff;}

.main-menu li a:hover {
    color: #36a5ed !important;
}
.dropdown li a {
    background: #fff !important;
}
.dropdown {
    border-top: 2px solid #36a5ed;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
}
.offer h1 {
font-weight: 700 !important;
font-style: normal !important;
font-family: 'Montserrat', sans-serif !important;
color: #003671 !important ;
font-size: 48px !important;
line-height: 1 !important;
letter-spacing: 1px !important;
}

.offre-desc {
    font-weight: 400;
    font-style: normal !important;
    font-family: 'Noto Serif', serif;
    color: #36a5ed;
    font-size: 18px !important;
    line-height: 1.4;
    letter-spacing: 4px;
}

.offre-icon {
    font-weight: 700;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    color: #f5f5f5;
    font-size: 200px;
    line-height: 0.8;
    letter-spacing: 0px;
}
.web-design h3{color: #003671;
text-decoration: none;text-align: left;
font-weight: 500;
font-style: normal;}

.about-history-section .main-hd {
font-weight: 500;
font-style: normal;
font-family: 'Montserrat', sans-serif;
color: #00abe4;
font-size: 48px;
line-height: 1.5;
letter-spacing: 0px;
}
.about-history-section .main-hd-tp {
font-weight: bold;
font-style: normal;
font-family: 'Montserrat', sans-serif;
color: #003671;
font-size: 24px;
line-height: 1.2;
letter-spacing: 0px;}

.about-history-section .main-hd-details {
font-weight: 700;
font-style: normal;
font-family: 'Montserrat', sans-serif;
color: #003671;
font-size: 18px;
line-height: 1.7;
letter-spacing: 0px;
}

.about-history-abv-spc {
    position: absolute;
bottom: 80px;    
}
.logos-section {
    width: 100%;
    float: left;
    background: #F5F5F5;
    padding: 30px 0px 30px 0px;
}
.logo-img-abv {
    justify-content: center;
    display: inline-flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    height: 135px;
    align-items: center;
}
footer h3 ,footer h3 a {
    color: #fff;
    font-weight: 500;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 18px;
    line-height: 2.4;
    letter-spacing: 0px;padding-bottom: 30px;
}
footer h3 a:hover{
    color: #0078a0;   
}
.footer-logo-des {
    font-weight: 300;text-align:justify;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0px;
}
.footer-address {
    font-weight: 300;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0px;
}
.footer-phone , .footer-phone a {
    font-weight: 300;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0px;
}
.footer-address a{color:#fff ;}
.footer-phone a:hover , .footer-lnk a:hover , .top-phone a:hover ,.top-address a:hover , .footer-address a:hover , .blog-list h3 a:hover , .blog-content-section .blog-list h3 a:hover {color:#0078a0 ;}
.footer-email a {  
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0px;
    font-weight: 300;
}
.footer-email a:hover {   
    color: #0078a0;  
}
.footer-timing {
    font-weight: 300;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0px;
}
.foot-itlc {
    font-weight: 300;
    font-style: italic;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0px;
}
a.back-to-top {
    z-index: 500;
width: 50px;
height: 50px;
border-radius: 50%;
opacity: 1;
position: fixed;
bottom: 50px;
right: 40px;
display: none;
background: #00abe4;
color: #fff !important;
line-height: 49px;
font-size: 25px;
text-transform: uppercase;
text-align: center;
font-weight: 300;
}
.footer-comments {
    color: #ffffff;
    text-decoration: none;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
}
.footer-bottom {
    background-color: #0a1623;
    margin-top: 40px;
    float: left;
    width: 100%;
}
.footer-bottom p ,.footer-bottom p a {
padding: 20px 0px;
margin-bottom: 0px;
text-align: left;
color: #fff;
font-weight: 300;
font-style: normal;
font-family: 'Montserrat', sans-serif;
color: #ffffff;
font-size: 14px;
line-height: 1.2;
letter-spacing: 0px;
}
.footer-bottom p a:hover{
color:#0078a0;
}
.logo-title {
    color: #003671;
    font-weight: bold;
    font-size: 21px;
    text-align: center;    
    margin-bottom: 20px;
}
.produits-section {
    width: 100%;
    padding:40px 0px 0px 0px;
    margin-bottom: 40px !important;
}
.produits h1 {
    font-weight: 700;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    color: #003671;
    font-size: 48px;
    line-height: 1;
    letter-spacing: 1px;
    text-align: center;
}
.produits p {
    margin-top: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: 'Noto Serif', serif;
    color: #36a5ed;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 4px;
    text-align: center;text-transform: uppercase;
}
.slider-content-hg{
height:100%;
}
.fourproduits-linkpr a {
padding: 18px 38px;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-style: normal;
color: #ffffff;
background-color: #00abe4;
border-color: #00abe4;
border-radius: 4px;
text-align: center;position: relative;
}
.photogalleryTable {
    width: 100%;
    border: 0px !important;
}
.fourproduits {
    margin-top: 60px;text-align: left;
}
.footer-lnk {
    margin-bottom: 10px;
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {

    color: #0078a0 !important;
}
.product-name a {color: #003671;
text-decoration: none;
font-weight: 500;
font-style: normal;
font-family: 'Montserrat', sans-serif;
color: #003671;
font-size: 19px;
line-height: 1.2;
letter-spacing: 0px;
}

.product-name {
    margin-top: 20px;line-height: 0.4;
}
.fourproduits img{
box-shadow: 10px 11px 24px -10px rgba(0,0,0,0.33);
}
.blog-content-section {
   float: left;position: relative;
    width: 100%;
    padding: 80px 0px;
    background-image: url(../images/fontaine-eau-refrigeree-reseau-4.jpg);
    background-size: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
.blog-title h1 {
    font-weight: 700;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 48px;
    line-height: 1;
    letter-spacing: 1px;
    text-align: center;
}
.blue_filter {
    background: rgba(0,54,113, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.blog-title p {
    font-weight: 400;
    font-style: normal;
    font-family: 'Noto Serif', serif;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 4px;
    margin-top: 30px;
    text-align: center;
}

.product-name a:hover {
    color: #00abe4;
}
.blog-content-section  .blog-list h3 a{
color: #fff;
text-decoration: none;
font-weight: 500;
font-style: normal;
font-family: 'Montserrat', sans-serif;

font-size: 20px;
line-height: 1.2;
letter-spacing: 0px;
}
.blog-content-section  .blog-list p , .blog-content-section  .blog-list p a{
font-weight: 300;
font-style: normal;
font-family: 'Montserrat', sans-serif;
color: #fff;
font-size: 18px;
line-height: 1.6;
letter-spacing: 0px;}
.side-img img {
    max-width: 60%;margin-bottom: 2%;
}
.co-founders-section h1 , .contact-section h1 {
    font-weight: normal;text-align:left;
    color: #003671;
}
.co-founders-section a {
    text-decoration: underline;}

.commande-form select {
    width: 85px;
    margin-right: 10px;
}

.small-sharebtn #st-1.st-has-labels .st-btn {
    min-width: 37px !important;
}

.Fontaines.produits-section .large-2 {
                width: 20%;
            }
header .top-bar-btn{
    text-align: center;
    padding: 0px 10px !important;
    margin: 0px 5px;
    text-transform:initial;
    color: #fff !important;
}
.top-bar-btn{
    padding: 10px 30px !important;
    margin: 8px 20px 8px 0px;
    text-transform:initial;
}

/*----------------warning pop up css start------------------------*/        

    #modalOverlay {
            position: fixed;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999999999999999999999999999999999;
            height: 100%;
            width: 100%;
    }
.modalPopup {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            width: 40%;
            max-width: 470px;
            padding: 0px 0 10px;
            -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
            -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
            box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    }
.modalContent {padding: 0 1em;}

.modalContent h1 {
  margin-bottom: .2em;
  font-size: 22px !important;
  text-transform: unset !important;
}
.modalContent p {font-size: 16px;margin: .75em 0 1.5em;}
.buttonStyle {

        cursor: pointer;
        font-weight: bold;
        font-size: 14px;        
        color: #000;
        text-decoration: none;
        }
@media screen and (max-width:1024px){
  .modalPopup .mw-400{
    max-width: 100%;
  }
}
        @media (max-width: 767px) {
            .modalPopup{
                width: 94%;
                top: 45%;
                height: auto;
                overflow-y: scroll;
            }
            .modalContent h1{
                line-height: 30px !important;
            }
            .modalContent{
                padding: 0 13px;
            }
        }


 /* -------------------warning pop up css end------------------------------*/
@media screen and (min-width:640px){
  .d-md-flex{
    display: flex;
  } 
  .justify-md-content-center{
    justify-content: center;
  }
  
  
}

@media screen and (min-width:768px){
  .text-md-right{
    text-align: right;
  }
}
@media screen and (min-width:1024px){
  #st-2{
    top:50% !important;
    transform: translate(0, -50%);
  }
  .row{
    max-width:960px;
  }
  
}
@media screen and (min-width:1025px){
  .slider-content {
    margin-top:80px;
    max-width: 600px;
}
}

@media screen and (min-width:1200px){
   .row{
      max-width:1165px;
    }
  
}
@media screen and (min-width:1900px){
  .about-history-section {
    background-position-x: 0px !important;  
    position: relative;
    background-image: url("../images/fontaine-eau-refrigeree-reseau-2.jpg");
    background-size: cover;
    height: 660px;
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    background-position-y: -177px;
}
  
}

@media (max-width: 1920px) {
    
    .footer-pd{padding : 0px;}
    
    .logo-des{padding:0px;}
    
    
    
    .about-history-section {
    background-position-x: 0px !important;  
        position: relative;

background-image: url("../images/fontaine-eau-refrigeree-reseau-2.jpg");

background-size: auto auto;
height: 660px;
float: left;
width: 100%;
background-repeat: no-repeat;
background-position-y: -177px;
}
    .main-section {   
    min-height: 550px;
}
    .contain-to-grid .top-bar {
    max-width: 1160px !important;
}
    .top-bar-section a {
    font-size: 16px !important;
}
.meet-team-section{ padding:4rem 0 6rem;}
.testimonial-section{ padding:4rem 0;}
.grid{ padding:0px;}

.service-list{margin: 42px 0px 0px 0px;}
}

@media (max-width: 1600px) {
   
      
   
    .about-history-section {
position: relative;
background-image: url("../images/fontaine-eau-refrigeree-reseau-2.jpg");
background-size: auto auto;
height: 660px;
float: left;
width: 100%;
background-repeat: no-repeat;
background-position-x: -300px !important;
        background-position-y: -177px;
}
  
    
    }

@media (max-width: 1366px) {
  
        .main-section {  
    background-position-y: 0px ;
}
    
    .contain-to-grid .top-bar {
    max-width: 1160px !important;
}
}


@media (max-width: 1279px) {
    
   
.top-bar-section a {
    font-size: 12px !important;
    font-weight: normal !important;
}

header{padding: 0px 0px 0px 0px;}
h1{ font-size:40px;}
.slider-caption h1{ margin:30px 0px 30px 0px; font-size:36px;}

.slick-slide img{width: 70%;}
.project p{ font-size:18px;margin-bottom: 30px;}
.project-section{padding: 30px 0px 16px 0px;}
.button{padding: 10px 38px; font-size: 20px;}
.offer-section{ padding:30px 0px 0px 0px;}
.web-design h3{margin: 22px 0px 16px 2px;}
.filter-slider .slick-slide img{width: 100%;}


.ch-info ul li{  width:auto !important; }
.ch-info ul{ margin:0px;left: 26%;}
.meet-team ul li h2,.co-founders ul li h2{font-size: 21px;}
.meet-team ul li span,.co-founders ul li span{font-size: 15px;}
.testimonial-caption p{ font-size:18px;}
.author-details{width:27%;}
.testimonial-caption h1{ font-size:42px;}
.social-list ul li{width: 50px;height: 50px;line-height: 50px;}
.social-list ul li em{font-size: 20px;}
.social-list{margin: 16px 0px 16px 0px;}



.middle-full-width-section{padding: 34px 0px 30px 0px;}
.sidebar-image-left-content h1.sidebar-heading{font-size: 32px;}
.middle-full-width-section p{font-size: 13px;}

.service-caption{padding: 44px 0px 44px 0px;}   

.portfolio{padding: 32px 0px 44px 0px;}
.portfolio-section{padding: 30px 0px 0px 0px;}

.service-list ul li .large-6{min-height: 480px;padding: 10px 64px 30px 43px;}
.send-project{margin: 70px 0px 0px 82px;}
.service-list ul li .large-6 h2{font-size: 29px;}
.service-list ul li:nth-child(3) .large-6 .service-image, .service-list ul li:nth-child(4) .large-6 .service-image{margin-top: 30px;}

.pagination_nav{width: 64%;}
.product{padding-top: 36px;margin: 20px 0px 0px 0px;}
.product ul li{margin: 0px 23px 32px 0px;}
.main-faq h1{margin: 46px 0px 24px 0px;}
.feature-poplet{padding: 20px 0 20px 0;}
.pro_detail_des h3{font-size: 24px;}
.ftr-middle{padding: 0px 0px 40px 0px;}

.forum-title table tr.title-row th.forum-name{width: 46%;}


.map-section iframe, .contact-map iframe{ width:100%; height:400px}
}
@media screen and (max-width:1300px){
  .slider-content {
    text-align: left;
    padding-left: 50px;
   }
}
@media screen and (min-width:1025px) and (max-width:1200px){
  .hp-portfolio .img-box{
    min-height: 630px;
}
}

@media screen and (max-width: 1024px) {
  .slider-content {
    text-align: left;
    padding-left: 50px;
   }
     .footer-pd{padding : 0px 15px;}
        .about-history-section {
     height: auto !important;
        background-image: none !important;
    padding: 30px 0 !important;
    }
    .about-history-abv-spc {
        position: relative !important;
        bottom: 0px !important;
    }
    .main-section {   
        min-height: 350px;
    }
  .contact-details {
      margin-top:30px
  }
    
}

@media screen and (max-width: 991px) {
  
 
.blog-list img{
    max-width:100% !important;
    height:auto !important;
}   
.slick-prev{left: 14px;}
.slick-next{right: 14px;}   
.slick-slide img{ width:64%;}   
h1{ font-size:32px;}
h3{ font-size:21px;}
.web-design span{font-size: 100px;} 
.offer p,.meet-team p{padding: 0px 10px; margin-bottom: 30px;}
.portfolio-list{padding: 14px 0px 30px 0px;}

.ch-info ul{left: 18%;top: 36%;}
.author-details{ width:265px;}

.contact-details p{font-size: 18px;}
.contact-details span.cntct a{font-size: 18px;margin: 0px 0px 18px 36px;}
.contact-details em{margin-top: -3px;}
.contact-form form input[type="text"], .contact-form form input[type="email"]{font-size: 0.875rem;padding: 8px 8px 8px 18px;}
.contact-form form textarea{font-size: 0.875rem;padding: 8px 8px 8px 18px;}
.sitemap ul li a{font-size: 13px;}

.top-bar-section ul li a{font-size: 15px;}
.top-bar-section ul li:last-child a{ padding-right:15px !important;max-width: 250px;}

.co-founders h2{margin: 0px 0px 30px 0px;}
.co-founders ul li{margin: 0px 0px 22px 0px;}
.about-caption{padding: 30px 0px 30px 0px;}
.webdesign-breadcrumbs{margin-bottom: 15px;}

.contact-section{padding: 20px 0px 30px 0px;}

.contact-section .get-in-touch{margin-top: 0px;}
.contact-section .get-in-touch p{font-size: 16px;padding: 0px 0px 30px 0px; margin-bottom: 30px;}
.contact-form form input[type="submit"]{height: 62px;}

.sidebar-image-left-content h1.sidebar-heading{font-size: 26px; margin:0px;}
.sidebar{margin: 8px 0px 0px 0px;}
.sidebar-list h1{margin: 0px 0px 16px 0px;}
.sidebarlist{margin-top: 72px;}
.sidebar-list ul li{padding: 0px 0px 10px 5px;}



figcaption .port-hover-cntnt h2{font-size: 18px !important;}
.port-hover-cntnt a.viewproject{padding: 7px 12px;font-size: 10px;}
.port-hover-cntnt{padding: 19px 10px 19px 10px;}
figure.effect-zoe figcaption{padding: 40px 0px 0px 0px;}
.portfolio-images ul li h2{font-size: 22px;margin: 4px 0px 2px 0px;}
.service-caption p{padding: 0px 20px;}

.service-image span{font-size: 100px;}
.service-list ul li .large-6 h2{font-size: 20px; margin: 16px 0px 14px 0px;}
.send-project{margin: 18px 0px 0px 0px;}
.send-project p{margin: 19px 0px 24px 0px;}
.btn{ margin:0px;}

.middle-sidebar-section .large-6{padding: 0px 0px 0px 8px;}
.middle-full-width-section h1,.middle-full-width-section h2{font-size: 22px;}
.post-content h3{font-size: 17px;}

.ftr-middle h1.feature-heading{margin: 0px 0px 20px 0px;font-size: 30px;}
.feature{margin:0px; float:left;width:100%;}
.events h1{font-size: 30px;margin: 0px 0px 16px 0px;}
.news-image{width: 30%;}
.pagination_nav{width: 86%;margin: 18px 0px 0px 0px;}
.right-forum .new-topic{width: 138px;}
.right-forum .subscribe{width: 138px;font-size: 13px;}
.ftr-middle h1{font-size: 28px;}
.gallary ul li{margin: 0px 2px 10px 0px;}
.product ul li{margin: 0px 5px 32px 0px;width: 49%;}
span.price{margin: 0px 0px 0px 48px !important; font-size: 18px !important;}
.pro_detail_des{padding: 0px 0px 0px 15px;}
.select-handover select{width: 200px; background: #fff url(../img/dropdown-image.png) no-repeat 176px 20px;}
a.feature-viewcart{padding: 10px 17px;font-size: 13px;}
.primary{padding: 10px 34px;}
.secondary{padding: 10px 19px;}
.large{padding: 10px 39px;}
.button-class .buttons{margin: 4px 13px 0px 0px;}
.feature ul li a{padding: 12px 0px 12px 26px;}
.forum-title table tr.title-row th.forum-name{width: 38%;}
.productLarge h1{font-size:30px}
}
@media (max-width: 814px) {  
  table.responsive-table tr,table.responsive-table td{
      display:block;
    }
    .contactez-footer {
    text-align: center !important;
}

.javascptdisable {
    text-align: center !important;
}
    .logo-des{padding:0px 15px;}
     .top-bar-section a {font-size: 7px !important;font-weight: normal !important; padding: 5px 0 5px 10px !important;}
    .top-bar-section .has-dropdown > a {
    padding-right: 0px !important;
}
    .Intervention-float  {display:none;}    
  
}

@media (max-width: 767px) {
    
.meet-team ul li.column{margin:10px 0}
.ftr-middle .ftr-right-cntnt{width:100%; float:none; margin:0 auto;display:block; max-width:320px;}
.ftr-middle .left-content{width:100%; float:left; margin:35px 0 0 0}
.map-section iframe, .contact-map iframe{ width:100%; height:350px}
.top-bar .toggle-topbar{right:15px}
.productLarge h1{font-size:26px}
img.logo-img{
    margin-top: 10px;
}
}
@media (max-width: 640px) {
  .top-main-section{
    display: none;
  }
  .top-bar-section ul{
    padding: 20px 0px;
  }
  section.bottle-offre-section.bg-blue .row .slider-content-hg{
     margin-top: 20px;
  }
  .header-search{
    margin:15px 0px;
  }
  .top-main-section{
     padding-bottom:20px !important;
  }

  .mw-100{
    width: 100% !important;
  }
  .mw-350, .mw-400, .mw-450, .mw-500, .mw-550, .mw-600 {
    width:100%;
    max-width:100%;
  }
  .top-main-section .row{
    flex-direction: column;
  }
  .top-bar-section ul li > a.square-btn.top-bar-btn {
      width:auto;
  }
  .fourproduits .column{
    margin-bottom: 25px;
  }
  .fourproduits .column h4{
    padding-top:15px;
  }
    .top-bar-section ul li ul li:hover a {
    color: #fff !important;
}
    .top-bar-section ul li ul li:hover a {
    color: #fff !important;
}
    
    .photogalleryTable {   
    display: none;
}
    
    .Fontaines.produits-section .large-2 {
                width: 100%;
            }

    
    .top-bar-section .dropdown {
    height: 130px;
}
  .main-menu li {
    padding: 0px 0 0 0 !important;
}
    .dropdown li a {
    background: transparent !important;
}
    .top-bar-section ul li:hover ul li a {
    color: #fff !important;
}
    footer h3, footer h3 a {   
    padding-top: 15px; padding-bottom: 0px;
}
    .bottle-offre-section h1 , .produits h1 , .offer h1 , h1 {  
    font-size: 30px !important;   
}
    .fourproduits {
      text-align: center !important;
}

.fourproduits img { 
  width: 75% !important; 
  height: auto !important; 
}
    .top-main-section p {
    margin: 10px 0px !important;
}
    
    header {
    padding: 20px 0px 0px 0px;
}
    .square-btn {    
    padding: 10px 10px !important;
    font-size: 10px !important;
   }

.slider-content {
    text-align: left;
    padding-left: 15px;

}
    .slider-details {
    margin-bottom: 30px; 
    color: #fff;
    font-size: 10px;  
}
    .top-main-section .top-phone {
    text-align: left !important;
}
    
    .top-bar .name {
    padding: 0px 0 0 0 !important;
}
    .blog-content-section {   
    height: auto !important;  
}
   
.bottle-offre-section , .produits-section , .blog-content-section {
    padding: 30px 0px 30px 0px !important;
  }
   .Intervention-float {display:none !important;}
    
    .top-bar-section a {
    font-size: 12px !important;
    font-weight: normal !important;
    padding: 5px 0 5px 10px !important;
}


    .fixed {
    position: fixed !important;
    background-color: #fff;
    margin-bottom: 0px;
    opacity: 1;margin-top: 0px !important;
    padding-bottom: 0px;
}
    .blog-content-section  .blog-list h3 a{
color: #000 !important;
}
.blog-content-section  .blog-list p , .blog-content-section  .blog-list p a{
color: #000 !important;
}
    .blog-content-section {   
    background-size: cover;
}
    .footer-bottom {
    background-color: #000;
    margin-top: 20px !important;
    float: left;padding: 0px 15px;
    width: 100%;
}
    .blog-title h1 {
    font-weight: 700;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    color: #003671 !important;
    font-size: 20px !important;
    line-height: 1;
    letter-spacing: 1px;
    text-align: center;
}
    .top-bar .name {
    padding: 0px 0px 0px 10px !important;
}
    .social-mn{display:none;}
.service-list ul li .large-6{min-height:inherit;padding:20px 0; border-right:none; border-bottom:1px solid #d7d7d7 !important;}
.productLarge h1{font-size:24px}
.Detail-Page figure img{width:auto;display:block;}
 .top-bar-section .dropdown li.title h5 a,.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){padding:0 0 0 15px !important; margin: 15px auto;}
 .top-bar-section ul li:hover ul li a{color:#fff !important}
 
 .top-bar.expanded .title-area{ background:inherit;}
.top-bar-section ul li.selected a{ border:none;}
.top-bar-section li:not(.has-form) a:not(.button):hover{ border-bottom:none;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){ background:inherit;}
/*.top-bar-section ul li > a,.top-bar-section ul li.selected a,.top-bar-section .dropdown li.parent-link a, .top-bar-section ul li:hover a{padding: 5px 0 5px 10px !important; border-bottom:none}*/

.top-bar-section ul li.has-dropdown.not-click {
background: url(../img/arrow-right.png) no-repeat 99% 5px;
}

.top-bar-section .dropdown li.title h5 a{ font-size:16px; color:#b3d92b;}
.slick-prev, .slick-next{width: 46px;height: 46px;top: 46%;}
.slick-prev:before, .slick-next:before{font-size: 26px;}
.top-bar.expanded .toggle-topbar a span::after{box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;}
.top-bar .name h1 a{ float:left; }

.top-bar .toggle-topbar.menu-icon a{height: 44px;line-height: 40px;padding: 2px 15px 11px 35px;}
.top-bar .toggle-topbar.menu-icon{top: 43%;
margin-top: -22px;
background: url("../images/menu-button.png");
background-repeat: no-repeat;
border-radius: 5px;padding-right: 3px;}
.top-bar .name{ height:auto;}
.contact-section .get-in-touch .column{padding:15px 0;}

.offer-btn-sec{padding: 8px 10px 30px 20px;}
.offer-btn-sec a{
    border-radius: 14px;
    padding: 10px 87px !important;
    font-size: 12px !important;

}
.top-bar .top-bar-section{
  display: none;
}
.top-bar.expanded .top-bar-section{
  display: block;
}
}
@media (max-width: 600px) {
/*---menu---*/
iframe {
    max-width:100%;
    margin:20px 0px;
   }
.bottle-offre-section h1{
  margin-top:45px;
}

/*header{padding: 18px 0px 18px 0px;}*/
.project-section .large-12{ padding:0px;}
.portfolio-list ul li{padding: 0px 18px 0px 21px;}
.portfolio-list ul li a{font-size: 14px;}

.port-hover-cntnt h2{font-size: 20px;}
.port-hover-cntnt{padding: 19px 10px 19px 10px;}
.port-hover-cntnt a.viewproject{padding: 7px 12px;font-size: 9px;}
figure.effect-zoe figcaption{padding: 42px 0px 0px 0px;}
.ch-info ul li{margin-right: 15px !important;}
.ch-info .full-bio{padding: 3px 8px;margin: 5px 0px 0px 7px;}
h2,.meet-team ul li h2,.co-founders ul li h2{ font-size:20px;}
.testimonial-caption h1{ font-size:32px;}
.testimonial-caption p{ font-size:14px;}
.author-name span{font-size:16px;}
.author-name h4{font-size:20px;}
.more-testimonials{ font-size:12px; padding:8px 18px; margin:28px 0px 0px 44px;}
.author-details{ width:215px;}
.contact-details span.cntct a{margin: 0px 0px 12px 36px;}

.get-in-touch .large-5{margin-bottom:5px}
.get-in-touch-section{ padding:30px 0px;} 

.about-caption p{padding: 0px 20px;}

.sidebar{ margin:0px;}
.sidebarlist{margin-top: 24px;}
.sidebar-image-left,.sidebar-image-right{margin: 6px 0px 18px 0px;}
.middle-full-width-section p{font-size: 15px;}
.middle-full-width-section .large-8{padding: 0px 15px 0px 16px;}
.middle-full-width-section{padding: 30px 0px 30px 0px;}

.portfolio-images ul li{width: 50%;}
.portfolio-images ul li span{margin-bottom: 8px;}

.portfolio ul li{padding: 0px 8px 0px 23px;}
.portfolio ul li a{font-size: 17px;}


.service-section{padding: 25px 0px 30px 0px;}
.send-project p{font-size: 18px;}
.service-list{ margin:0px;}
.btn{font-size: 17px;padding: 10px 32px;}

.middle-sidebar-section .large-8{ padding:0px;}
.middle-sidebar-section .sidebarlist{margin: 15px 0px 0px 4px;}


.gallary ul li{margin: 0px 16px 10px 0px;}
.main-blog{margin-top: 20px;}
.store h1{ float:left;}
.ftr-view-cart{margin-top: 14px;}
.product ul li{margin: 0px 11px 32px 0px;}
span.price{margin: 0px 0px 0px 80px !important;}
.pro_detail_des{padding: 15px 0px 0px 0px;}
.ftr-right-cntnt{margin: 30px 0;} 

.main-forum h1{margin: 25px 0px 20px 0px;}
.top-bar-section{border-top: 1px solid #6281a4;}

.portfolio-images{margin-left: 0px;}

}

@media(max-width: 568px){
.author-details{ width:49%;}
h2, .meet-team ul li h2,.co-founders ul li h2{font-size: 19px;}
.map-section iframe{ width:100%; height:300px}

.portfolio ul li{padding: 0px 8px 0px 22px;}    
.portfolio ul li a{font-size: 16px;}

.product ul li{margin: 0px 10px 32px 0px;}

.forum-title table tr.title-row th.forum-name{width: 42%;}

.portfolio ul li{height:35px;}
table.forum .icon{width:25px;margin-top:5px;}
table.forum td{padding:9px 5px !important}
table.forum .icon img{width:100%}
table.forum .forum{margin:0 0 0 30px;}
table.forum .forum h3 {font-size:14px;line-height:20px}
table.forum td.lastpost{width:20px !important ;}
table.forum td.posts{width:20px !important;}
table.forum td.topics{width:20px !important;}
table.forum td.name{width:40% !important ;}

.blog-list img{
  max-width:100% !important;
  height:auto !important;
}
.header-social-icons{
  display: block;
  margin-left: 0px !important;
  margin-bottom: 20px;
}

}

@media(max-width: 480px){
    .slider-caption h1{ font-size:15px;}
    .project p{ font-size:15px;}
    .button{padding: 10px 23px;font-size: 15px;}
    .portfolio-list ul li{padding: 0px 7px 0px 7px;height: 31px}
    .portfolio-list ul li a{font-size: 10px;}
    .co-founders ul li{margin: 0px 0px 22px 0px;}
    .ch-info ul{left: 32%;}
    .ch-info ul li{margin-right: 25px !important;}
    .ch-info .full-bio{margin: 24px 0px 0px 18px; }
    .testimonial-caption h1{ font-size:22px;}
    .testimonial-caption{ padding:0px 37px;text-align:justify;}
    .author-details{ width:86%;}
    .testimonial-slider .slick-next{right: -34px;}
    .testimonial-slider .slick-prev{left: 1px;}
    .sitemap ul li{margin: 0px 11px;}
    
    .co-founders h2{ text-align:center;}
    .webdesign-breadcrumbs{margin-bottom: 22px;}
    
    .sidebar .large-7{padding: 0px 2px;}
    .portfolio ul li.selected{padding: 3px 16px;}
    .portfolio{padding: 16px 0px 30px 0px;}
    .portfolio ul li a{font-size: 12px;}
    
    .portfolio-images ul li{width: 100%;
margin: 0px;
}

.btn{ margin-left:38px;}

.sidebar-main-section .service-caption{padding: 36px 0px 40px 0px;}
.service-caption h1{font-size: 28px;}
p.blog-content{padding: 34px 6px 34px 54px;}
p.blog-content:before{ height:202px;}

.events h2{ margin:15px 0px;}
.events p{font-size: 15px;}
.event-cntnt{padding: 20px 15px 74px 15px;}
.main-news h1{margin: 14px 0px 10px 0px;}
.news-image{width: 76%;margin-bottom: 15px;}
.news-content{width: 100%;}
.news p{margin: 6px 0px 0px 0px;}
.blog-items{margin-bottom: 20px;}
.blog-items p{ width:100%;}

.pagination_nav ul li a{width: 42px; height:42px;line-height: 42px;}
.prev{width: 41px;}
.next{width: 30px;}
.prev:after{ margin:-5px 0px 0px 18px;}
.next:after{ margin:-5px 0px 0px 5px;}

.right-forum .new-topic{margin-right: 15px;}
.right-forum{margin: 22px 0px 22px 0px;}
.main-media h1{margin: 26px 0px 20px 0px;}
.gallary h1{ margin:22px 0px;}
.product ul li{ width:100%;}
.ftr-view-cart span{margin-bottom: 20px;}
.button-class .buttons{margin: 4px 30px 8px 0px;}
.primary{padding: 11px 42px;}
.secondary{padding: 11px 30px;}
.large{padding: 16px 51px;}
.social-list ul li{margin: 0px 10px;}
.sitemap ul li{margin: 0px 6px;}
.main-full-width-section .service-caption{padding: 40px 0px 48px 0px;}
table tr th{padding: 15px 0px 15px 5px;}
.portfolio-list ul li.selected{padding: 3px 17px;}
.sidebar-list ul{margin-left: 0px;}
.sidebar .large-5{ padding:0px;}
.productLarge h1{font-size:22px}
.contact-map iframe{height:235px}
}

@media(max-width: 479px){
.meet-team ul li.column, .co-founders ul li.column  {width:100%;}
.catalogueList .catalogueItem .columns, .catalogueList .catalogueItemLast .columns{width:100%;margin:15px 0}
.productList .productItem .columns ,.productList .productItemLast .columns{width:100%;margin:15px 0}
.Services-Detail .columns{width:100%;}
li.offer-btn a{
  
    font-size: 14px !important;
}

}
@media(max-width: 360px){
    .offer-btn-sec a{
            padding: 10px 50px !important;
    font-size: 12px !important;
    }
}