/*!
Theme Name: sr_comptanna
Author: Sprout Road
Author URI: http://sproutroad.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sr_comptanna
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/
body{padding:0; margin:0;}
p{font-family: 'Heebo', sans-serif;padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{padding:0; margin:0;font-family: 'Montserrat', sans-serif;}


.navbar-default {background: no-repeat;box-shadow: none;border: none;margin-bottom:0;}
.site-branding.navbar-brand {width: 350px;height: auto;padding:0;margin-top: 0px;} 
.site-branding.navbar-brand img{width: 100%;height: auto;}
.navbar-default .navbar-nav>li>a{font-weight: 600;font-size: 14px;padding: 12px 20px 12px 0;color: #000;text-transform: capitalize;font-family: 'Heebo', sans-serif;}
.navbar-nav>li{height:73px; display:flex; align-items: center; justify-content:center; }
.navbar-default .navbar-nav>li.current-menu-item a{color: #31b667;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #31b667;}





.carousel.slide.carousel-fade {background-color: #594874;height: 80vh;background-size: cover;background-position: center center;    margin-right: 50px;position:relative;}
.carousel.slide.carousel-fade:after{position:absolute;width:188px;content:""; background:url(images/banner-after.jpg);height:88px;background-size:cover;background-size: cover;bottom: -88px;left: 35%;background-position: center;}
.banner-image {width: 450px;float: right;padding: 40px 0px 0 0;margin-right: 60px;border-radius: 100px 0 50px 0;border-bottom: 7px solid #31b667;}
.banner-image img{width:100%; height:100%;border-radius: 40px 0 40px 0;}
.app_banner_contentmt h2 {width: 500px;margin: 200px 0 0 110px;float: left;color: #fff;font-size: 37px;line-height: 48px;font-family: "Montserrat", sans-serif; font-weight: 700;}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/********************************/

