.filters {
text-align: center;
margin-bottom: 30px;
}
.filters li {
display: inline-block;
margin:0 12px; color: #33b26e;
cursor: pointer;
font-size: 14px;
font-weight:600;
text-transform: uppercase;
padding:0;
letter-spacing:1px; text-align: center; }
.filters li a:hover, 
.filters li a.selected { color:#333;
border-bottom:2px solid #89beb0;
}
.portfolio-grid {
margin-left:-7px;
margin-right:-7px;
}
.portfolio-grid > li {
width: 25%;
float: left;
display: block;
padding: 7px;
position: relative;
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s; } .image-zoom img {
width: 100%;
transition: 0.8s ease;
-webkit-transition: 0.8s ease;
-moz-transition: 0.8s ease;
-ms-transition: 0.8s ease;
}
.image-zoom:hover img {
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-ms-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
}
figure {
position:relative;
overflow:hidden;
cursor:pointer;
}
figcaption {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
opacity:0;
background:rgba(17,17,17,.7);
color:#fff;
text-align:center;
transition: 0.8s ease;
-webkit-transition: 0.8s ease;
-moz-transition: 0.8s ease;
-ms-transition: 0.8s ease;
}
figure:hover figcaption { 
opacity:1;
}
figure:hover figcaption.pointer { 
cursor: url(//umoatitres.org/obligationsynthetique/cotedivoire/assets/img/pointer.png),crosshair; 
}
.three-column.portfolio-grid > li { 
width:33.3333333%;
}
.two-column.portfolio-grid > li { 
width:50%;
}
.one-column.portfolio-grid > li { 
width:100%;
}
.port-caption {
font-family: 'Roboto', sans-serif;
font-size:16px; 
background:rgba(239, 154, 0,0.9);
color:#fff; 
line-height:24px; 
font-weight:600;
padding:20px;
bottom:-100%;
position:absolute;
width:100%;
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
}
.portfolio-grid figure:hover .port-caption {
bottom: 0;
}
.project-text {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
color: #fff;
}
.project-text h3 {
color:inherit;
}
.no-gutter {
margin-left:-15px;
margin-right:-15px;
}
.no-gutter li {
padding-left:15px;
padding-right:15px;
margin-bottom:30px;
} figcaption .content-center {
position: absolute;
left: 0;
right: 0;
bottom: 0;
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
color:#fff;
}
figure:hover .content-center {
bottom: 50%;
transform:translateY(50%);
-webkit-transform:translateY(50%);
-moz-transform:translateY(50%);
-ms-transform:translateY(50%);
}
.center-icon i:before {
margin: 0;
font-size: 40px;
color: #fff;
} .ba-list {
padding: 15px;
}
.ba-list figcaption {
background: #fff;
padding: 25px;
position:relative;
opacity:1;
} @media (max-width: 991px) {
.portfolio-grid > li,
.three-column.portfolio-grid > li {
width: 50%;
}
}
@media (max-width: 767px) {
.portfolio-grid > li, 
.two-column.portfolio-grid > li,
.three-column.portfolio-grid > li { 
width:100%;
}
}html, body {
height:100%;
}
body {
height:100%;
overflow:hidden;
}
#wrapper {
width:100%;
height:100%;
position:absolute;
top:0;left:0;
overflow: hidden;	
}
#mask {
width:500%;
height:100%;
}
.wrapper-section {
width:20%;
height:100%;
float:left;
display:inline-block;
overflow:hidden;
}
.content-overlay-left {
left:0;
right:auto;
}
.content-overlay-right {
left:auto;
right:0;
}
.content {
height:100%;
width:100%;
margin:0 auto;
position:relative;
z-index:98;
*margin-top:65px;
}
.content-overlay {
width:50%;
height:100%;
right:0px;
display:block;
background: rgba(255,255,255,0.93);
position: absolute; z-index:auto;
}
.content-overlay-one-fourth {
width:25%;
}
.content-overlay-halfwidth {
width:50%;
}
.content-overlay-three-fourth {
width:75%;
}
.content-overlay-fullwidth {
width:100%;
} .content-overlay-one-fourth [class*="col-lg-"],
.content-overlay-one-fourth [class*="col-md-"],
.content-overlay-one-fourth [class*="col-sm-"],
.content-overlay-one-fourth [class*="col-xs-"] {
width:100%;
margin-left:0;
margin-right:0;
}
.content-overlay-one-fourth [class*="media-"] {
display:block;
width:100%;
}  .content-inner {
padding-top:85px;
height:100%;
}  @media (min-width : 992px) {
.contentscroll {
overflow-y: auto;
overflow-x: hidden;
height: 100%;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
}  @media (min-width: 1201px) {
.content-overlay-halfwidth .container, 
.content-overlay-three-fourth .container {
width: auto;
padding-left: 50px;
padding-right: 15%;
}
.content-overlay-one-fourth .container {
width: auto;
padding-left: 15px;
padding-right: 15px;
} .content-overlay-left.content-overlay-halfwidth .container, 
.content-overlay-left.content-overlay-three-fourth .container {
width: auto;
padding-right: 50px;
padding-left: 20%;
}
.content-overlay-left.content-overlay-three-fourth .container {
padding-left: 13%;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.content-overlay-halfwidth .container,
.content-overlay-three-fourth .container {
width: auto;
padding-left: 50px;
padding-right: 45px;
}
.content-overlay-one-fourth .container {
width: auto;
padding-left: 15px;
padding-right: 15px;
}
} .fullBg {
position: absolute;
top: 0;
overflow: hidden;
min-height:100%;
min-width:100%;
z-index:777;
}	
@media (max-width : 991px) {
.content-overlay {
float:none;
width:100%;
height: auto;
position:relative;
}
.contentscroll-mobile {
overflow-y: auto;
height: 100%;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.content-inner {
padding-top: 65px;
}
}  .fit-image {
background-size:cover;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
}
@media (max-width:991px) {
.fit-image {
position:relative;
min-height:450px;
}
.content-inner-padtop0 { padding-top:0;
}
}  .content-overlay-bg-color {
background:rgba(221, 221, 221, .98);
}  .hide-element {
opacity:0;
}
#main-menu nav.navbar {
transform:translate(0, -100px);
-webkit-transform:translate(0, -100px);
-moz-transform:translate(0, -100px);
-ms-transform:translate(0, -100px);
}
#main-menu nav.navbar.navbar-fixed-bottom {
transform:translate(0, 100px);
-webkit-transform:translate(0, 100px);
-moz-transform:translate(0, 100px);
-ms-transform:translate(0, 100px);
}html, body {
margin:0;
padding:0;
-webkit-overflow-scrolling: touch;    
}
body {
width:100%;
font-size:15px;
font-weight:400;
font-family: 'Roboto', sans-serif;
color:#242424;
}
h1 {
font-size:30px; 
color:#333;
margin-bottom:30px;
}
h2 {
font-size: 20px;
line-height: 36px;
color: #545454;
position:relative;
}
h3 {
font-size:16px; 
line-height:28px;
font-weight:500;
color:#545454;
}
h4 { 
font-size:14px; 
line-height:28px;
color: #545454; 
margin-bottom:5px; 
}
h1,
h2,
h3,
h4 {
font-family: 'Oswald';
letter-spacing: 1px;
font-weight:400;
margin-top:0px;
}
a,
a:focus,
span a {
color: #818181; 
text-decoration: none;  
outline:0;
}
.panel-collapse a{
text-decoration: underline;
color: #008ecf;
}
a:hover, 
a:focus, 
a:active { 
outline: none; 
-moz-outline-style: none; 
text-decoration:none;
}
a:hover {
color:#33B26E;
}
p {
font-size:15px;
font-weight:400;
color:#919191;
line-height:26px;
font-family: 'Roboto', sans-serif;
letter-spacing: 1px;
text-align: justify;
} .lead {
font-size: 16px;
line-height:30px;
font-weight:400;
color: #818181;
margin-bottom:30px;
padding-left: 80px;
padding-right: 80px;
}
.transition5s {
transition: .5s ease;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
} .element-from-top {
top: -20px;
opacity: 0;
position: relative;
}
.element-from-bottom {
bottom: -20px;
opacity: 0;
position: relative;
}
.element-from-left {
left: -20px;
opacity: 0;
position: relative;
}
.element-from-right {
right: -20px;
opacity: 0;
position: relative;
}
.element-from-in {
opacity: 0;
position: relative;
right: 0px;
} ul { }
.list-inline > li {
display: inline-block;
padding-right: 2px;
padding-left: 2px;
}
.fw-bold {
font-weight:bold;
}
.pattern_bg {
background: url(//umoatitres.org/obligationsynthetique/cotedivoire/assets/img/patterns/06.png) repeat fixed 50% 0 transparent;
height: 100%;
width: 100%;
position: absolute;
z-index: 9;
top: 0;
}
.overlay-bg {
background:rgba(0,0,0,.5);
} #jpreOverlay{
background-color: #fff;
position: absolute;
width: 100%;
height: 100%;
z-index:999999;
}
#jSplash {
background-color: #fff;
position: absolute;
width: 100%;
height: 100%;
z-index:999997;
padding:0;
}
#jpreSlide{
position: absolute;
top: 50% !important;
left: 50% !important;
margin: -50px 0 0 -50px;
width: 100px;
height: 100px;
}
#jpreLoader {
position: relative !important;
width: 100% !important;
height: 100% !important;
top: 0 !important;	
}
#jprePercentage {
width: 50px;
height: 50px !important;
line-height: 50px;
position: absolute !important;
text-align: center;
left: 50%;
top: 50%;
margin: 25px 0 0 -20px;
z-index: 999998;
font-size: 16px;
color: transparent;	
font-weight:500;
-webkit-animation: fadeIn 1s infinite forwards;
-moz-animation: fadeIn 1s infinite forwards;
-ms-animation: fadeIn 1s infinite forwards;
-o-animation: fadeIn 1s infinite forwards;
animation: fadeIn 1s infinite forwards;
}
.cube {
background-color: #00b299;
width: 10px;
height: 10px;
position: absolute;
-webkit-animation: cubemove 4s infinite ease-in-out;
-moz-animation: cubemove 4s infinite ease-in-out;
-o-animation: cubemove 4s infinite ease-in-out;
animation: cubemove 4s infinite;
}
@-webkit-keyframes cubemove {
35% {
-webkit-transform: scale(0.005);
}
50% {
-webkit-transform: scale(1.7);
}
65% {
-webkit-transform: scale(0.005);
}
}
@-moz-keyframes cubemove {
35% {
-moz-transform: scale(0.005);
}
50% {
-moz-transform: scale(1.7);
}
65% {
-moz-transform: scale(0.005);
}
}
@-moz-keyframes cubemove {
35% {
-moz-transform: scale(0.005);
}
50% {
-moz-transform: scale(1.7);
}
65% {
-moz-transform: scale(0.005);
}
}
.cube1 {
left: 14px;
top: 0px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.1s;
}
.cube2 {
left: 28px;
top: 0px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.2s;
}
.cube3 {
left: 42px;
top: 0px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.3s;
}
.cube4 {
left: 0px;
top: 14px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.1s;
}
.cube5 {
left: 14px;
top: 14px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.2s;
}
.cube6 {
left: 28px;
top: 14px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.3s;
}
.cube7 {
left: 42px;
top: 14px;
-webkit-animation-delay: 0.8s;
animation-delay: 0.4s;
}
.cube8 {
left: 0px;
top: 28px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.2s;
}
.cube9 {
left: 14px;
top: 28px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.3s;
}
.cube10 {
left: 28px;
top: 28px;
-webkit-animation-delay: 0.8s;
animation-delay: 0.4s;
}
.cube11 {
left: 42px;
top: 28px;
-webkit-animation-delay: 1s;
animation-delay: 0.5s;
}
.cube12 {
left: 0px;
top: 42px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.3s;
}
.cube13 {
left: 14px;
top: 42px;
-webkit-animation-delay: 0.8s;
animation-delay: 0.4s;
}
.cube14 {
left: 28px;
top: 42px;
-webkit-animation-delay: 1s;
animation-delay: 0.5s;
}
.cube15 {
left: 42px;
top: 42px;
-webkit-animation-delay: 1.2s;
animation-delay: 0.6s;
} .spinner {
width: 100px;
height: 100px;
position: relative;
top: 50%;
left: 50%;
margin: -20px 0 0 -20px;
}  .btn {
border: none;
cursor: pointer;
padding:10px 25px;
display: inline-block;
text-transform:uppercase;
letter-spacing: 1px;
font-weight: 500;
font-size:13px;
border-radius:50px;
white-space: nowrap;
z-index: 0;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.btn:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.btn-3,
.btn-3:focus,
.btn-3.active { color: #fff!important;
outline:0;
}
.btn-3:hover,
.btn-3:active {
background: #F9B73F;
color:#fff;
}
.btn-3:active {
top: 2px;
}
.btn-3e {
padding: 17px 45px;
overflow: hidden;
}
.btn-3e i {
margin-right: 10px;
font-size: 24px;
color: rgba(0,0,0,.25);
}
.btn-3e:after {
width: 30%;
height: 200%;
background: rgba(255,255,255,0.2);
z-index: 1;
right: 0;
top: 0;
margin: -5px 0 0 -5px;
-webkit-transform-origin: 0 0;
-webkit-transform: rotate(-20deg);
-moz-transform-origin: 0 0;
-moz-transform: rotate(-20deg);
-ms-transform-origin: 0 0;
-ms-transform: rotate(-20deg);
transform-origin: 0 0;
transform: rotate(-20deg);
}
.btn-3e:hover:after {
width: 40%;
}
.btn-group .btn {
margin:0 10px 10px;
}  .circle {
border-radius: 50%;
background: rgba(255, 255, 255, .5);
}
.circle-dark {
border-radius: 50%;
background: rgba(51, 51, 51, .9);
}
.accura-social-icons.accura-stacked li {margin: 0;}
.accura-social-icons.accura-big li a {width: 55px;height: 55px;}
.accura-social-icons.accura-big li a i {width: 55px;height: 55px;line-height: 55px; font-size: 23px; color: #fff;}
.accura-social-icons.accura-jump li a i:first-child {top: -80px;}
.accura-social-icons.accura-jump li a:hover i:last-child{top: 80px;}
.accura-social-icons.accura-medium li a { width: 50px; height: 50px; }
.accura-social-icons.accura-medium li a i {width: 50px; height: 50px; line-height: 50px; font-size: 20px; color: #fff;}
.accura-social-icons a,
.accura-social-icons-simple a,
.accura-social-icons a:hover,
.accura-social-icons-simple a:hover {
text-decoration: none;
border: 0;
overflow: hidden;
}
.accura-social-icons.accura-drop-shadow li a,
.accura-social-icons-simple.accura-drop-shadow li a {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.accura-social-icons a,
.accura-social-icons-simple a {
padding: 0;
}
.accura-social-icons li a {
display: block;
position: relative;
border-width: 0;
font-size: 16px;
width: 38px;
height: 38px;
color:#fff;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.accura-social-icons li a i {
position: absolute;
top: 0;
left: 0;
display: block;
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
-webkit-transition: top 0.4s ease-in-out 0s;
-moz-transition: top 0.4s ease-in-out 0s;
-ms-transition: top 0.4s ease-in-out 0s;
-o-transition: top 0.4s ease-in-out 0s;
transition: top 0.4s ease-in-out 0s;
}
.accura-social-icons.accura-bordered li {
border: 1px solid transparent;
border-top: 0;
border-bottom: 0;
-webkit-backface-visibility:hidden;
} .accura-social-icons.accura-jump li a:hover i:first-child,
.accura-social-icons.accura-big.accura-jump li a:hover i:first-child{
top: 0;
}
.accura-social-icons-simple.accura-active li a.accura-social-icon-gplus,
.accura-social-icons-simple.accura-colored li a:hover.accura-social-icon-gplus,
.accura-social-icons-simple.accura-active.accura-base li a.accura-social-icon-gplus,
.accura-social-icons-simple.accura-colored.accura-base li a:hover.accura-social-icon-gplus {
color: #9e3023;
}
.accura-social-icons-simple.accura-active li a.accura-social-icon-instagram,
.accura-social-icons-simple.accura-colored li a:hover.accura-social-icon-instagram,
.accura-social-icons-simple.accura-active.accura-base li a.accura-social-icon-instagram,
.accura-social-icons-simple.accura-colored.accura-base li a:hover.accura-social-icon-instagram {
color: #c08d64;
}
.accura-social-icons-simple.accura-active li a.accura-social-icon-linkedin,
.accura-social-icons-simple.accura-colored li a:hover.accura-social-icon-linkedin,
.accura-social-icons-simple.accura-active.accura-base li a.accura-social-icon-linkedin,
.accura-social-icons-simple.accura-colored.accura-base li a:hover.accura-social-icon-linkedin {
color: #0a6594;
}
.accura-social-icons-simple.accura-active li a.accura-social-icon-pinterest,
.accura-social-icons-simple.accura-colored li a:hover.accura-social-icon-pinterest,
.accura-social-icons-simple.accura-active.accura-base li a.accura-social-icon-pinterest,
.accura-social-icons-simple.accura-colored.accura-base li a:hover.accura-social-icon-pinterest {
color: #a9272f;
}
.accura-social-icons-simple.accura-active li a.accura-social-icon-twitter,
.accura-social-icons-simple.accura-colored li a:hover.accura-social-icon-twitter,
.accura-social-icons-simple.accura-active.accura-base li a.accura-social-icon-twitter,
.accura-social-icons-simple.accura-colored.accura-base li a:hover.accura-social-icon-twitter {
color: #1ca3db;
}
.accura-social-icons-simple.accura-active li a.accura-social-icon-facebook,
.accura-social-icons-simple.accura-colored li a:hover.accura-social-icon-facebook,
.accura-social-icons-simple.accura-active.accura-base li a.accura-social-icon-facebook,
.accura-social-icons-simple.accura-colored.accura-base li a:hover.accura-social-icon-facebook {
color: #395793;
}
.accura-social-icons-simple.accura-active li a:hover.accura-social-icon-gplus,
.accura-social-icons-simple.accura-active.accura-base li a:hover.accura-social-icon-gplus {
color: #771d15;
}
.accura-social-icons-simple.accura-active li a:hover.accura-social-icon-instagram,
.accura-social-icons-simple.accura-active.accura-base li a:hover.accura-social-icon-instagram {
color: #c08d64;
}
.accura-social-icons-simple.accura-active li a:hover.accura-social-icon-linkedin,
.accura-social-icons-simple.accura-active.accura-base li a:hover.accura-social-icon-linkedin {
color: #09466b;
}
.accura-social-icons-simple.accura-active li a:hover.accura-social-icon-pinterest,
.accura-social-icons-simple.accura-active.accura-base li a:hover.accura-social-icon-pinterest {
color: #821c22;
}
.accura-social-icons-simple.accura-active li a:hover.accura-social-icon-twitter,
.accura-social-icons-simple.accura-active.accura-base li a:hover.accura-social-icon-twitter {
color: #1679b3;
}
.accura-social-icons-simple.accura-active li a:hover.accura-social-icon-facebook,
.accura-social-icons-simple.accura-active.accura-base li a:hover.accura-social-icon-facebook {
color: #2b4170;
}
.accura-social-icons.accura-active li a.accura-social-icon-gplus,
.accura-social-icons.accura-colored li a:hover.accura-social-icon-gplus {
color: #9e3023;
}
.accura-social-icons.accura-active li a.accura-social-icon-instagram,
.accura-social-icons.accura-colored li a:hover.accura-social-icon-instagram {
color: #c08d64;
}
.accura-social-icons.accura-active li a.accura-social-icon-linkedin,
.accura-social-icons.accura-colored li a:hover.accura-social-icon-linkedin {
color: #0a6594;
}
.accura-social-icons.accura-active li a.accura-social-icon-pinterest,
.accura-social-icons.accura-colored li a:hover.accura-social-icon-pinterest {
color: #a9272f;
}
.accura-social-icons.accura-active li a.accura-social-icon-twitter,
.accura-social-icons.accura-colored li a:hover.accura-social-icon-twitter {
color: #1ca3db;
}
.accura-social-icons.accura-active li a.accura-social-icon-facebook,
.accura-social-icons.accura-colored li a:hover.accura-social-icon-facebook {
color: #395793;
}
.accura-social-icons.accura-active li a:hover.accura-social-icon-gplus {
color: #771d15;
}
.accura-social-icons.accura-active li a:hover.accura-social-icon-instagram {
color: #c08d64;
}
.accura-social-icons.accura-active li a:hover.accura-social-icon-linkedin {
color: #09466b;
}
.accura-social-icons.accura-active li a:hover.accura-social-icon-pinterest {
color: #821c22;
}
.accura-social-icons.accura-active li a:hover.accura-social-icon-twitter {
color: #1679b3;
}
.accura-social-icons.accura-active li a:hover.accura-social-icon-facebook {
color: #2b4170;
}
.accura-social-icons.accura-jump.accura-active li a i:last-child.icon-gplus,
.accura-social-icons.accura-jump.accura-colored li a i:first-child.icon-gplus {
color: #9e3023;
}
.accura-social-icons.accura-jump.accura-active li a i:last-child.icon-instagram,
.accura-social-icons.accura-jump.accura-colored li a i:first-child.icon-instagram {
color: #c08d64;
}
.accura-social-icons.accura-jump.accura-active li a i:last-child.icon-linkedin,
.accura-social-icons.accura-jump.accura-colored li a i:first-child.icon-linkedin {
color: #0a6594;
}
.accura-social-icons.accura-jump.accura-active li a i:last-child.icon-pinterest,
.accura-social-icons.accura-jump.accura-colored li a i:first-child.icon-pinterest {
color: #a9272f;
}
.accura-social-icons.accura-jump.accura-active li a i:last-child.icon-twitter,
.accura-social-icons.accura-jump.accura-colored li a i:first-child.icon-twitter {
color: #1ca3db;
}
.accura-social-icons.accura-jump.accura-active li a i:last-child.icon-facebook,
.accura-social-icons.accura-jump.accura-colored li a i:first-child.icon-facebook {
color: #395793;
}
.accura-social-icons.accura-jump.accura-active li a i:first-child.icon-gplus {
color: #771d15;
}
.accura-social-icons.accura-jump.accura-active li a i:first-child.icon-instagram {
color: #c08d64;
}
.accura-social-icons.accura-jump.accura-active li a i:first-child.icon-linkedin {
color: #09466b;
}
.accura-social-icons.accura-jump.accura-active li a i:first-child.icon-pinterest {
color: #821c22;
}
.accura-social-icons.accura-jump.accura-active li a i:first-child.icon-twitter {
color: #1679b3;
}
.accura-social-icons.accura-jump.accura-active li a i:first-child.icon-facebook {
color: #2b4170;
}
.accura-social-icons.accura-active-bg li a.accura-social-icon-gplus,
.accura-social-icons.accura-colored-bg li a:hover.accura-social-icon-gplus {
background: #9e3023;
}
.accura-social-icons.accura-active-bg li a.accura-social-icon-instagram,
.accura-social-icons.accura-colored-bg li a:hover.accura-social-icon-instagram {
background: #c08d64;
}
.accura-social-icons.accura-active-bg li a.accura-social-icon-linkedin,
.accura-social-icons.accura-colored-bg li a:hover.accura-social-icon-linkedin {
background: #0a6594;
}
.accura-social-icons.accura-active-bg li a.accura-social-icon-pinterest,
.accura-social-icons.accura-colored-bg li a:hover.accura-social-icon-pinterest {
background: #a9272f;
}
.accura-social-icons.accura-active-bg li a.accura-social-icon-twitter,
.accura-social-icons.accura-colored-bg li a:hover.accura-social-icon-twitter {
background: #1ca3db;
}
.accura-social-icons.accura-active-bg li a.accura-social-icon-facebook,
.accura-social-icons.accura-colored-bg li a:hover.accura-social-icon-facebook {
background: #395793;
}
.accura-social-icons.accura-active-bg li a:hover.accura-social-icon-gplus {
background: #771d15;
}
.accura-social-icons.accura-active-bg li a:hover.accura-social-icon-instagram {
background: #c08d64;
}
.accura-social-icons.accura-active-bg li a:hover.accura-social-icon-linkedin {
background: #09466b;
}
.accura-social-icons.accura-active-bg li a:hover.accura-social-icon-pinterest {
background: #821c22;
}
.accura-social-icons.accura-active-bg li a:hover.accura-social-icon-twitter {
background: #056ebf;
}
.accura-social-icons.accura-active-bg li a:hover.accura-social-icon-facebook {
background: #233a74;
}
.accura-social-icons.accura-jump-bg.accura-active-bg li a i:last-child.icon-gplus,
.accura-social-icons.accura-jump-bg.accura-colored-bg li a i:first-child.icon-gplus {
background: #9e3023;
}
.accura-social-icons.accura-jump-bg.accura-active-bg li a i:last-child.icon-instagram,
.accura-social-icons.accura-jump-bg.accura-colored-bg li a i:first-child.icon-instagram {
background: #c08d64;
}
.accura-social-icons.accura-jump-bg.accura-active-bg li a i:last-child.icon-linkedin,
.accura-social-icons.accura-jump-bg.accura-colored-bg li a i:first-child.icon-linkedin {
background: #0a6594;
}
.accura-social-icons.accura-jump-bg.accura-active-bg li a i:last-child.icon-pinterest,
.accura-social-icons.accura-jump-bg.accura-colored-bg li a i:first-child.icon-pinterest {
background: #a9272f;
}
.accura-social-icons.accura-jump-bg.accura-active-bg li a i:last-child.icon-twitter,
.accura-social-icons.accura-jump-bg.accura-colored-bg li a i:first-child.icon-twitter {
background: #1ca3db;
}
.accura-social-icons.accura-jump-bg.accura-active-bg li a i:last-child.icon-facebook,
.accura-social-icons.accura-jump-bg.accura-colored-bg li a i:first-child.icon-facebook {
background: #395793;
}
.accura-social-icons.accura-jump-bg.accura-active-bg li a i:first-child.icon-gplus {
background: #771d15;
}
.accura-social-icons.accura-jump-bg.accura-active-bg li a i:first-child.icon-instagram {
background: #c08d64;
}
.accura-social-icons.accura-jump-bg.accura-active-bg li a i:first-child.icon-linkedin {
background: #09466b;
}
.accura-social-icons.accura-jump-bg.accura-active-bg li a i:first-child.icon-pinterest {
background: #821c22;
}
.accura-social-icons.accura-jump-bg.accura-active-bg li a i:first-child.icon-twitter {
background: #1679b3;
}
.accura-social-icons.accura-jump-bg.accura-active-bg li a i:first-child.icon-facebook {
background: #2b4170;
}  .header-details {
position: relative;
z-index: 15;
top: 30px;
}
.home_address a,
.home_address i:before {
font-size: 30px;
letter-spacing: 1px;
color: #fff;
}
.call,
.call i:before {
font-size: 40px;
color: #fff;
}
.home_address,
.call {
text-align: right;
text-shadow: 2px 2px 2px rgba(0,0,0,0.1);
font-weight: 400;
font-family: 'Roboto';
}   .heading {
padding-bottom:30px;
}
.heading-icons { color: rgba(0,0,0,0.07);
position: absolute;
font-size: 45px;
margin-left: 10px;
line-height: 20px;
}
.left-icon { font-size: 36px;
color: #F9B73F;
padding-right: 10px;
}
.left-icon-small {					
font-size: 26px;
padding-right:0;
}
.panel {
position:relative;
box-shadow: 0px 2px 5px rgba(210, 210, 210, 0.4);
}
[class*="-shadow"] {
color: rgba(0,0,0,0.08);
position: absolute;
font-size: 60px;
top: 10%;
left: 90%;
transform: translateX(-90%) translateY(-10%);
-webkit-transform: translateX(-90%) translateY(-10%);
-moz-transform: translateX(-90%) translateY(-10%);
-ms-transform: translateX(-90%) translateY(-10%);
}  .personal-info .dl-horizontal dt {
float:left;
text-align:left;
width:auto;
margin-right: 10px;
}
.personal-info .dl-horizontal dd {
margin-left:35%;
}
.personal-info .dl-horizontal dd p {
color: #818181;
letter-spacing:0;
margin-bottom:0;
}   .chart {
position: relative;
display: block;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.percent {
display: block;
line-height: 110px; z-index: 2;
font-weight: 400;
color: #818181;
margin-bottom: 20px;
}
.percent:after {
content: '%';
margin-left: 0.1em;
font-size: .8em;
}  .progress_bars li .bar-wrap {
margin-bottom: 10px;
border-radius: 3px 3px 3px 3px;
background: #fff;
}
.progress_bars li span {
overflow: visible!important;
position: relative;
}
.progress_bars li span {
height: 8px;
width: 0px;
display: block;
border-radius: 3px 3px 3px 3px;
}
.progress_bars h4 {
font-family: 'Roboto', sans-serif;
margin: 0;
font-weight:500;
}  .cbp_tmtimeline {
margin: 0 0 0 0;
padding: 0;
list-style: none;
position: relative;
} .cbp_tmtimeline:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 10px;
background: #33b26e;
left: 20%;
margin-left: -10px;
} .cbp_tmtimeline li {
position: relative;
}
.cbp_tmtimeline > li .cbp_tmtime {
display: block; left: 0px;
position: absolute;
}
.cbp_tmtimeline > li .cbp_tmtime span {
display: block;
text-align: right;
}
.cbp_tmtimeline > li .cbp_tmtime span:first-child {
font-size: 18px;
font-weight: 700;
line-height: 1.4;
}
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
font-size: 16px;
color: #515a5f;
font-weight: 400;
} .cbp_tmtimeline > li .cbp_tmlabel {
margin: 0 0 50px 27%;
background: #fff;
color: #fff;
padding: 20px 25px 30px 25px;
font-size: 1.2em;
font-weight: 300;
line-height: 1.4;
position: relative;
border-radius: 5px;
box-shadow: 0px 2px 5px rgba(210, 210, 210, 0.4);
} .cbp_tmtimeline > li .cbp_tmlabel h2 { 
margin-top: 0px;
padding: 0 0 10px 0;
border-bottom: 1px solid rgba(255,255,255,0.4);
} .cbp_tmtimeline > li .cbp_tmlabel:after {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #fff;
border-width: 10px;
top: 10px;
} .cbp_tmtimeline > li .cbp_tmicon {
width: 40px;
height: 40px;
font-family: 'ecoico';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 1.4em;
line-height: 40px;
-webkit-font-smoothing: antialiased;
position: absolute;
color: #fff;
background: #53c688;
border-radius: 50%;
box-shadow: 0 0 0 8px #33b26e;
text-align: center;
left: 20%;
top: -3px;
margin: 8px 0 0 -25px;
}
.cbp_tmlabel p.small {
font-size: 65%;
line-height: 22px;
letter-spacing: 1px;
margin-top: -5px;
}
.cbp_tmlabel .award-list li,
.cbp_tmlabel .award-list li:before {
font-size:16px;
line-height:30px;
color:#6B747A;
font-weight:normal;
margin-bottom:10px;
}
.cbp_tmlabel .award-list li:last-child {
margin-bottom:0;
}
.cbp_tmicon-phone:before {
content: "\e000";
}
.cbp_tmicon-screen:before {
content: "\e001";
}
.cbp_tmicon-mail:before {
content: "\e002";
}
.cbp_tmicon-earth:before {
content: "\e003";
} @media screen and (max-width: 47.2em) , (min-width: 992px) and (max-width: 1200px) {
.cbp_tmtimeline:before {
display: none;
}
.cbp_tmtimeline > li .cbp_tmtime {
width: 100%;
position: relative;
padding: 0 0 10px 0;
}
.cbp_tmtimeline > li .cbp_tmtime span {
text-align: left;
}
.cbp_tmtimeline > li .cbp_tmlabel {
margin: 0 0 30px 0;
padding: 1em;
font-weight: 400;
font-size: 95%;
}
.cbp_tmtimeline > li .cbp_tmlabel:after {
right: auto;
left: 20px;
border-right-color: transparent;
border-bottom-color: #fff;
top: -20px;
}
.cbp_tmtimeline > li .cbp_tmicon {
position: relative;
float: right;
left: auto;
margin: -55px 5px 0 0px;
}	
}  #galleryss { 
position:relative; 
z-index:99;
}  .modal-fullwhite-backdrop {
opacity:1!important;
background:#fff!important;
} body.modal-open-noscroll {
margin-right: 0!important;
overflow: hidden;
}
.modal-open-noscroll .navbar-fixed-top, 
.modal-open .navbar-fixed-bottom {
margin-right: 0!important;
} .modal-body {
padding: 0;
} .project_navigation {
margin:5px 0 50px;
}
.navigation_button,
.navigation_button1,
.navigation_button:hover,
.navigation_button.active {
font-size: 18px;
margin-right: 5px;
padding: 0px;
width:55px;
height:50px;
line-height:50px;
background-color: #33B26E;
color: #fff;
text-decoration: none;
border-radius: 2px;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.navigation_button:first-child {
border-top-left-radius:50%;
border-bottom-left-radius:50%;
}
.navigation_button:last-child {
border-top-right-radius:50%;
border-bottom-right-radius:50%;
}
.navigation_button1 {
background-color: #53c688;
}
.navigation_button1:hover {
background-color: #33B26E;
color: #fff;
}
.project_navigation i:before {
margin:0;
font-size: 14px; }
.project_navigation .flaticon-close:before {
font-size:12px;
color: #fff;
}
.modal .carousel-inner > .item {
height:100%!important;
width:100%!important;
}   .service:hover {
margin-top:-10px;
}
.service-shadow {
font-size: 90px;
top: 80%;
left:97%;
transform: translateX(-97%) translateY(-80%);
-webkit-transform: translateX(-97%) translateY(-80%);
-moz-transform: translateX(-97%) translateY(-80%);
-ms-transform: translateX(-97%) translateY(-80%);
}  .page-header {
font-size: 120px;
}  .testimonials .panel:before,
.testimonials .panel:after {
content: ' ';
width: 0;
height: 0;
top: 100%;
left: 10%;
position: absolute;
border-left: 15px solid transparent;
border-right: 0px solid transparent;
border-bottom: 10px solid transparent;
border-top: 30px solid #e5e5e5;
}
.testimonials .panel:after {
border-left: 14px solid transparent;
border-right: 1px solid transparent;
border-bottom: 0px solid transparent;
border-top: 25px solid #e5e5e5;
border-color: #fff transparent transparent transparent;
}
.testimonials .media-body {
padding-right: 10%;
}
.author-foot {
position: relative;
margin-left: 15%;
top: 100%;
margin-top: 10px;
}
.author-foot h3 small {
font-size:80%;
}   .cbp-ig-grid {
list-style: none;
padding: 0 0 0 0;
width:90%;
box-shadow: 0px 2px 5px rgba(210, 210, 210, 0.4);
} .cbp-ig-grid:before, 
.cbp-ig-grid:after { 
content: " "; 
display: table; 
}
.cbp-ig-grid:after { 
clear: both; 
} .cbp-ig-grid li {
width: 50%;
float: left;
height: 150px;
text-align: center;
border-top: 1px solid #ddd;
}
.cbp-ig-grid li img {
opacity: 1;
margin: auto;
position:relative;
top:15%;
} .cbp-ig-grid li:nth-child(-n+3){
border-top: none;
}
.cbp-ig-grid li:nth-child(3n-1),
.cbp-ig-grid li:nth-child(3n-2) {
box-shadow: 1px 0 0 #ddd;
} .cbp-ig-grid li > a {
display: block;
height: 100%;
color: #47a3da;
background:rgba(255,255,255,1);
-webkit-transition: background 0.2s;
-moz-transition: background 0.2s;
transition: background 0.2s;
} .cbp-ig-grid li > a:hover {
background:rgba(255,255,255,.9);
} .cbp-ig-grid li:nth-child(-n+3){
border-top: 1px solid #ddd;
}
.cbp-ig-grid li:nth-child(3n-1),
.cbp-ig-grid li:nth-child(3n-2) {
box-shadow: none;
}
.cbp-ig-grid li:nth-child(-n+2){
border-top: none;
}
.cbp-ig-grid li:nth-child(2n-1) {
border-right: 1px solid #ddd;
}
@media screen and (max-width: 41.6em) { 
.cbp-ig-grid li {
width: 100%;
}
.cbp-ig-grid li:nth-child(-n+2){
border-top: 1px solid #ddd;
}
.cbp-ig-grid li:nth-child(2n-1) {
box-shadow: none;
border-right:none;
}
.cbp-ig-grid li:first-child {
border-top: none;
}
}
@media screen and (max-width: 25em) { 
.cbp-ig-grid {
font-size: 80%;
}
.cbp-ig-grid .cbp-ig-category {
margin-top: 20px;
}
}  .image-hover-icons {
position: relative;
overflow: hidden;
width: 115px;
height: 115px;
}
.image-hover-icons:before,
.overlay-icons {
content:'';
opacity:0;
visibility:hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(54, 54, 54, 0.8);
text-align: center;
border-radius: 50%;
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
}
.image-hover-icons:hover:before,
.image-hover-icons:hover .overlay-icons  {
opacity:1;
visibility:visible;
}
.overlay-icons {
top:50%;
bottom: inherit;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
background:transparent;
}
.overlay-icons a {
font-size:20px;
color:#fff;
padding:0 5px;
}
.overlay-icons a:hover {
color:#33B26E;
}
.team .panel:after {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #ffffff;
border-width: 15px;
top: 10px;
-webkit-filter: drop-shadow(-3px 1px 5px rgba(210, 210, 210, 0.4));
-moz-filter: drop-shadow(-3px 1px 5px rgba(210, 210, 210, 0.4));
-ms-filter: drop-shadow(-3px 1px 5px rgba(210, 210, 210, 0.4));
-o-filter: drop-shadow(-3px 1px 5px rgba(210, 210, 210, 0.4));
filter: drop-shadow(-3px 1px 5px rgba(210, 210, 210, 0.4));
}  .form-controls input, 
.form-controls textarea {
width: 80%;
height: 48px;
border-radius: 3px;
box-shadow: none;
border: none;
color: #a5a5a5;
background: transparent;
padding: 10px 0 10px 10px;
outline: none;
margin-bottom: 30px;
box-shadow: 0px 2px 0px rgba(22, 30, 39,.3);
}
.form-controls textarea {
height:100px;
}
.form-controls label { 
display:block;
text-align: left;
font-size:13px;
font-weight:500;
width:100%;
top: -15px;
position: relative;
margin: 0;
}
.form-controls label.error{ 
color: #ff0000;
}
.form-controls label.valid { 
color:#33a532;
}   #specialmenu {
position: absolute;
width: auto;
z-index: 999; } .spmenu-bottom-right {
bottom: 5px;
right:5px;
}
.spmenu-bottom-left {
bottom:0;
left:5px;
}
.spmenu-top-left {
top:0;
left:5px;
}
.spmenu-top-right {
top:0;
right:5px;
} .spmenu-tags {
position: relative;
float: left;
margin-bottom: 15px;
margin-left:-10px;
z-index: 144;
}
.spmenu-tags:first-child {
margin-left:0;
}
.spmenu-tags:nth-child(odd) {
-ms-transform: rotate(357deg);
-webkit-transform: rotate(357deg);
transform: rotate(357deg);
}
.spmenu-tags:nth-child(even) {
-ms-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
.spmenu-tags:hover:nth-child(odd) {
z-index: 155;
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.spmenu-tags:hover:nth-child(even) {
z-index: 155;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.spmenu {
width: 160px;
padding: 10px;
min-height: 60px;
background: rgba(239, 154, 0,0.85);
color:#fff;
display:table;
position:relative;
border-radius: 6px;
border:0;
z-index: 144;
outline:none;
-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
-ms-transition:0.6s;
-moz-transition:0.6s;
-webkit-transition:0.6s;
transition:0.6s;
}
.spmenu:before {
content: "";
position: absolute;
right: 45%;
top: 99%;
border-style: solid;
border-width: 13px 13px 0 0;
border-color: rgba(239, 154, 0,0.85) transparent transparent transparent;
text-align:center;
-webkit-filter: drop-shadow(4px 2px 4px rgba(0,0,0,0.2));
-moz-filter: drop-shadow(4px 2px 4px rgba(0,0,0,0.2));
-ms-filter: drop-shadow(4px 2px 4px rgba(0,0,0,0.2));
-o-filter: drop-shadow(4px 2px 4px rgba(0,0,0,0.2));
filter: drop-shadow(4px 2px 4px rgba(0,0,0,0.2));
} .center-spmenu {
display:table-cell;
vertical-align:middle;
}
.spmenu .media-left,
.spmenu .media-body {
vertical-align:middle;
}
.spmenu .sptext { font-size: 15px;
line-height: 18px;
letter-spacing: .5px;
color: #ffffff;
text-transform:uppercase;
font-weight: 100;
text-align: left; -ms-transition:0.6s;
-moz-transition:0.6s;
-webkit-transition:0.6s;
transition:0.6s;
}
.spmenu:hover .sptext {
font-size:17px;
}
.sptext small{ 
font-size:70%;
display: block;
}
.spmenu i, 
.spmenu i:before {
font-size: 34px;
line-height: 34px;
color: rgba(0,0,0,0.2);
margin: 0;
-ms-transition:0.6s;
-moz-transition:0.6s;
-webkit-transition:0.6s;
transition:0.6s; }
.spmenu:hover i,
.spmenu:hover i:before {
font-size:40px;
} .modal {
overflow-y: hidden!important;
z-index:10000;
padding-left:0!important;
}
.modal-body {
background:#fff;
}
.modal-body-bg-trans {
background:transparent;
}
.modal-body-pad0 {
padding:0;
}
.modal-content {
box-shadow:none;
border:none;
background:transparent;
} button.close,
button.close:hover {
background: #a71619;
color:#fff;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
z-index: 1;
position: absolute;
right:-15px;
top:-15px;
opacity: 1;
outline:0;
}
.modal-header button.close {
top:15px;
}    .footer {
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
}
.copyright {
padding: 0px 10px;
font-size: 9px;
line-height: 21px;
color: #fff;
text-shadow: 1px 0px 1px rgba(0,0,0,0.3);
letter-spacing: 2px;
text-transform: uppercase;
}
.copyright span {
font-weight: bold;
}  .marbot0 {
margin-bottom:0px;
}
.marbot10 {
margin-bottom:10px!important;
}
.marbot15 {
margin-bottom:15px;
}
.marbot20 {
margin-bottom:20px;
}
.marbot30 {
margin-bottom:30px;
}
.marbot40 {
margin-bottom:40px;
}    @media (min-width : 1201px) {
#galleryhalfwidth .project-overlay h3 { 
font-size:17px;
}
} @media (max-width: 1200px) {
.team .panel:after {
border-right-color: transparent;
border-bottom-color: #fff;
left: 0;
right: 0;
margin: auto;
top: -30px;
}
}  @media (max-width: 991px) {
.header-details {
top: 80px;
}
.accura-social-icons.accura-big li a,
.accura-social-icons.accura-big li a i {
width: 45px;
height: 45px;
line-height: 45px;
font-size: 20px;
}
.content-overlay {
width: 100%;
}
.call,
.call i:before {
font-size: 24px;
}
.home_address a,
.home_address i:before {
font-size: 18px;
}
.cbp-ig-grid {
width:100%;
}
.marbot30-md-xs {
margin-bottom:30px;
}
} @media (max-width: 768px) and (max-height: 480px), (max-height: 480px) {
.spmenu {
width: 90px;
padding:5px; }
.spmenu:hover {
width: 95px;
height: 43px;
}
span.media-left {
display: block;
padding: 0;
}
.center-spmenu {
text-align:center;
}
.spmenu i, 
.spmenu i:before {
font-size:36px;
}
.spmenu:hover i, 
.spmenu:hover i:before {
font-size:25px;
}
.spmenu .sptext {
display:none!important;
}
.spmenu:before {
border-top: 10px solid #f32a2a;
}
}
@media (max-width:767px) { .modal .accordion {
width: 100%;
}
.form_datetime,
.form-controls input, 
.form-controls textarea {
width: 100%!important;
}
}
@media (max-height: 480px) {
.hidden-480 {
display:none;
}
.call, 
.call i:before {
font-size: 20px;
}
}body,
p {
font-family: 'Roboto', sans-serif;
letter-spacing:0;
font-size:18px;
line-height: 1.6;
color: #6B747A;
}
p {
line-height: 32px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Roboto', sans-serif;
letter-spacing:0;
font-weight:700; color: #4A545A;
margin-top:0;
}
h1 { font-size: 46px;
margin-bottom: 25px;
letter-spacing: 3px;
font-weight: 600;
line-height: 60px;
text-transform: uppercase;
}
h2 {
font-size:30px;
margin-bottom: 20px;
}
h3 {
font-size:26px;
margin-bottom: 25px;
}
h4 {
font-size:22px;
margin-bottom: 20px;
}
h5 {
font-size:20px;
margin-bottom:16px;
}
h2,
h3,
h4, 
h5 {
position: relative; }
h2:after,
h3:after,
h4:after {
content: '/';
font-size: 110%;
color: #33b26e;
font-weight: 400;
margin-left: 10px;
}
a.reverse {
border-bottom: 2px solid #89beb0;
}
a.reverse:hover {
color: #333;
}
p.lead {
font-size:18px; line-height:34px;
margin-bottom:30px;
}
iframe {
width:100%;
border:0;
outline:none;
}
.fw-normal {
font-weight:normal;
}
[class^="flaticon-"]:before, 
[class*=" flaticon-"]:before, 
[class^="flaticon-"]:after, 
[class*=" flaticon-"]:after {
margin-right: 10px;
margin-left: 0px;
} .seperator {
padding-bottom: 50px;
margin-top: 20px;
border-top: 1px solid #DADADA;
}
.seperator-full {
padding-bottom:50px;
margin-top:50px;
border-top: 1px solid #DADADA;
}
section {
background:transparent;
padding:80px 0;
}
.section-pad0 {
padding:0;
}
.section-bottom50 {
padding-bottom:50px;
}
.section-bottom40 {
padding-bottom:40px;
}
.section-bottom30 {
padding-bottom:30px;
}
.section-bottom20 {
padding-bottom:20px;
}
.section-bottom10 {
padding-bottom:10px;
}
.section-bottom0 {
padding-bottom:0px;
}
.greybg {
background:rgba(227, 227, 227, 0.5);
}
.darkbg {
background: #2c3e50;
}
.icon-big:before {
font-size: 60px;
margin-bottom: 30px;
margin-left: 0;
color: #32b06d;
}
.left-content {
text-align:left;
}
.right-content {
text-align:right;
}
.transparent-heading {
color:rgba(74, 84, 90, .1);
}
.content-overlay #galleryss {
position: static;
}
nav.navbar.navbar-default .nav > li > a {
color: #19262d;
}
.about-box-big.media-left {
padding: 30px;
}
.border-box {
border: 6px solid #333;
}
.about-box-big {
width: 36%;
}
.about-icons {
color: #33b26e;
font-size: 26px;
margin-right:10px;
}
#owl-demo .owl-item img:hover {
cursor: e-resize;
} .list-type1 li {
padding:12px 0;
border-bottom:1px solid #ddd;
font-weight: 500;
display:table;
width:100%;
font-size:17px;
}
.list-type1 li:first-child {
padding-top:0;
} .list-type1 li:before {
content:"\f11d";
font-family:'Flaticon';
padding-right:10px;
display:table-cell;
color:#33B26E;
width:30px;
}
.list-border-bottom-none li {
border-bottom:0;
} .award-list li {
vertical-align:top;
font-size: 18px;
line-height: 26px;
margin-bottom: 10px;
display:table;
}
.award-list li:before {
margin-left: 0;
padding-right: 15px;
content: "\f11d";
font-family: Flaticon;
font-size: 24px;
color: #33B26E;
display: table-cell;
vertical-align: top;
}
.row-gutter {
margin-left:0;
margin-right:0;
}
.row-gutter [class*='col-']{
padding-right:0px;
padding-left:0px;
}
.row-gutter [class*='col-'].gutter-none {
padding-right: 15px;
padding-left: 15px;
}
.row-gutter figure {
margin: 3px 3px;
}
figure.caption-bottom-strip figcaption {
background:rgba(51, 178, 110, .8);
color:#fff;
padding:10px;
text-align:left;
text-transform:capitalize;
transform: translateY(100%);
transition:.5s;
top: auto;
}
figure.caption-bottom-strip:hover figcaption {
transform: translateY(0);
}
figure figcaption {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(30,43,65,.8);
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
opacity:0;
}
figure:hover figcaption {
opacity:1;
}
figcaption h4,
figcaption p {
color:#fff;
}
.text-normal {
font-size:18px;
line-height: 30px;
}
.text-big p:first-child {
font-size: 26px;
line-height: 44px;
font-weight:300;
}
*[class*="quotes"] { 
quotes: '\201c' '\201d'; 
display: table;
}
*[class*="quotes"]::before {
content: open-quote;
padding-right:5px;
}
*[class*="quotes"]::before {
content: "\f157";
font-family: flaticon;
display: table-cell;
font-size: 30px;
color: #33b26e;
line-height: .1em;
vertical-align: -.4em;
padding-right: 10px;
}
.quotes.single-quotes-big:after {
display:none;
}
.quotes-big:before { font-size: 100px;
}
.single-quote-content {
font-size: 43px;
line-height: 1.2;
font-weight: 400;
}
.single-quote-content:before {
content: '';
position: absolute;
border-bottom: 2px solid #333;
bottom: 0;
width: 40px;
}
.single-quotes-big h3 {
line-height: 36px;
letter-spacing:1.5px;
}
.vision-mission-img {
background:url(http://placehold.it/1900x950);
}
.testimonial-mission-img {
background:url(http://placehold.it/1900x950) top right;
min-height: 650px;
}
.three-item .owl-controls {
margin-top:50px;
}
@media (max-width : 767px) {
.about-box-big {
width: 100%;
display: block;
}
} .skills-image {
background:url(http://placehold.it/1900x950) right;
background-size: cover;
}
.resume-image {
background:url(http://placehold.it/1900x950) center;
background-size: cover;
}
.request-quote-image {
background:url(http://placehold.it/1900x950);
background-size: cover;
} .team-leader {
background:url(http://placehold.it/1900x950) left;
}
.team-member-01 {
background:url(http://placehold.it/1900x950) left;
}
.team-member-02 {
background:url(http://placehold.it/1900x950) left;
}
.team-member-03 {
background:url(http://placehold.it/1900x950) left;
}
.team-member-04 {
background:url(http://placehold.it/1900x950) left;
}
.team-member-05 {
background:url(http://placehold.it/1900x950) left;
}
.team-member-06 {
background:url(http://placehold.it/1900x950) left;
}
.team-member-07 {
background:url(http://placehold.it/1900x950) left;
}
.team-member-08 {
background:url(http://placehold.it/1900x950) left;
}
.team-box .label-default {
font-size: 70%;
}
.team-sub-content .team-sub-content-section {
display:none;
}
.team-content small {
font-style:italic;
font-size:90%;
}  .navbar-inverse {
background: rgba(28, 28, 28, 0.95);
}
nav.navbar .nav > li > a, 
.navbar .dropdown-menu > li > a {
font-family: 'Roboto', sans-serif;
color:#7D838B;
font-size: 14px;
font-weight: 500;
}
.navbar .dropdown-menu > li > a {
color:#f4f4f4;
}
nav.navbar .nav > li:after {
content: '';
position: absolute;
top: 0;
bottom: auto;
right: 0;
border-right: 1px solid #323e4a;
transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
height: 65%;
}
nav.navbar.navbar-fixed-bottom .nav > li:after {
top: auto;
bottom: 0;
}
nav.navbar-default .nav > li:after {
border-right: 1px solid #cccccc;
} .footer {
z-index: 98;
background:rgba(31,38,44,.8);
} .architect-service {
background: #E2E2E2;
padding: 20px; display: block;
min-height:300px;
cursor:pointer;
position: relative;
}
.architect-service:hover {
background: rgba(243,42,42,.8);
color:#fff;
}
.architect-service:hover a {
color:#fff;
}
.architect-service i {
font-size: 24px;
color: #D2D2D2;
}
.architect-service h2,
.architect-service h3,
.architect-service p {
color:#818181;
transition: .5s ease;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
}
.architect-service:hover h2,
.architect-service:hover h3,
.architect-service:hover p,
.architect-service:hover h2:after {
color:#fff;
}
.architect-service h2:after {
transition: .5s ease;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
}
.service-icons:before {
font-size: 42px;
}
.architect-service:hover .service-icons:before {
color:#fff;
}
.architect-service h2 {
margin-right:12%;
}
.architect-service:before {
color: #adaaaa;
font-size: 60px;
line-height: 60px;
right: 20px;
top: 20px;
font-family: "Flaticon";
position: absolute;
transition: .5s ease;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
}
.architect-service:hover:before {
color:#333;
}
.service-icon {
text-align: right;
z-index: 0;
display: block;
}  [class*="heading-separator"] {
position:relative;
display:inline-block;
z-index: 0;
}
.heading .heading-separator {
margin-bottom:70px;
}
.heading-separator:before {
content: '/';
position: absolute;
top: 100%;
transform: translateY(-100%);
bottom: -10px;
font-size: 75%;
line-height: inherit;
left: 0;
width: 100%;
color: #33b26e;
font-weight: 300;
}
.heading .heading-separator-line {
margin-bottom:30px;
font-size: 40px;
line-height: 54px;
}
.heading .heading-separator-line:after {
content: '/';
font-size: 110%;
color: #33b26e;
font-weight: 400;
margin-left: 10px;
position: absolute;
left: 100%;
top: 0;
}
.heading-separator-line .service-icon:before {
font-size: 250%;
top:0;
}
.service-icon:before {
color: #e0e0e0;
font-size: 220%;
right: 0;
left: 0;
text-align: center;
bottom: -35px;
margin:0;
font-weight: 100;
z-index: -1; font-family: "Flaticon";
position: absolute;
}
.heading-separator-line:after {
content: '/';
font-size: 110%;
color: #33b26e;
font-weight: 400;
margin-left: 10px;
}
.label-default {
font-size: 80%;
background: #33b26e;
color: #fff;
padding: 3px 6px 3px 6px;
font-weight: 400;
border-radius: 0;
text-transform:uppercase;
letter-spacing: 1px;
z-index: 1;
position: relative;
}
.heading .label-default {
font-size:79%;
}
.slash {
position: relative;
margin-bottom: 40px;
}
.slash:after {
content: '/';
text-align: center;
position: absolute;
top: -50px;
font-size: 100px;
line-height: 100%;
color: #33b26e;
left: 0;
right: 0;
font-weight: 300;
}
.service-icon1:before,
.service-box1 .architect-service:before {
content:"\f101";
}
.service-icon2:before,
.service-box2 .architect-service:before {
content:"\f143";
}
.service-icon3:before,
.service-box3 .architect-service:before {
content:"\f10f";
}
.service-icon4:before,
.service-box4 .architect-service:before {
content:"\f102";
}
.service-icon5:before,
.service-box5 .architect-service:before {
content:"\f181";
}
.service-icon6:before,
.service-box6 .architect-service:before {
content:"\f108";
}
@media (max-width : 991px) {
.heading {
text-align:center;
}
}  .news-heading {
padding-top:40px;
padding-left:15px;
padding-right:15px;
position: relative;
z-index: 0; }
.news-section {
padding:30px 30px;
border-top: 1px solid rgba(117, 125, 130,.25);
cursor:pointer;
position:static;
border-bottom: none!important;
border-radius: 0!important;
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
}
.news-section:hover {
background:#252f38;
}
.news-section.active {
background: #1d252c;
}
.news-section .list-type1 li {
border-bottom: 1px solid #313131;
}
.panel-group .news-section.panel + .news-section.panel {
margin:0;
}
.news-section .accordion-toggle {
position:relative;
display:block;
}
.news-section .accordion-toggle:before {
content: '+';
font-family: 'flaticon';
position: absolute;
top: 0;
right: 0;
font-size: 25px;
font-weight: bold;
width: 15px;
}
.news-section .accordion-toggle:not(.collapsed):before {
content: '+';
}
.news-section.active h3,
.news-section:hover h3 {
color:#e8e8e8;
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
}
@media (min-width : 992px) {
.news-image-section:first-child {
display:block;
}
.news-image-section {
opacity:0;
visibility:hidden;
position: absolute;
top: 0;
left: 0;
background-size: cover;
width: 100%;
height: 100%;
transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
transition:.5s;
-webkit-transition:.5s;
z-index:-2;
}
.news-section.active .news-image-section {
opacity:1;
visibility:visible;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
z-index:-1;
}
.news-section.active .news-image-section {
z-index:-2;
}
.carousel .item {
width:inherit!important;
}
}
@media (min-width: 1201px) {
.news-heading,
.news-section {
padding-left: 50px;
padding-right: 15%;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.news-heading,
.news-section {
padding-left: 50px;
padding-right: 45px;
}
}
@media (max-width: 991px) {
.news-section.panel,
.panel-group .news-section.panel + .news-section.panel {
margin-bottom: 50px;
border: 0;
}
.news-section {
background: #e3e3e3;
}
.news-section button.close {
display:none;
}
.news-image-section {
position: relative;
margin-left: -30px;
margin-right: -30px;
margin-top: -30px;
margin-bottom: 30px;
}
}
@media (min-width: 991px) {
.fit-image.bg-overlay-dark {
position:absolute;
}
}
.news-image-01 {
background-image:url(//umoatitres.org/obligationsynthetique/cotedivoire/assets/images/infographie1.png);
background-size: cover;
background-position: center;
opacity: 1;
}
.news-image-01 button{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
opacity: 0;
z-index: 4
} .news-image-01:hover button{
opacity: 1;
border: 0;
padding: 25px 18px;
background: #008ECF;
color: #fff;
}
.news-image-02 {
background-image:url(//umoatitres.org/obligationsynthetique/cotedivoire/assets/images/infographie2.png);
background-size: cover;
background-position: center;
opacity: 1;
}
.news-image-02 button{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
opacity: 0;
z-index: 4
} .news-image-02:hover button{
opacity: 1;
border: 0;
padding: 25px 18px;
}
.news-image-03 {
background-image:url(//umoatitres.org/obligationsynthetique/cotedivoire/assets/images/infographie3.png);
background-size: cover;
background-position: center;
opacity: 1;
}
.news-image-03 button{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
opacity: 0;
z-index: 4
} .news-image-03:hover button{
opacity: 1;
border: 0;
padding: 25px 18px;
}
.news-image-04 {
background-image:url(//umoatitres.org/obligationsynthetique/cotedivoire/assets/images/infographie4.png);
background-size: cover;
background-position: center;
opacity: 1;
}
.news-image-04 button{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
opacity: 0;
z-index: 4
} .news-image-04:hover button{
opacity: 1;
border: 0;
padding: 25px 18px;
}
.news-image-05 {
background-image:url(//umoatitres.org/obligationsynthetique/cotedivoire/assets/images/infographie5.jpg);
background-size: cover;
background-position: center;
opacity: 1;
}
.news-image-05 button{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
opacity: 0;
z-index: 4
}  .button-back {
position: absolute;
left: 0px;
left: 0px;
top: 200px;
z-index: 999;
margin-left: -350px;
cursor: pointer;
width: 55px;
height: 55px;
line-height: 55px;
background: #33b26e;
text-align: center;
color: #fff;
font-size: 30px;
}
.button-back:before {
content:'\f104';
font-family:'FontAwesome';
}
.button-back:hover {
background: #84919E;
}
.service-subpage {
position: relative;
width:100%;
height: 100%;
top: 0;
bottom: 0;
}
.service-video-img {
background:url(http://placehold.it/1900x950);
}
.feature-icon-small:before {
color: #33b26e;
font-size: 55px;
line-height:55px;
display:inline-block;
margin-bottom: 30px;
}  .read-more,
.read-more.active,
.read-more:focus {
margin-bottom:0;
position:relative;
background: #33b26e;
color: #fff;
font-size: 13px;
line-height: 1;
font-weight: 600;
letter-spacing:1px;
text-transform: uppercase; display: inline-block;
padding: 15px;
border-radius: 50px;
outline:0;
white-space: nowrap;
}
.read-more:after {
content:"\f16a";
font-family:Flaticon;
color: #fff;
margin-left:10px;
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
}
.read-more:hover,
.read-more.active {
background: #53c688;
color:#fff;
}
.read-more:hover:after {
margin-left: 20px;
}
.btn-border, 
.btn-border:hover, 
.btn-border:active, 
.btn-border:focus {
padding: 15px 45px;
border: 2px solid #fff;
color: #fff;
outline:0;
}
.multi-btn .btn {
margin-left:10px;
margin-right:10px;
}
.grayscale-images img {
-ms-filter: grayscale(80%); -moz-filter: grayscale(80%); -webkit-filter: grayscale(80%); filter: grayscale(80%);
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
}
.grayscale-images img:hover {
-ms-filter: grayscale(0%); -moz-filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: grayscale(0%);
} .team-content {
background: #ffffff;
padding: 25px;
margin-bottom: 15px;
margin-top: 5px;
position: relative;
}
.team-content:before {
content: '';
position: absolute;
border: 30px solid transparent;
border-right: 30px solid #ffffff;
bottom: -30px;
left: -15px;
}
.testi-author {
margin-left: 60px;
}
.testi_img {
position: relative;
}
.testi-image {
width:150px;
}
.testi-image img {
border: 8px solid rgba(244, 245, 245, .8);
}
.testi-image .testi_btn {
display:none;
}
.testi-image:hover .testi_btn {
display:block;
}
q:before {
font-size: 25px;
line-height: .4em;
vertical-align: top;
padding-right: 10px;
color: #33b26e;
content: "\f157";
font-family: flaticon;
}
q:after {
display:none;
}
.testi_btn {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
text-align: center;
background-color: rgba(51, 178, 110, .7);
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 50px;
margin: 0 auto;
font-size: 20px;
color: #f4f4f4;
transition: .5s;
-webkit-transition: .5s;
-ms-transition: .5s;
}
.testi_btn i:before {
margin:0;
}
.testi_btn:hover {
background: rgba(51, 178, 110, .98);
}
.testi_btn-big {
width: 100px;
height: 100px;
line-height: 100px;
font-size:40px;
}
.testi_btn-big i:before {
font-size:40px;
margin:0;
}  .slider, .single-item, .owl-wrapper-outer, .owl-wrapper, .owl-item, .item {
height: 100%;
position:relative;
}
.owl-image-01 {
background:url(http://placehold.it/1900x950);
background-size:cover;
background-position: center;
}
.owl-image-02 {
background:url(http://placehold.it/1900x950);
background-size:cover;
background-position: center;
}
.owl-image-03 {
background:url(http://placehold.it/1900x950);
background-size:cover;
background-position: center;
}
.owl-image-04 {
background:url(http://placehold.it/1900x950);
background-size:cover;
background-position: center;
}
.owl-image-05 {
background:url(http://placehold.it/1900x950);
background-size:cover;
background-position: center;
}
.owl-thumb {
position:absolute;
bottom:0;
}
.owl-thumb .owl-item {
cursor: pointer;
opacity: 1;
height:100px;
background: #000;
}
.owl-thumb .owl-item .fit-image {
min-height: 100px;
opacity: .4;
}
.owl-item.synced .fit-image {
opacity: 1;
}
.owl-thumb .owl-controls {
margin-top:0;
}
.single-item .owl-prev:before, 
.single-item .owl-next:before {
opacity:1;
} .address li {
display: table;
width: 100%;
margin-bottom: 15px;
font-size: 18px;
line-height: 30px;
}
.address li:before {
display: table-cell;
width: 45px;
font-size: 30px;
text-align: right;
padding-right: 15px;
color: #33b26e;
vertical-align: top;
}
.map-marker:before {
content: "\f163";
font-family: Flaticon;
}
.phone:before {
content: "\f17f";
font-family: Flaticon;
}
.envelope:before {
content: "\f181";
font-family: Flaticon;
} [class*="bg-overlay-"] {
position:relative;
overflow:hidden;
z-index:0;
}
.bg-overlay-dark:before {
content:'';
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,.5);
z-index:-1;
}
.image-over-content {
position:relative;
background-size:cover;
min-height: 600px;
}
.image-content {
padding:80px 70px;
color:#fff;
}
.image-content h1,
.image-content h3,
.image-content p {
color:inherit;
}
.count {
width: 25px;
background: #33B26E;
color: #fff;
font-size: 14px;
text-align: center;
margin-bottom: 10px;
}
.slider-modal .heading {
position:relative;
z-index:0;
}
.modal section:first-child {
padding-top: 0px;
} .modal .heading h1 .service-icon:before {
top:25px;
bottom:auto;
}
.modal-table td:first-child {
font-weight: 500;
font-size: 13px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
}
.modal-table td:first-child, 
.modal-table th:first-child {
border-right: 1px solid #dfdfdf;
text-align: left;
}
.modal-table td {
width: 50%;
padding: 17px 20px;
color: #ffffff;
font-size: 15px;
font-weight: 400;
}
.modal-table tr {
background: #44bf7d;
}
.modal-table tr:nth-child(odd) {
background: #33b26e;
}
.modal-table {
width: 100%;
}
.modal .list-type1 li {
font-size:16px;
line-height:26px;
}
.modal .accordion {
width:80%;
}
.strip {
padding:50px 0;
}
.strip h4 {
position: relative;
top: 13px;
color:#fff;
}
.strip-content .call {
font-size: 30px;
}
.strip-content .call i:before {
font-size: 30px;
color: #33B26E;
} .gm-style .gm-style-iw {
padding:10px 10px;
}
.spmenu .sptext {
font-weight:400;
} .panel-heading {
padding:0;
}
.panel-group {
margin:0;
}
.panel-content {
font-size: 16px;
line-height: 24px;
color: #7d7d7d;
padding:15px 0;
}
.panel-body {
padding: 20px;
}
.accordion .panel-body {
padding: 15px 0;
}
.panel-default > .panel-heading,
.panel-default > .panel-heading + .panel-collapse > .panel-body,
.panel-default {
border-color:transparent;
background:transparent;
}
.panel-group .panel {
border-bottom-color: #ddd;
box-shadow: none;
}
.panel-title:not(.collapsed) {
border-bottom: 1px solid rgba(0,0,0,.1);
display: block;
}
.panel-title h5 {
line-height: 52px;
margin: 0;
margin-right: 25px;
font-size: 15px;
font-weight: 600;
display: block;
letter-spacing: 1px;
text-transform: uppercase;
}
.panel-title h5:before {
display:none;
}
.panel-heading a.collapsed h5::after {
font-family: 'FontAwesome';
content: "\f107";
color: #646464;
}
.panel-heading a h5::after {
font-family: 'FontAwesome';
content: "\f106";
float: right;
color: #33B26E;
position: absolute;
right: -15px;
top:0;
}
.panel-body a {
color: #6D6D6D;
}
.modal-toggle .panel-heading {
padding:0;
}
.modal-toggle .panel-title:not(.collapsed).panel-title::before {
background:transparent;
}
.panel-title:not(.collapsed) h5, 
.panel-title:hover h5 {
color: #33B26E;
text-decoration: none;
} .panel .list-type1 li:last-child {
border-bottom:0;
}  .project-info {
margin-bottom:60px !important;
}
.project-info h4 {
margin-bottom:15px;
}  .padlefrig10 {
padding-left:10%;
padding-right:10%;
}
.marbot50 {
margin-bottom:50px;
}
.padding0 {
padding: 0!important;
}
.martop10 {
margin-top:10px;
}  @media (max-width : 991px) {
.owl-thumb {
position: relative; 
bottom: 0;
}
}
@media (max-width : 767px) {
.heading .heading-separator {
margin-bottom: 50px;
}
.button-back {
top: 120px;
opacity: 0.8;
}
h1,
.heading .heading-separator-line,
.modal .heading h1 {
font-size: 34px;
line-height: 38px;
}
h3 {
font-size: 24px;
margin-bottom: 25px;
}
.service-icon:before {
font-size: 70px;
}
.lead {
padding-left: 15px;
padding-right: 15px;
}
.padlefrig10 {
padding-left: 0;
padding-right: 0;
}
.image-content {
padding: 80px 30px;
}
}
@media (max-width:991px) {
.right-content {
text-align:left;
}
#contact_form input, 
#contact_form textarea {
width: 100%;
}
.strip .strip-content, 
.strip .strip-content .text-right, 
.strip .strip-content .call {
text-align:center;
}
.strip h4 {
top:0;
margin-bottom: 20px;
}
.multi-btn .btn {
margin-top:10px;
margin-bottom:10px;
}
.strip-content .vertical-center {
display: block;
text-align:center;
}
}
@media (max-width:480px) {
.quotes-big:before {
color: #33b26e;
font-size: 40px;
}
h1,
.heading .heading-separator-line,
.modal .heading h1 {
font-size: 30px;
line-height: 35px;
}
h4 {
font-size: 20px;
margin-bottom: 20px;
}
.quotes.quotes-big p:first-child {
font-size: 20px;
line-height: 36px;
}
.testi_btn-big {
width: 50px;
height: 50px;
line-height: 40px;
}
.testi_btn-big i:before {
font-size: 20px;
}
}
.whole-section {
position:relative;
}
.team-box-section.active {
display:none;
}
.team-box-section {
display:block;
}
.team-subpage-content {
display:none;
}
.team-subpage-content.active {
display:block;
}
.team-box-section {
position: relative;
}
.team-box-section section,
.team-subpage section {
padding: 80px 0 40px 0;
}
.team-subpage {
position:absolute;
top: 0;
left:100%;
width:100%;
}
.content-inner{
padding: 0
}
.accordion-toggle h3{
padding-right: 20px;
}