.carousel-indicators li {border-radius: 0;width: 100px;background:#ccc; border-color:#ccc; height:7px;}
.carousel-indicators li.active{border-radius: 0;width: 100px;background:#31b667; border-color:#31b667;height:7px;}
ol.carousel-indicators {left: 15%;bottom: -90px;}
.divider{padding:100px 0; float:left; width:100%;}
.services h3 {font-size: 20px;color: #ffaa15;padding-bottom: 15px;padding-top:5px;}
.services ul li{font-family: 'Heebo', sans-serif; padding-bottom:8px;font-size:14px; color:#626262;}
.services ul {padding-left: 30px;}


.divider-pannel{width:100%;background:#594874; padding:60px 30px;float:left;border-radius:60px 0 60px 0; margin-top:60px;}
.divider-pannel h2{color:#fff; font-size:32px; float:left; font-family: "Montserrat", sans-serif; font-weight:700;font-size: 36px;}
.divider-pannel a{color:#fff; font-size:18px; float:right;background: #30b666;border-color: #30b666;color: #ffffff;border-radius:15px 0 15px 0;  padding: 10px 15px;}
.pannel3{padding-left:80px;}

.commencer p{font-family: 'Heebo', sans-serif; padding:40px 0;font-size:16px; color:#626262;line-height: 27px;}


.panel-default>.panel-heading{background-color: transparent; border:none;padding:0;background-image:none;position:relative;}
.panel-group .panel{box-shadow:none;border:none;}
.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none;}
/**/
.panel-default>.panel-heading a{padding: 20px;background: #fea500;color: #fff;font-family: "Montserrat", sans-serif;width: 100%; display:block;border-radius: 20px 0 20px 0;margin-bottom: 20px;text-decoration:none;  font-size: 18px;position:relative;
}
/*
float: left;
*/
.panel-default>.panel-heading a.collapsed{background: #fff;color: #000;}
.panel-default>.panel-heading a.collapsed:after{position:absolute; content:"\f067";right:20px; top:20px;font-family:"FontAwesome";}
.panel-default>.panel-heading a:after{position:absolute; content:"\f068";right:20px; top:20px;font-family:"FontAwesome";}


.right-commencer img {width: 100%;padding-bottom: 20px;float: left;}
.right-commencer{width: 100%;padding-left: 20px;float: left; padding-top:20px; padding-top: 40px;}
.right-commencer p strong{font-family: 'Heebo', sans-serif; padding-bottom:15px;font-size:18px; color:#000;float: left;}
.right-commencer p {font-family: 'Heebo', sans-serif;font-size:14px; color:#626262;float: left;line-height: 27px;}


.pannel5{padding-right:80px; width:100%; float:left;}
.wd-30{width:30%; float:left;}
.wd-70{width:70%; float:left;}
.pannel5 h4{color:#fff;font-size:36px;font-family: "Heebo", sans-serif;padding-top:10px;}
.pannel5 p{color:#fff;font-family: "Heebo", sans-serif;padding-top:5px;}
.pannel6{width:100%;float:left;padding:15px 0;}
.pannel7{width:100%;float:left;padding:30px 0;}
.blog-content h5{font-size:12px;font-family: "Heebo", sans-serif;font-weight:800; padding-right: 40px; line-height: 48px;}
.blog-content h3{font-size:40px;font-family: "Montserrat", sans-serif;font-weight:700; padding-bottom:10px;color: #fea500;padding-right:40px;}
.blog-content p{font-size:14px;font-family: "Heebo", sans-serif;padding-bottom:10px; color: #626262;font-weight:700;font-weight: 600;    line-height: 28px;padding-right:50px;}
.wd-50{width:50%; float:left;}
.blog-home{position:relative;padding:10px;}
.blog-home img{width:100%;}
.blog-title{position:absolute; bottom:10px; padding:10px;}
.blog-title h4{color:#fff;font-size:20px;font-family: "Montserrat", sans-serif;font-weight:700;}


footer#colophon {background: #594874;float: left;width: 100%;padding: 60px 0 30px 0;border-radius: 100px 0 0 0;}
.address .widget-title{color:#fff; font-size:18px; font-weight:700; padding-bottom:20px;}
.address .textwidget .alignleft{float:left;margin-right:10px}
.address .textwidget p strong{color: #fea405;font-size: 16px;padding-bottom:5px;}
.address .textwidget p {color: #fff;font-size: 14px;}
.address .textwidget span{margin-bottom:15px;}
.widget_nav_menu h2{margin-top:10px;}
.textwidget.custom-html-widget a {color: #fff;font-size: 24px;padding-right: 20px;}
.newsletter h2{color:#fff; font-size:30px; font-weight:700; padding-bottom:15px;}
.newsletter .textwidget p{color:#a599b8; font-size:16px; padding-bottom:30px;}
.newsletter .from-control{border: 0;border-radius: 30px 0 0 0;height: 50px;width: 75%;float: left;}
input.wpcf7-form-control.wpcf7-submit.sc-btn-submit{background: #30b666;border: 0;padding: 14px 30px;color: #fff;border-radius: 27px 0 30px 0;
left: -23px;position: relative;}
.widget_nav_menu ul {padding: 0 10px;}
.widget_nav_menu ul li{list-style-type:none; width:100%; float:left;}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.form-control{border: 0;height: 50px;
border-radius: 30px 0 0 0;width: 75%;float: left;}
.widget_nav_menu ul  li a{color:#a599b8; font-size:16px;padding-bottom:10px; float:left;}
.address .textwidget.custom-html-widget{margin-bottom:60px; color:#fff;}
.address .textwidget.custom-html-widget p{color:#fff;}
.address .widget_text.widget_custom_html h2{padding-top:60px;}

.banner {background: #594874;padding: 100px 0;text-align: center;color: #fff;margin-bottom: 60px;}
.banner h1{font-size:38px;font-family: 'Heebo', sans-serif;}
.from-contact .form-control {border-radius: 0 !important;min-height: 50px;border: 1px solid #ccc !important;margin-bottom: 20px;width: 100% !important;box-shadow: 1px 0px 3px #b7b7b7;}
.page-template-contact .address-contact p{color:#000;}
.page-template-contact .address-contact h2{padding-bottom:15px; border-bottom:1px solid #000;}
.page-template-contact .address-contact img{display:none;}
.page-template-contact .address-contact #text-5{display:none;}
.page-template-contact .address-contact .widget_custom_html{display:none;}
.page-template-contact .address-contact h2 {padding-bottom: 20px;border-bottom: 4px solid #ff8d20;margin-bottom: 30px;margin-right: 60px;
border-radius: 2px 0 36px 0;}
input.wpcf7-form-control.wpcf7-submit.botton-contact {background: #30b666;border: 0;padding: 10px 30px;color: #fff;letter-spacing: 1.5px;
margin-bottom: 40px;}
.from-contact textarea.form-control{height:150px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{float:left;}
span.wpcf7-form-control-wrap {position: relative;width: 100%;}
.wpcf7-not-valid-tip {color: #dc3232;font-size: 1em;font-weight: normal;display: block;position: absolute;bottom: 0;left: 0;right: 0;width: 100%;}
.blog-list{margin-bottom:30px;}
.blog-page{margin-bottom:30px;}
.bolg-content img {width: 100%;height: auto;}
.bolg-content p{text-align:justify;}
.blog-sidebar .widget_search,
.blog-sidebar .widget_recent_comments,
.blog-sidebar .widget_archive,
.blog-sidebar .widget_categories,
.blog-sidebar .widget_meta{
	display:none;
}
.blog-sidebar .widget_recent_entries{ padding-left:40px; border-left:1px solid #000;}
.blog-sidebar .widget_recent_entries h2{font-size:24px; padding-bottom:15px;}
.blog-sidebar .widget_recent_entries ul{padding:0;}
.blog-sidebar .widget_recent_entries ul li{list-style-type:square; padding-bottom:8px;}
.blog-sidebar .widget_recent_entries ul li a{color:#000; text-decoration:none;}
.blog-inner{padding-bottom:60px;}

.widget_nav_menu li.pll-parent-menu-item {display: none;}
li.menu-item-has-children{position: relative;margin-left: 40px;background: #31b667;height: auto;margin-top: 16px;text-align: center;display: block;width: 110px;border-radius: 30px 0 30px 0;}
li.menu-item-has-children:after{content:"\f107"; position:absolute; right:10px; top:8px;color:#fff; font-family:FontAwesome; font-size: 20px;}
.navbar-default .navbar-nav>li.menu-item-has-children a{color:#fff;}
.navbar-default .navbar-nav>li.menu-item-has-children a{color:#fff;}
.navbar-default .navbar-nav>li.menu-item-has-children .sub-menu{position: absolute;top: 40px;left: 0;padding: 10px;right: 0;z-index: 1;background: #fff;display:none;}
.navbar-default .navbar-nav>li.menu-item-has-children:hover .sub-menu{display:block; transition:0.5s;}
.navbar-default .navbar-nav>li.menu-item-has-children .sub-menu li{list-style-type:none;}
.menu-item-has-children .sub-menu li a{color:#000 !important; text-decoration:none;}


/*=====================================================
MEDIA QUERY
=====================================================*/
@media (min-width: 320px) and (max-width:767px) {
	
	.carousel.slide.carousel-fade{margin-right:0;}
	.banner-image{width: 100%;margin-right: 0;}
	.app_banner_contentmt h2 {width: 100%;margin: 70px 15px 0 15px; font-size: 30px;}
	.carousel.slide.carousel-fade::after, .carousel-indicators{display:none;} 
	.pannel3{padding:0;}
	.commencer {float: left; width: 100%;}
	.divider-pannel{text-align:center;}
	.divider-pannel a{position: relative;top: 27px; float:none;}
	.panel-default > .panel-heading a {padding: 20px 10px;}
	.pannel5{padding-right:0;}
	.right-commencer{padding-left:0;}
	.wd-30 {width: 100%;float: left;text-align: center;}
	.wd-70 {width: 100%;float: left;text-align: center; margin-bottom:30px;}
	.wd-50.blog-home {width: 100%;}
	input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.form-control{width:60%;}
	footer#colophon{position:relative;padding: 60px 0 66px 0;}
	#text-5 {position: absolute;bottom: -571px;left:15px;}
	li.menu-item-has-children{margin-left: 130px;}
	.navbar-nav > li {height: 50px;}
	.blog-sidebar .widget_recent_entries {padding-left: 0; border-left: 0; padding: 20px 24px 0;border-top: 1px solid #000; margin-top: 40px;}
	.from-contact { margin-top: 40px;}
	.site-branding.navbar-brand{width: 230px;margin-top: 1px;}	

}