/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body 
{
font-family: "Poppins", sans-serif;
color: #555555;
}
.justify-content-center
{
justify-content: right !important;
}
.clear
{
clear:both;	
}
.imgres 
{
max-width:100% !important;
height:auto !important;
}


/*--------------------------------------------------------------
# indexslider
--------------------------------------------------------------*/
.sliderheading
{
font-family:Times New Roman !important;
color:#ffffff;
font-weight:600 !important;
font-size:120px !important;
margin:0px !important;
padding:0px !important;
letter-spacing:3px;
text-align:left !important;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
.sliderheading1
{
font-family:Times New Roman !important;
color: #ffffff;
font-weight:700 !important;
font-size:143px !important;
margin:0px !important;
padding:0px !important;
letter-spacing:3px;
text-align:left !important;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
.slidersubheading
{
background-color:#FFA017 !important;	
font-weight:normal !important;
font-size:23px !important;
text-align:center !important;
margin-top:12px !important;
letter-spacing:4px;
font-family:Times New Roman !important;
color:#ffffff;
padding:10px 0px;
width:60% !important;
float:left !important;
}


/*--------------------------------------------------------------
# animatetext details
--------------------------------------------------------------*/
.animate-text
{
font-size:38px !important;
font-weight:385 !important; 
color:#676767;
letter-spacing:1px;
margin:0px !important;
padding:0px !important;
}
.animate-charcter
{
background-image: linear-gradient(
-225deg,
#000000 0%,
#44107a 29%,
#C02219 67%,
#FFA717 100%
);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
color: #fff;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 2s linear infinite;
display: inline-block;
font-size: 190px;
}
@keyframes textclip
{
to
{
background-position: 200% center;
}
}


/*--------------------------------------------------------------
# heading
--------------------------------------------------------------*/
.heading
{
font-size:36px;
font-weight:300 !important;
letter-spacing:1px;
text-align:center !important;
}
.headingbold
{
color:#be191d; 
font-weight:390;	
}
.section
{
width:30%;
margin:0 auto !important;
text-align:center !important;
margin-top:10px !important;
}
.hscroll-line
{
height:2.0px !important;
position: absolute;
overflow: hidden;
width:230px;
transform-origin:50% 50%;
margin-left:-110px;
}
.hscroll-line::before,
.hscroll-line::after
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: ""
}
.hscroll-line:before
{
background: #ffa51a !important;
}
.hscroll-line::after
{
background: #be1b1e;
animation: move 3s infinite
}
@keyframes move
{
0%
{
transform: translate3d(-200%, 0, 0)
}
60% 
{
transform: translate3d(100%, 0, 0)
}
100% 
{
transform: translate3d(100%, 0, 0)
}
}


/*--------------------------------------------------------------
# counter box div
--------------------------------------------------------------*/
.imgcenter
{
text-align:center !important;
}
.div80
{
width:80% !important;
margin:0 auto !important;
}
.fulldiv
{
width:100% !important;
float:left;
}
.counter-box
{
width:50%;
float:left;
padding:20px 0px;
cursor:pointer;
background: linear-gradient(#ffffff, #ffffff 50%, #F6F6F4 50%, #F6F6F4);
background-size: 100% 200%;
/*trasition effect for background*/
transition: ease all 0.6s;
}
.counter-box:hover
{
background-position: 100% 100%;
}
.counter-box h2
{
font-size:60px;
text-align: center;
font-weight:700 !important;
color:#FFC71B !important;
margin:0px;
padding:0px;
}
.counter-box p
{
text-align: center;
font-size:19px;
color:#07518C;
margin:0px;
padding:0px;
font-weight:415;
}
.border1
{
border-right:1px solid #B1AEAE;
border-bottom:1px solid #B1AEAE;	
}	
.border2
{
border-bottom:1px solid #B1AEAE; 
padding:23px 0px;	
}	
.border3
{
border-right:1px solid #B1AEAE;	
}


/*--------------------------------------------------------------
# project name details
--------------------------------------------------------------*/
.pro-rowmar
{
margin-top:60px !important;	
}
.project-image
{
width:100%;
max-width:100%;
height:auto;
margin:0 auto;
position:relative !important;
overflow:hidden !important;
transition: 0.7s;
padding: 0.7em;
box-shadow: 0px 2px 3px rgba(0, 0, 0, .13), 1px 2px 2px rgba(0, 0, 0, .1), -1px -2px 2px rgba(0, 0, 0, .05);
}
.project-image:hover
{
outline:none !important;
}
.c_prop_box_ribbon
{
position: absolute;
background-color: #e81c36;
color: #fff;
font-size:18px;
font-weight: 600;
padding: 45px 40px 5px 55px;
top: -30px;
right: -45px;
transform: rotate(45deg);
}
.blink
{
animation: blink-animation 1s steps(5, start) infinite;
-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation
{
to
{
visibility: hidden;
}
}
@-webkit-keyframes blink-animation
{
to
{
visibility: hidden;
}
}
.text-block
{
position:absolute !important;
padding-left:15px;
color:#000000;
top: auto;
left:2em;
bottom: 0;
right: 0.6em;
z-index:1px !important;
text-align:left !important;
bottom:0px !important;
transition: ease all 0.5s;
background-color:rgba(255, 255, 255, 0.9);
height:12% !important;
z-index: 2;
border-left:3px solid #C4151A;
}
.text-block:hover
{
	
}
.project-image:hover .text-block 
{
transform: translateY(-50px);
transition: ease all 0.5s;
height:30% !important;
bottom:-60px !important;
}
.projectname1
{
color:#2B2B2B;
margin:0px !important;
padding:0px !important;
font-size:23px;
font-weight:400 !important;
padding-top:20px !important;
text-align:left;
}
.projectname2
{
color:rgba(0, 0, 0, 0.0);
text-align:left !important;
font-size:20px;	
font-weight:300 !important;
padding-top:10px !important;
}
.projectname3
{
color:rgba(0, 0, 0, 0.0);
text-align:left !important;
font-size:24px;	
font-weight:400 !important;
padding-top:12px !important;
font-family:calibri;
}
.redicon
{
color:rgba(0, 0, 0, 0.0);
}
.project-image:hover .projectname2
{
color:rgba(0, 0, 0, 0.9);
transform: translateY(0px) !important;
transition: ease all 0.5s;
}
.project-image:hover .projectname3
{
color:rgba(0, 0, 0, 0.9);
transform: translateY(0px);
transition: ease all 0.5s;
}
.project-image:hover .redicon
{
color:rgba(187, 28, 22, 0.9);
transform: translateY(0px);
transition: ease all 0.5s;
}
.project-fulldiv
{
width:100%;
float:left;
}
.latestproject-button
{
background-color:#BF0D0B !important;
border:1px solid #BF0D0B !important;
padding:6px 18px;
border-radius:5px;
color: #ffffff !important;
transition: all .3s ease;
transition: 0.3s;
font-size:17px;
text-align:center !important;
margin-top:15px;
font-family:calibri;
}
.latestproject-button:hover
{
background-color:#A40806 !important;
color:#ffffff !important;
transform: translate(0, -9px);
}


/*--------------------------------------------------------------
# whydealmilgaya secion
--------------------------------------------------------------*/
.div33
{
width:33% !important;
float:left;
padding:20px 0px;
cursor:pointer;
background: linear-gradient(#ffffff, #ffffff 50%, #F6F6F4 50%, #F6F6F4);
background-size: 100% 200%;
/*trasition effect for background*/
transition: background 1s;
}
.div33:hover
{
background-position: 100% 100%;
}
.whytext
{
text-align: center;
font-size:19px;
color:#00214F;
margin:0px;
padding:0px;
font-weight:415;
line-height:120% !important;
padding-top:85px !important;
}
.whyborder1
{
border-right:1px solid #B1AEAE;
border-bottom:1px solid #B1AEAE;
padding:31px 0px;	
}
.whyborder2
{
border-right:1px solid #B1AEAE;
border-bottom:1px solid #B1AEAE;
}
.whyborder3
{
border-bottom:1px solid #B1AEAE;
}
.whyborder4
{
border-right:1px solid #B1AEAE;
}


/*--------------------------------------------------------------
#apply div section
--------------------------------------------------------------*/
.apply 
{
background-image: url(../images/apply.png);
position: relative;
z-index: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
min-height:245px; 
max-height:100%;
}
.apply1
{
position: absolute;
width: 100%;
height: 100%;
background-color: #393D49;
opacity: .9;
z-index: -1;
}
.applyheading
{
font-size:45px;
color:#F0F1ED;
text-align:center;
font-weight:510;
margin:0px !important;
padding:0px !important;	
padding-top:38px !important;
}
.applytext
{
color:#F0F1ED;
text-align:center;
font-size:18px;
font-weight:400;
margin:0px !important;
padding:0px !important;	
padding-top:8px !important;
letter-spacing:1px;
}
.applybutton
{
color: #ffffff !important;
font-size:18px;
font-weight:460 !important;
padding:9px 42px !important;
background-color:transparent !important;
border:1px solid #ffffff;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border-radius: 30px;
text-align: center;
margin-top:25px !important;
}
.applybutton:hover
{
background-color: #ffffff !important;
color:#39373A !important;
border:1px solid #ffffff;	
}


/*--------------------------------------------------------------
# awards & achievements section
--------------------------------------------------------------*/
.innerawardimg
{
width:90%;
margin:0 auto;
margin-top:65px;
}
.awardheading
{
font-family:calibri;
font-size:23px;
text-align:center;
color:#24272E;	
font-weight:100;
text-align:center; 
margin:0px !important;
padding:0px !important;
line-height:28px !important;
}
.outerWrapper
{
text-align: left;
position:relative;
margin:0 auto !important;
width:84% !important;
margin-top:35px !important;
}
.item
{
float:left;
margin-right:10px;
width:350px;
text-align:center !important;
height:400px;
}
.item div
{
width:100%;
height:100%;
text-align:center;
border:1px solid #D7C99A;
padding-top:20px;
-webkit-border-radius:8px;    
border-radius:8px; 
-moz-border-radius:8px;
-khtml-border-radius:8px;
}
.left-nav-btn, .right-nav-btn
{
position:absolute;
width:37px;
height:37px;
top:185px;
cursor:pointer;
opacity: 0.8;
background:transparent url('../images/arrows.png') top left no-repeat;
-webkit-transition:opacity 0.2s linear;
-moz-transition:opacity 0.2s linear;
-o-transition:opacity 0.2s linear;
transition:opacity 0.2s linear;
}
.left-nav-btn
{
left:-50px;
}
.right-nav-btn
{
right:-50px;
background-position: top right;
}
.left-nav-btn:hover, .right-nav-btn:hover
{
opacity: 1;
}
.awardimgpad
{
padding:0.7em;
box-shadow: 0px 2px 3px rgba(0,0,0,.13) ,1px 2px 2px rgba(0,0,0,.1) , -1px -2px 2px rgba(0,0,0,.05);
}


/*--------------------------------------------------------------
# testimonial
--------------------------------------------------------------*/
.quotedesign
{
width:100% !important;
height:100% !important;
background: url(../images/leftquote.png) left 50px top 10px no-repeat, url(../images/rightquote.png) right 30px bottom 0px no-repeat !important;
}
.testidiv
{
box-sizing: content-box;
width:85% !important;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
padding-top:12px;
padding-bottom:40px;
}
figure.testimonial
{
position: relative;
float: left;
overflow: hidden;
margin: 10px 1%;
padding: 0 20px;
text-align: left;
box-shadow: none !important;
}
figure.testimonial * 
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
figure.testimonial img
{
max-width: 100%;
vertical-align: middle;
height: 90px;
width: 90px;
border-radius: 50%;
margin: 40px 0 0 10px;
}
figure.testimonial blockquote
{
background-color: #EEEEEE;
display: block;
font-size:18px;
font-weight: 400;
line-height:160%;
margin: 0;
padding: 50px 50px 40px;
position: relative;
font-family:arial;
}
figure.testimonial blockquote:before, figure.testimonial blockquote:after
{
content: "\201C";
position: absolute;
color: #C2181B;
font-size:80px;
font-style: normal;
}
figure.testimonial blockquote:before
{
top: 45px;
left: 20px;
}
figure.testimonial blockquote:after
{
content: "\201D";
right: 35px;
bottom:10px;
}
figure.testimonial .btn 
{
top: 100%;
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 25px solid transparent;
border-top: 25px solid #EEEEEE;
margin: 0;
position: absolute;
}
figure.testimonial .peopl
{
position: absolute;
bottom: 45px;
padding: 0 10px 0 120px;
margin: 0;
color: #ffffff;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
figure.testimonial .peopl h3
{
margin: 0;
font-weight:400 !important;
font-size:11px !important;
color:#1C1C1C !important;
}
.testiname
{
margin:0;
font-weight:normal !important;
font-size:22px !important;
color:#1C1C1C !important;
padding-top:15px;
}
.indentity
{
margin: 0!important;
color:#525252;
font-size:16px !important;
}
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list
{
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before, .slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-slide img 
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-btn.slick-hidden
{
display: none;
}
.slick-prev, .slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 30%;
display: block;
width: 20px;
height: 20px;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before
{
opacity: 1;
}
.slick-prev:before, .slick-next:before
{
font-family: "FontAwesome";
font-size:35px;
line-height: 1;
opacity: .75;
color: #6A5A4E;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -40px;
}
.slick-prev:before
{
content: "";
}
.slick-next
{
right: -40px;
}
.slick-next:before
{
content: "";
}


/*--------------------------------------------------------------
# footer address form section
--------------------------------------------------------------*/
.marbottom70
{
margin-bottom:70px !important;	
}
.shadow1
{
box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
text-align:center !important;
padding:18px 0px;
}
.indexformheading
{
font-size:20px;
color: #777777;	
font-weight:530;
padding-top:15px;
}
.indexformtext
 {
color: #0b2341;
text-align: center;
font-size:16px;
padding-top:5px;
}
.indexformtext a   
{
color: #0b2341 !important;
}
.indexformtext a:hover 
{
color:#951C25 !important;
}
.div48
{
width:48%;
float:left;	
}
.marleft27
{
margin-left:27px !important;	
}
.indexfooterform
{
width:100% !important;
margin:0 auto;
padding:38px 30px;
box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
}
.indexfullformdiv
{
width:100% !important;
float: left !important;
text-align:center !important;
margin-bottom:29px !important;
}
.div50
{
width:50% !important;
float:left !important;
}
.input97
{
width:97% !important;
float:left;
padding:10px 0px;
text-indent:20px;
color:#373737 !important;
background-color:#ffffff !important;
border: 1px solid #ced4da;
border-radius:3px;
}
.input97:focus
{
outline:none !important;
border:1px solid #C21D1B !important;
}
.input100
{
width:100%;
padding:10px 0px;
text-indent:20px;
color:#373737 !important;
background-color:#ffffff !important;
border: 1px solid #ced4da;
border-radius:3px;
}
.input100:focus
{
outline:none !important;
border:1px solid #C21D1B !important;
}
::-webkit-input-placeholder
{ 
color: #1e1e1e !important;
font-size:15px !important;
}
::-moz-placeholder
{
color:#1e1e1e !important;
font-size:15px !important;
}
:-ms-input-placeholder
{ 
color:#1e1e1e !important;
font-size:15px !important;
}
:-moz-placeholder
{
color:#1e1e1e !important;
font-size:15px !important;
}
.indexform-button
{
color:#ffffff !important;
font-size:15px;
font-weight:540 !important;
padding:13px 42px;
border-radius: 30px;
background-color:#A70C14 !important;
border:1px solid #A70C14;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
letter-spacing:1px;
}
.indexform-button:hover
{
background-color: #C21D1B !important;
color:#ffffff !important;
border:1px solid #C21D1B;
}


/*--------------------------------------------------------------
# footer section
--------------------------------------------------------------*/
.buildingfooter
{
background-image: url(../images/buildingfooter1.png) !important;
background-repeat: repeat-x;
min-height:138px !important;
width: 100% !important;
}
.footerheading
{
color:#d4d2d2;
font-size:22px !important;
font-weight:500;
}
.innerfooterdiv
{
width:80%;
float:left;
margin-top:10px;
}
.footertext
{
font-size:14px !important;
color:#b8b7b7 !important;
text-align:justify !important;
}
.footertext a 
{
color:#b8b7b7 !important;
}
.lastfooterdiv
{
width:100%;
float:left;
font-size:14px;
color:#b8b7b7;
text-align:center;	
border-top:1px dashed #848282;
padding:10px 0px;
}


/*--------------------------------------------------------------
#rightside enquire button and onclick popup
--------------------------------------------------------------*/
#sidebar
{
}
.social
{
position: fixed;
top:46% !important;
right:-20px;
z-index: 9500;
transform: rotate(-90deg);
background-color:#015294;
width:122px;
height:56px;
text-align:center !important;
border-radius:45px;
border:4px solid #ffc71b;
}
.social:hover
{
right:-20px;
background:#B20308;
color:#d5812a;
}
.social p
{
color:#ffffff;
font-size:16.5px;
font-weight:420;
text-align:center !important;
padding-top:10px !important;
letter-spacing:0.7px;
}
.sidemodal
{
display: none;
position: fixed;
z-index: 9999 !important;
padding-top: 150px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.sidemodal-content
{
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width:26%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .25);
z-index:2 !important;
}
@-webkit-keyframes animatetop
{
from {top:-300px; opacity:0} 
to {top:0; opacity:1}
}
@keyframes animatetop
{
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
.sidemodal-header
{
padding: 0px 16px;
color: #000000;
}
.sidemodalclose
{
color:#FFA61A;
float: right;
font-size:45px;
font-weight:10 !important;
}
.sidemodalclose:hover,
.sidemodalclose:focus
{
color: #FC8900;
text-decoration: none;
cursor: pointer;
}
.sidemodal-body {padding: 2px 16px;}
.modalheading
{
font-size:23px;
color:#F88300;
text-align:center;
margin:0px !important;
padding:0px !important;	
font-weight:510 !important;
padding-top:50px !important;
}
.modalheading1
{
font-size:34px;
color:#F88300;
text-align:center;
margin:0px !important;
padding:0px !important;	
font-weight:509 !important;
}
.padtop27
{
padding-top:27px !important;	
}
.padbottom20
{
padding-bottom:20px !important;	
}
.sidemodal-fulldiv
{
width:70%;
margin:0 auto !important;
margin-bottom:68px !important;
margin-top:40px !important;
}
.sideforminput
{
width: 100%;
padding: 10px 10px;
border: #fff 1px solid;
color: #000;
background-color:#ffffff !important;
font-size: 16px;
border-bottom:1px solid #6A6A6A;
}
.sideforminput:focus
{
background: #ffffff !important;
border: #c5c5c5 1px solid;
outline:none !important;
border-bottom:1px solid #6A6A6A;
}
.sidemodalbutton
{
color: #ffffff !important;
font-size:16px;
font-weight:510 !important;
padding:14px 29px !important;
background-color:#F88300 !important;
border:1px solid #F88300;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
margin-top:30px !important;
}
.sidemodalbutton:hover
{
background-color: #FFFFFF !important;
color:#4e4e4e !important;
border:1px solid #4e4e4e;	
}
/* START TOOLTIP STYLES */
[tooltip]
{
transform: rotate(-90deg) !important;
}
[tooltip]::before,
[tooltip]::after {
text-transform: none; /* opinion 2 */
font-size: 0.9em; /* opinion 3 */
line-height: 1;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0;
}
[tooltip]::before {
content: "";
border: 5px solid transparent; /* opinion 4 */
z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
content: attr(tooltip); /* magic! */
font-family: Helvetica, sans-serif;
text-align: center;
min-width: 3em;
max-width: 21em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 1ch 1.5ch;
border-radius: 0.3ch;
box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
background: #FFC71B;
color: blue;
z-index: 1000; 
font-weight:505;
}
[tooltip]:hover::before,
[tooltip]:hover::after {
display: block;
}
[tooltip=""]::before,
[tooltip=""]::after {
display: none !important;
}
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before
{
border-bottom-width: 0;
border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
left: 50%;
transform: translate(-50%, -0.5em);
}
/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}


/*--------------------------------------------------------------
#rightside footer social icon
--------------------------------------------------------------*/
*,
*::before,
*::after
{
box-sizing: border-box;
}
.mf-social-side-list
{
position: fixed;
bottom:9vh;
right:5px;
z-index: 100;
}
.mf-social-side-list ul
{
list-style: none;
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
}
.mf-social-side-list ul li a
{
color: #ffffff !important;
border-radius: 50%;
width:40px;
height:40px;
line-height: 35px;
margin-top: 5px;
text-align: center;
text-decoration: none;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding-top:3px;
font-size:23px;
font-weight:bold;
}
.mf-social-side-list ul li a:hover
{
opacity: 0.9;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.mf-social-side-list ul li a[href*="facebook"]
{
background-image: linear-gradient(to bottom right, #109AF4, #016EE4);
}
.mf-social-side-list ul li a[href*="instagram"] 
{
background: radial-gradient(
circle at 30% 107%,
#fdf497 0%,
#fdf497 5%,
#fd5949 45%,
#d6249f 60%,
#285aeb 90%
);
}
.mf-social-side-list ul li a[href*="linkedin"] {
background-image: linear-gradient(to bottom right, #0076B4, #0190CE);
}
.mf-social-side-list ul li a[href*="twitter"] {
background-image: linear-gradient(to bottom right, #55ACEE, #63AFE9);
}


/*--------------------------------------------------------------
# whatsapp icon
--------------------------------------------------------------*/
.whats-app
{
position: fixed;
width:51px;
height:51px;
bottom:15px;
right:58px;
background-color: #2db742;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
z-index: 100;
box-shadow: 0 6px 8px 2px rgba(0,0,0,.14);
-webkit-box-shadow: 0 6px 8px 2px rgba(0,0,0,.14);
-moz-box-shadow: 0 6px 8px 2px rgba(0,0,0,.14);
}
.my-float
{
margin-top:13px;
}
.whattext
{
background-color: #f5f7f9;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
color: #43474e;
font-size: 12px;
letter-spacing: -.03em;
margin-right:8px;
padding: 8px 12px;
position: absolute;
right: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
width:164px;
}


/*--------------------------------------------------------------
# footer bounce call div
--------------------------------------------------------------*/
.call
{
float: left;
bottom: 8px;
position: fixed;
left: 20px;
box-shadow: 0 0 8px rgba(0,0,0,.5);
border-radius: 50px;
background: #fff;
font-size: 16px;
font-family: Arial,Helvetica,sans-serif;
color: #CD2122;
padding: 10px;
border: 4px solid #CD2122;
font-weight: 700;
z-index: 999;
text-align: center;
}
.animated
{
-webkit-animation-duration: 2.0s;
animation-duration: 2.0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
} 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}
.bounce
{ 
animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
-moz-animation: bounce 2s infinite;
-o-animation: bounce 2s infinite;
}
.call:hover
{
-webkit-animation-play-state:paused;
-moz-animation-play-state:paused;
-o-animation-play-state:paused;
animation-play-state:paused;
cursor: pointer;
}
.call a:hover
{
color:#C52122 !important;	
}


/*--------------------------------------------------------------
# about us page
--------------------------------------------------------------*/
.backcompanylogo
{
max-width:100% !important;
height:100% !important;
background-image: url('../images/dealogo.png');
background-repeat: no-repeat;
background-position: right 0px bottom 0px !important;    
}
.aboutbanner
{
background-image: url(../images/aboutjuly.png);
background-repeat: no-repeat;
background-position:100% 100%!important;
width:100% !important;
height:100% !important;
min-height:300px !important;
margin-top:113px !important;
background-size:cover !important;
}
.aboutbanner-heading
{
color:#FFFFFF !important; 
font-size:60px !important; 
font-weight:410 !important;
padding-top:105px !important; 
text-align:left !important;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}
.aboutheading1
{
font-size:35px;
color:#8C8989;
font-weight:100 !important;
margin:0px !important;
padding:0px !important;
}
.aboutheading2
{
font-size: 34px;
color: #333;
font-weight:550 !important;
margin: 0px !important;
padding:0px !important;
padding-top:8px !important;
}
.abouttext
{
font-size:17px;
text-align:justify;
line-height:200%;
color:#727272;
}
.aboutimgright
{
margin-top:-110px !important;
text-align:right !important;	
}
.aboutimgleft
{
text-align:left !important;
}


/*--------------------------------------------------------------
# our achievement page
--------------------------------------------------------------*/
.achbanner
{
background-image: url(../images/award.jpg) ;
background-repeat: no-repeat;
background-position:100% 100%!important;
width:100% !important;
height:100% !important;
min-height:300px !important;
margin-top:113px !important;
background-size:cover !important;
}


/*--------------------------------------------------------------
# contact us page
--------------------------------------------------------------*/
.contactbanner
{
background-image: url(../images/contactbanner1.jpg) ;
background-repeat: no-repeat;
background-position:100% 100%!important;
width:100% !important;
height:100% !important;
min-height:300px !important;
margin-top:113px !important;
background-size:cover !important;
}
.contact-heading1
{
font-size:35px;
color:#8C8989;
font-weight:100 !important;
margin:0px !important;
padding:0px !important;
}
.contact-heading2
{
font-size:34px;
color:#333;
font-weight:550 !important;
margin:0px !important;
padding:0px !important;
}
.contact-fulldiv
{
width:100%;
float:left;
}
.contact-innerfulldiv
{
width:100%;
float:left;	
margin-top:25px !important;
}
.contact-div11
{
width:11%;
float:left;
}
.contact-div70
{
width:70%;
float:left;
}
.contact-text1
{
font-size:19px;
color:#333;
font-weight:510 !important;
padding:0px !important;
margin:0px !important;
}
.contact-text2
{
font-size:17px;
color: #727272;
font-weight:400 !important;	
margin:0px !important;
padding:0px !important;
line-height:180%;
padding-top:10px !important;
}
a.contact-text2 
{
font-size:18px !important;
color:#000000 !important;
font-weight:100 !important;	
padding-top:8px !important;
}
a:hover .contact-text2 
{
color:#bb1c16 !important;
}
.contact-heading3
{
font-size:19px;
color:#333;
font-weight:505 !important;
margin:0px !important;
padding:0px !important;
}
.contact-heading4
{
font-size:19px;
color:#333;
font-weight:100 !important;
padding:0px !important;
margin:0px !important;
padding-top:1px !important;
}
.contact-form
{
width:80%;
float:left !important;
margin-top:25px;
}
.contactinner-form
{
width:100%;
float:left;
margin-top:17px !important;
}
.contactform-input
{
width:100% !important;
padding:13px 0px !important;
text-indent:20px !important;
color:#797979 !important;
background-color:transparent !important;
border: 1px solid #ced4da;
}
.contactform-input:focus
{
outline:none !important;
border:1px solid #BC1E1F;
}
.contactform-input::placeholder
{
color:#797979 !important;
}
.contactform-button 
{
color: #ffffff;
font-size:17px;
padding:10px 48px;
background-color:#C1221E !important;
border:1px solid #C1221E;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-border-radius:4px;    
border-radius:4px; 
-moz-border-radius:4px;
-khtml-border-radius:4px;
font-weight:100 !important;
margin-top:20px !important;
}
.contactform-button:hover
{
background-color:#B11718 !important;
color:#ffffff !important;	
border:1px solid #B11718;
box-shadow: 0 3px 15px rgba(0, 0, 0, .3);
}


/*--------------------------------------------------------------
#ongoing project page all property display
------------------------------------------------------------*/
.ongoprojectbanner
{
background-image: url(../images/project.png);
background-repeat: no-repeat;
background-position:100% 100%!important;
width:100% !important;
height:100% !important;
min-height:300px !important;
margin-top:113px !important;
background-size:cover !important;
}
.fall-item 
{
width: 100%;
height: auto;
overflow: hidden;
position: relative;
text-align: center;
}
.fall-item .mask,
.fall-item .content
{
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.fall-item img
 {
display: block;
position: relative;
width: 100%;
height: auto;
}
.fall-item h2
{
color: #fff;
text-align: center;
position: relative;
padding:10px;
background: rgba(191, 27, 25, 0.8);
margin-top:240px !important;
font-size:22px !important;
font-weight:500 !important;
}
.fall-item p
{
font-style: italic;
position: relative;
color: #fff;
padding: 10px 20px 20px;
text-align: center;
}
.fall-effect .mask
{
background-color: rgba(254, 170, 36, 0.6);
top: -200px;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.3s ease-out 0.5s;
-moz-transition: all 0.3s ease-out 0.5s;
-o-transition: all 0.3s ease-out 0.5s;
-ms-transition: all 0.3s ease-out 0.5s;
transition: all 0.3s ease-out 0.5s;
}
.fall-effect h2
{
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.2s ease-in-out 0.1s;
-moz-transition: all 0.2s ease-in-out 0.1s;
-o-transition: all 0.2s ease-in-out 0.1s;
-ms-transition: all 0.2s ease-in-out 0.1s;
transition: all 0.2s ease-in-out 0.1s;
}
.fall-effect p
{
color: #333;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.2s ease-in-out 0.2s;
-moz-transition: all 0.2s ease-in-out 0.2s;
-o-transition: all 0.2s ease-in-out 0.2s;
-ms-transition: all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
}
.fall-effect a.btn
{
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.2s ease-in-out 0.3s;
-moz-transition: all 0.2s ease-in-out 0.3s;
-o-transition: all 0.2s ease-in-out 0.3s;
-ms-transition: all 0.2s ease-in-out 0.3s;
transition: all 0.2s ease-in-out 0.3s;
}
.fall-effect:hover .mask 
{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
top: 0px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.fall-effect:hover h2
{
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.fall-effect:hover p
{
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.fall-effect:hover a.btn
{
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
color:#ffffff !important;
background-color: rgba(33, 33, 33, 0.7);
font-size:15px !important;
padding:10px 20px !important;
margin-top:16px !important;
border:none !important;
border-radius: 30px !important;
}
.fulldiv-pad
{
padding-top:20px !important; 
padding-bottom:10px !important; 
padding-left:12px !important;
padding-right:12px !important;	
border:1px solid #ccc !important;
}
.ongopname
{
font-size:22px;
color:#1C1C1C;
font-weight:450;
margin:0px !important;
padding:0px !important;	
}
.ongoptext1
{
margin-top:20px;
color: #3B3B3B;
font-size:18px;
margin:0px !important;
padding:0px !important;
padding-top:15px !important;
}
.blue-row h3 a 
{
color:#B28B0A !important;
font-size:18px;
margin:0px !important;
padding:0px !important;
}
.blue-row h3 span
{
display: inline-block;
transform: translateX(10%);
transition: 1s;
}
.blue-row:hover > h3 span
{
transform: translateX(60%);
}
.fulldiv-half
{
width: 50% !important;
float:left;
}
.fulldiv-mar
{
margin-top:23px !important; 
border-top:1px solid #BAB7B7 !important; 
padding-top:5px !important;	
}
.fulldiv-border
{
border-right:1px solid #BAB7B7;	
}
.ongopbigtext
{
font-size:40px;
text-align:center !important;
color:#BD1723;
font-weight:bold !important;
}
.ongopsmalltext
{
color: #696969;
font-weight:400;
font-size:15px;
text-align:center;
padding-top:14px;
}
.ongopbutton
{
color:#ffffff !important;
font-size:16px;
font-weight:450 !important;
padding:8px 35px !important;
border-radius: 30px;
background-color:#BD1723 !important;
border:1px solid #BD1723;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
margin-top:3px;
}
.ongopbutton:hover
{
background-color: #ffffff !important;
color:#BD1723 !important;
border:1px solid #BD1723;
}


/*--------------------------------------------------------------
#projectdescriptiopn pages
--------------------------------------------------------------*/

.propageheading
{
font-size: 35px;
color: #8C8989;
font-weight: 100 !important;
margin: 0px !important;
padding: 0px !important;	
text-align:left !important;
margin-top:145px !important;
}
.propageheading-color
{
color:#303030 !important;
font-weight:510 !important;
font-size:33px !important;
padding-top:4px !important;
}
.borlingredi 
{
position: absolute;
width: 70%;
right: 0;
padding:0px !important;
margin:0px !important;
height: 100%;
z-index: 1;
background: url(../images/rightbr.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position: right;
background-size: 100%;
}
.propageheading1
{
font-size: 35px;
color: #8C8989;
font-weight: 100 !important;
margin: 0px !important;
padding: 0px !important;	
text-align:left !important;
padding-left:30px !important;
padding-top:-50px !important;
}
.propagetext
{
font-size:17px !important;
color: #303030 !important;
line-height:200% !important;
text-align:justify !important;
padding-left:30px !important;
padding-right:45px !important;
}
.propage-padtop25
{
padding-top:25px !important;
}
.propage-colorback
{
background-color:#F1F1F1 !important; 
padding-top:55px !important; 
padding-bottom:55px !important;	
}
.propageheading2
{
font-size: 35px;
color: #8C8989;
font-weight: 100 !important;
margin: 0px !important;
padding: 0px !important;	
text-align:center !important;
}
.amenbox
{
width:100%;
float:left;
background-color:none transparent !important;
text-align:center !important;
transition: 0.3s;
}
.amenbox:hover
{
transform: translate(0, -12px);
cursor:pointer;
}
.grade-line
{
background:#009dde;
background:linear-gradient(281deg,#009dde,#ffb24b 71%);
height:1px;
width:50% !important;
margin:0 auto !important;
text-align:center !important;
margin-top:15px !important;
}
.amen-text
{
font-size:17px !important;
color: #303030 !important;
text-align:center !important;
padding-top:13px !important;
}
.borlingredi1 
{
position: absolute;
width: 70%;
right:35%;
top: 1%;
height: 100%;
z-index: 1;
background: url(../images/rightbr1.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position: left;
background-size: 100%;
}
.propageheading3
{
font-size: 35px;
color: #8C8989;
font-weight: 100 !important;
margin: 0px !important;
padding: 0px !important;	
text-align:left !important;
padding-left:70px !important;
padding-top:25px !important;
}
.propagehighdiv
{
width:80%;
float:left;
margin-left:95px !important;
margin-top:20px;
}
.propagehighdiv ul
{
float:left;
margin:0px;
padding:0px;
list-style:circle;
}
.propagehighdiv li
{
float:left;
margin:0px;
padding:8px 0px !important;
font-size:17px;
color: #303030 !important;
list-style:circle;
clear:both;
}
.propagehighdiv li::marker
{
font-size:27px !important; 
color:#BE1E20 !important;
}
.propageheading4
{
font-size: 35px;
color: #8C8989;
font-weight: 100 !important;
margin: 0px !important;
padding: 0px !important;	
text-align:center !important;
padding-top:50px !important;
}
.propageheading4-color
{
font-size:33px !important;
color:#303030 !important;
font-weight:510 !important;
text-align:center !important;
padding-top:4px !important;
}
.propagelocdiv
{
width:100% !important;
float:left !important;
background-color:#F1F1F1 !important;
margin-top:50px !important;
}
.propageloc50
{
width:50%;
float:left;
}
.propageheading5
{
font-size: 35px;
color: #8C8989;
font-weight: 100 !important;
margin: 0px !important;
padding: 0px !important;	
text-align:left !important;
padding-left:30px !important;
padding-top:100px !important;
}
.propageheading5-color
{
font-size:33px !important;	
color:#303030 !important;
font-weight:510 !important;
text-align:left !important;
padding-left:30px !important;
padding-top:5px !important;
}
.propagehubdiv
{
width:65%;
float:left;
margin-top:45px;
margin-left:30px !important;
}
.collapsible
{
background-color: #F7F7F7 !important;
border: 1px solid #CDCDCD;
border-bottom:none !important;
color: #C31F13;
cursor: pointer;
padding:13px;
width: 100%;
text-align:left;
font-size:17px;
font-weight:500 !important;
}
.active1, .collapsible:hover
{
background-color: #F7F7F7 !important;
}
.collapsible:after
{
content: '\002B';
color:#C31F13 !important;
font-weight: bold;
float: right;
margin-left: 5px;
}
.active1:after
{
content: "\2212";
}
.content 
{
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #ffffff !important;
border: 1px solid #CDCDCD;
}
.propagehubpoints
{
width:80%;
float:left;
margin-left:45px;
margin-bottom:20px !important;
}
.propagehubpoints ul
{
float:left;
margin:0px;
padding:0px;
list-style:circle;
}
.propagehubpoints li
{
float:left;
margin:0px;
padding:3px 0px !important;
font-size:17px;
color: #303030 !important;
list-style:circle;
clear:both;
}
.propagehubpoints li::marker
{
font-size:27px !important; 
color:#BE1E20 !important;
}
.scancodetext
{
font-size:19px;
color:#646363 !important;	
text-align:center !important;
line-height:100% !important;
font-family:calibri;
}
.scancodetext a
{
color:blue !important;
}


/*--------------------------------------------------------------
#martop-padtop
--------------------------------------------------------------*/
.martop
{
margin-top:45px !important;	
}
.martop30
{
margin-top:30px !important;
}
.martop140
{
margin-top:140px !important;
}
.martop35
{
margin-top:35px !important;	
}
.padtop158
{
padding-top:158px !important;	
}
.martop55
{
margin-top:55px;	
}
.martop20
{
margin-top:20px !important;
}
.martop23
{
margin-top:23px !important; 	
}
.martop50
{
margin-top:50px !important;	
}
.martop38
{
margin-top:38px !important;	
}
.martop60
{
margin-top:60px !important; 	
}
.martop100
{
margin-top:100px !important;	
}
.martop65
{
margin-top:65px !important;	
}
.martop115
{
margin-top:115px !important;	
}


/*--------------------------------------------------------------
#tamenu
--------------------------------------------------------------*/
.r-tabs .r-tabs-nav
{
margin: 0;
padding: 0;
}
.r-tabs .r-tabs-tab
{
display: inline-block;
margin: 0;
list-style: none;
}
.r-tabs .r-tabs-panel
{
padding: 15px;
display: none;
}
.r-tabs .r-tabs-accordion-title
{
display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active
{
display: block;
}
@media only screen and (max-width: 768px)
{
.r-tabs .r-tabs-nav
{
display: none;
}
.r-tabs .r-tabs-accordion-title
{
display: block;
}
}
.r-tabs
{
position: relative;
}
.r-tabs .r-tabs-nav
{
}
.r-tabs .r-tabs-nav .r-tabs-tab
{
position: relative;
top: 1px;
}
.r-tabs .r-tabs-nav .r-tabs-anchor
{
background:#ffa81a;
margin-bottom: 3px;
padding:12px 60px;
display: inline-block;
text-decoration: none;
color: #4a4a4a !important;
font-size:21px;
font-weight:401 !important;
border-top-right-radius:6px !important;
border-top-left-radius:6px !important;
}
.r-tabs .r-tabs-nav .r-tabs-state-active
{
background-color: #fff;
margin-bottom: -1px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-top-right-radius:6px !important;
border-top-left-radius:6px !important;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor
{
color:#ffa61a;
background-color: #fff;
}
.r-tabs .r-tabs-panel
{
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom: 3px;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor
{
display: block;
padding: 10px;
background-color: #ffa61a;
color: #fff;
font-weight: bold;
text-decoration: none;
margin-bottom: 3px;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor
{
background-color: #fff;
color: #00aadd;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
margin-bottom: 0;
}


/*--------------------------------------------------------------
#inner tabmenu
--------------------------------------------------------------*/
.tabs
{
display: flex;
flex-wrap: wrap; 
}
.tabs label
{
order: 1; 
display: block;
padding:13px 60px;
margin-right:12px;
cursor: pointer;
background:#cecccc;
font-weight: bold;
transition: background ease 0.2s;
color:#000000 !important;
font-weight:400 !important;
font-size:17px;
border-top-right-radius:6px !important;
border-top-left-radius:6px !important;
}
.tabs .tab
{
order: 99; 
flex-grow: 1;
width: 100%;
display: none;
padding: 1rem;
background: #fff;
border:1px solid #ccc;
}
.tabs input[type="radio"]
{
display: none;
}
.tabs input[type="radio"]:checked + label
{
background: #fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
}
.tabs input[type="radio"]:checked + label + .tab
{
display: block;
}
@media (max-width: 45em)
{
.tabs .tab,
.tabs label
{
order: initial;
}
.tabs label
{
width: 100%;
margin-right: 0;
margin-top: 0.2rem;
}
}


/*--------------------------------------------------------------
#nivoslider
--------------------------------------------------------------*/
.nivoSlider
{
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}
.nivoSlider img 
{
position: absolute;
height:500px !important;
top: 0px;
left: 0px;
max-width: none;
}
.nivo-main-image 
{
display: block !important;
position: relative !important;
width: 100% !important;
}
.nivoSlider a.nivo-imageLink
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
background: white;
filter: alpha(opacity=0);
opacity: 0;
}
.nivo-slice 
{
display: block;
position: absolute;
z-index: 5;
height: 100%;
top: 0;
}
.nivo-box 
{
display: block;
position: absolute;
z-index: 5;
overflow: hidden;
}
.nivo-box img 
{
display: block;
}
.nivo-caption 
{
position: absolute;
left: 0px;
bottom: 0px;
background: #000;
color: #fff;
width: 100%;
z-index: 8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter: alpha(opacity=8);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box; 
}
.nivo-caption p
{
padding: 5px;
margin: 0;
}
.nivo-caption a 
{
display: inline !important;
}
.nivo-html-caption
{
display: none;
}
.nivo-directionNav a
{
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
display:none !important;
}
.nivo-prevNav
{
left: 0px;
}
.nivo-nextNav
{
right: 0px;
}
.nivo-controlNav
{
text-align: center;
padding: 15px 0;
display:none !important;
}
.nivo-controlNav a
{
cursor: pointer;
}
.nivo-controlNav a.active
{
font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6
{
color: #000000;
}
a 
{
color: #000000 !important;
text-decoration: none;
transition: all 0.5s ease;
}
a:hover
{
color: #ffa41c !important;
text-decoration: none;
}
.link-two
{
color: #000000;
transition: all 0.5s ease;
}
.link-two:hover
{
text-decoration: underline;
color: #000000;
}
.link-one
{
color: #000000;
transition: all 0.5s ease;
}
.link-one:hover
{
color: #000000;
text-decoration: none;
}
.link-icon 
{
color: #000000;
font-weight: 500;
}
.link-icon span
{
font-size: 14px;
padding-left: 4px;
vertical-align: middle;
}
.link-a
{
text-decoration: none;
color: #ffffff;
text-decoration: none;
}

@media (min-width: 768px)
{
.link-a 
{
font-size: 0.9rem;
}
}
@media (min-width: 992px)
{
.link-a 
{
font-size: 1rem;
}
}
.link-a:hover
{
color: #ffffff;
text-decoration: none;
}
.link-a span
{
font-size: 18px;
vertical-align: middle;
margin-left: 5px;
}
@media (min-width: 768px)
{
.link-a span
{
font-size: 1.5rem;
}
}
@media (min-width: 992px)
{
.link-a span
{
font-size: 18px;
}
}
@media (max-width: 767px)
{
.text-brand 
{
font-size: 1.8rem;
}
}
.color-a
{
text-decoration: none;
color: #ffffff !important;
}
.color-b
{
color: #2eca6a;
}
.color-d 
{
color: #adadad;
}
.color-text-a 
{
text-decoration: none;
color: #ffffff ;
text-align:justify !important;
line-height:160% !important;
}
.color-text-a a
{
color: #ffffff;
font-size:17px;
font-weight:400;
padding:0px !important;
margin:0px !important;
}
.color-text-a a:hover
{
color:#ffa41c !important;
}
.no-margin
{
margin: 0;
}

/*------/ Nav Pills  /------*/
.nav-pills-a
{
text-decoration: none;
}
.nav-pills-a.nav-pills .nav-link
{
color: #000000;
position: relative;
font-weight: 600;
}
.nav-pills-a.nav-pills .nav-link.active
{
background-color: transparent;
}
.nav-pills-a.nav-pills .nav-link.active:after
{
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 2px;
background-color: #ffa519;
z-index: 2;
}

/*------/ Bg Image /------*/
.bg-image
{
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center center;
}

/*------/ List a /------*/
.list-a
{
text-decoration: none;
display: inline-block;
line-height: 2;
padding: 0;
list-style: none;
}
.list-a li
{
position: relative;
width: 50%;
float: left;
padding-left: 25px;
padding-right: 5px;
}
@media (min-width: 992px)
{
.list-a li {
width: 33.333%;
}
}
.list-a li:before
{
content: "";
width: 10px;
height: 2px;
position: absolute;
background-color: #313131;
top: 15px;
left: 0;
}

/*------/ Pagination-a /------*/
.pagination-a
{
text-decoration: none;
width:20% !important;
margin:0 auto !important;
margin-top:30px !important;
}
.pagination-a .pagination .page-link
{
margin: 0 0.2rem;
border-color: transparent;
padding: 0.5rem 0.8rem;
color: #000000;
}
.pagination-a .pagination .page-link:hover,
.pagination-a .pagination .page-link:active,
.pagination-a .pagination .page-link:focus
{
background-color: #E8A50F;
color:#000000 !important;
}
.pagination-a .pagination .page-link span
{
font-size: 1.2rem;
}
.pagination-a .pagination .next .page-link
{
padding: 0.4rem 0.9rem;
}
.pagination-a .pagination .page-item:last-child .page-link
{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.pagination-a .pagination .page-item:first-child .page-link
{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.pagination-a .pagination .page-item.disabled .page-link
{
padding: 0.4rem 0.9rem;
color: #555555;
}
.pagination-a .pagination .page-item.active .page-link
{
background-color: #E8A50F;
}
.a
{
text-decoration: none;
color: #000000 !important;
font-size: 1.3rem;
background-color: #E8A50F !important
}

/*------/ Icon Box /------*/
.icon-box .icon-box-icon
{
display: table-cell;
vertical-align: top;
font-size: 36px;
color: #000000;
width: 50px;
padding-top: 8px;
}
.icon-box .icon-box-content
{
padding-top: 18px;
}

/*------/ Space Padding /------*/


@media (max-width: 767px)
{
.section-t8 
{
padding-top: 4rem;
}
}
.section-t4 
{
padding-top: 4rem;
}
@media (max-width: 767px)
{
.section-t4
{
padding-top: 2rem;
}
}
.section-t3
{
padding-top: 3rem;
}
@media (max-width: 767px)
{
.section-md-t3
{
padding-top: 3rem;
}
}
.section-b2
{
padding-bottom: 2rem;
}
.section-tb85
{
padding: 8rem 0 5rem 0;
}

@media (max-width: 767px)
{
.section-tb85
{
padding: 4rem 0 2.5rem 0;
}
}

/*------/ Title /------*/
.title-wrap
{
padding-bottom: 4rem;
}
.title-link
{
font-size: 1.2rem;
font-weight: 300;
padding-top: 1.2rem;
}
.title-link a
{
text-decoration: none;
color: #313131;
}
.title-link span
{
font-size: 20px;
padding-left: 4px;
vertical-align: middle;
}
.title-box-d
{
padding-bottom: 1.8rem;
margin-bottom: 1rem;
position: relative;
}
.title-box-d .title-d
{
font-weight: 600;
font-size: 2rem;
}
.title-box-d .title-d:after
{
content: "";
position: absolute;
width: 70px;
height: 4px;
background-color: #2eca6a;
bottom: 20px;
left: 0;
}

/*------/ Display Table & Table Cell /------*/
.display-table
{
width: 100%;
height: 100%;
display: table;
}
.table-cell
{
display: table-cell;
vertical-align: middle;
}

/*------/ Ul Resect /------*/
.ul-resect ul,
.box-comments ul,
.list-a ul
{
list-style: none;
padding-left: 0;
margin-bottom: 0;
}

/*------/ Overlay /------*/
.overlay-a
{
text-decoration: none;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%);
}
.overlay
{
position: absolute;
top: 0;
left: 0px;
padding: 0;
height: 100%;
width: 100%;
}
.carousel-pagination
{
margin-top: 10px;
text-align: center;
}
.carousel-pagination .swiper-pagination-bullet
{
width: 18px;
height:10px;
background-color: #555;
margin: 0 4px;
border-radius: 0;
opacity: 1;
transition: 0.3s;
}
.carousel-pagination .swiper-pagination-bullet-active
{
background-color: #c01c13;
width: 36px;
}
.nav-arrow-a
{
text-decoration: none;
}
.nav-arrow-a .owl-arrow .owl-nav
{
font-size: 1.8rem;
margin-top: -110px;
}
.nav-arrow-a .owl-arrow .owl-nav .owl-next
{
margin-left: 15px;
}
.nav-arrow-b .owl-arrow .owl-nav
{
position: absolute;
top: 0;
right: 0;
font-size: 1.2rem;
}
.nav-arrow-b .owl-arrow .owl-nav .owl-prev,
.nav-arrow-b .owl-arrow .owl-nav .owl-next
{
padding: 0.7rem 1.5rem !important;
display: inline-block;
transition: all 0.6s ease-in-out;
color: #ffffff;
background-color: #2eca6a;
opacity: 0.9;
}
.nav-arrow-b .owl-arrow .owl-nav .owl-prev.disabled,
.nav-arrow-b .owl-arrow .owl-nav .owl-next.disabled
{
transition: all 0.6s ease-in-out;
color: #ffffff;
}
.nav-arrow-b .owl-arrow .owl-nav .owl-prev:hover,
.nav-arrow-b .owl-arrow .owl-nav .owl-next:hover
{
background-color: #26a356;
}
.nav-arrow-b .owl-arrow .owl-nav .owl-next
{
margin-left: 0px;
}

/*------/ Socials /------*/
.socials-a
{
text-decoration: none;
}
.socials-a .list-inline-item:not(:last-child)
{
margin-right: 25px;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top 
{
position: fixed;
visibility: hidden;
opacity: 0;
right: 6px;
bottom: 15px;
z-index: 996;
background: #ffa519;
width: 40px;
height: 40px;
padding-right:6px !important;
transition: all 0.4s;
}
.back-to-top i
{
font-size: 28px;
color: #fff;
line-height: 0;
}
.back-to-top:hover
{
background: #bc1e13;
color: #fff;
}
.back-to-top.active
{
visibility: visible;
opacity: 1;
}

/* Prelaoder */
#preloader
{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
overflow: hidden;
background: #fff;
}
#preloader:before
{
content: "";
position: fixed;
top: calc(50% - 30px);
left: calc(50% - 30px);
border: 6px solid #f2f2f2;
border-top: 6px solid #2eca6a;
border-radius: 50%;
width: 60px;
height: 60px;
animation: animate-preloader 1s linear infinite;
}
@keyframes animate-preloader
{
0%
{
transform: rotate(0deg);
}
100%
{
transform: rotate(360deg);
}
}

/*======================================
//--//-->   BUTTON
======================================*/
.btn
{
transition: 0.5s ease;
}
.btn.btn-a,
.btn.btn-b
{
border-radius: 0;
padding: 1rem 3rem;
letter-spacing: 0.05rem;
}
.btn.btn-a
{
text-decoration: none;
background-color: #000000;
color: #ffffff;
}
.btn.btn-a:hover 
{
background-color: #2eca6a;
color: #000000;
}
.btn.btn-b
{
background-color: #2eca6a;
color: #000000;
}
.btn.btn-b:hover
{
background-color: #000000;
color: #ffffff;
}
.btn.btn-b-n
{
background-color: #2eca6a;
color: #ffffff;
border-radius: 0;
}
.btn.btn-b-n:hover
{
background-color: #26a356;
color: #ffffff;
}
.navbar-toggle-box
{
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
padding: 10px;
}
.navbar-toggle-box i
{
line-height: 0;
}

/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/
.navbar-default
{
transition: all 0.5s ease-in-out;
background-color: #ffffff;
padding-top:0px !important;
padding-bottom: 0px !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-shadow: 1px 2px 15px rgba(100, 100, 100, 0.3);
}
.navbar-default .nav-search
{
color: #000000;
font-size: 1.5rem;
}
.navbar-default.navbar-reduce
{
box-shadow: 1px 2px 15px rgba(100, 100, 100, 0.3);
}
.navbar-default.navbar-trans,
.navbar-default.navbar-reduce
{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.navbar-default.navbar-trans .nav-item,
.navbar-default.navbar-reduce .nav-item
{
position: relative;
padding-right: 10px;
padding-bottom: 8px;
margin-left: 0;
}
@media (min-width: 768px)
{
.navbar-default.navbar-trans .nav-item,
.navbar-default.navbar-reduce .nav-item
{
margin-left: 15px;
}
}
.navbar-default.navbar-trans .nav-link,
.navbar-default.navbar-reduce .nav-link
{
font-size: 1.1rem;
color: #000000;
font-weight:400;
letter-spacing: 0.03em;
transition: all 0.1s ease-in-out;
position: relative;
padding-left: 0;
padding-right: 0;
}
.navbar-default.navbar-trans .nav-link:before,
.navbar-default.navbar-reduce .nav-link:before
{
content: "";
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 2px;
z-index: 0;
background-color: #ffa519 !important;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.2s ease-out, opacity 0.2s ease-out 0.3s;
}
.navbar-default.navbar-trans .nav-link:hover,
.navbar-default.navbar-reduce .nav-link:hover
{
color: #000000;
}
.navbar-default.navbar-trans .nav-link:hover:before,
.navbar-default.navbar-reduce .nav-link:hover:before
{
transform: scaleX(1);
transform-origin: left;
}
.navbar-default.navbar-trans .show>.nav-link:before,
.navbar-default.navbar-trans .active>.nav-link:before,
.navbar-default.navbar-trans .nav-link.show:before,
.navbar-default.navbar-trans .nav-link.active:before,
.navbar-default.navbar-reduce .show>.nav-link:before,
.navbar-default.navbar-reduce .active>.nav-link:before,
.navbar-default.navbar-reduce .nav-link.show:before,
.navbar-default.navbar-reduce .nav-link.active:before
{
transform: scaleX(1);
}
.navbar-default.navbar-trans .nav-link:before
{
background-color: #ffa519 !important;
}
.navbar-default.navbar-trans .nav-link:hover
{
color: #000000;
}
.navbar-default.navbar-trans .show>.nav-link,
.navbar-default.navbar-trans .active>.nav-link,
.navbar-default.navbar-trans .nav-link.show,
.navbar-default.navbar-trans .nav-link.active
{
color: #000000;
}
.navbar-default.navbar-reduce
{
transition: all 0.5s ease-in-out;
padding-top: 19px;
padding-bottom: 19px;
}
.navbar-default.navbar-reduce .nav-link
{
color: #000000;
}
.navbar-default.navbar-reduce .nav-link:before
{
background-color: #ffa519 !important;
}
.navbar-default.navbar-reduce .nav-link:hover
{
color: #000000;
}
.navbar-default.navbar-reduce .show>.nav-link,
.navbar-default.navbar-reduce .active>.nav-link,
.navbar-default.navbar-reduce .nav-link.show,
.navbar-default.navbar-reduce .nav-link.active
{
color: #000000;
}
.navbar-default.navbar-reduce .navbar-brand
{
color: #000000;
}
.navbar-default .dropdown .dropdown-menu
{
border-top: 0;
border-left: 4px solid #ffffff !important;
border-right: 0;
border-bottom: 0;
transform: translate3d(0px, 40px, 0px);
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
transition: all 0.5s cubic-bezier(0.3, 0.65, 0.355, 1) 0s, opacity 0.31s ease 0s, height 0s linear 0.36s;
margin: 0;
border-radius: 0;
padding: 12px 0;
}
@media (min-width: 768px)
{
.navbar-default .dropdown .dropdown-menu 
{
border-top: 4px solid #ffa519 !important;
border-left: 0;
display: block;
position: absolute;
box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(20, 19, 18, 0.1);
}
}
.navbar-default .dropdown .dropdown-menu .dropdown-item
{
padding: 12px 18px;
transition: all 500ms ease;
font-weight:400;
min-width: 220px;
}
.navbar-default .dropdown .dropdown-menu .dropdown-item:hover
{
background-color: #ffffff;
color: #ffa519;
transition: all 500ms ease;
}
.navbar-default .dropdown .dropdown-menu .dropdown-item.active
{
background-color: #ffffff;
color: #ffa519;
}
.navbar-default .dropdown:hover .dropdown-menu
{
transform: translate3d(0px, 0px, 0px);
visibility: visible;
opacity: 1;
filter: alpha(opacity=1);
}

/*------/ Hamburger Navbar /------*/
.navbar-toggler
{
position: relative;
}
.navbar-toggler:focus,
.navbar-toggler:active
{
outline: 0;
}
.navbar-toggler span
{
display: block;
background-color: #000000;
height: 3px;
width: 25px;
margin-top: 4px;
margin-bottom: 4px;
transform: rotate(0deg);
left: 0;
opacity: 1;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3)
{
transition: transform 0.35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1)
{
position: absolute;
left: 12px;
top: 10px;
transform: rotate(135deg);
opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2)
{
height: 12px;
visibility: hidden;
background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3)
{
position: absolute;
left: 12px;
top: 10px;
transform: rotate(-135deg);
opacity: 0.9;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.intro
{
height: 100vh;
position: relative;
color: #ffffff;
}
.intro .swiper-pagination
{
bottom: 50px;
}
.intro .swiper-pagination .swiper-pagination-bullet
{
width: 18px;
height: 10px;
background-color: #ffffff;
border-radius: 0;
opacity: 1;
transition: 0.3s;
}
.intro .swiper-pagination .swiper-pagination-bullet-active
{
background-color: #2eca6a;
width: 36px;
}
.intro .intro-item 
{
padding-top: 2rem;
}
.intro .carousel-item-a 
{
position: relative;
height: 100vh;
}
.intro .carousel-item-a.bg-image
{
background-attachment: scroll;
}
.intro .intro-content
{
position: absolute;
}
.intro .intro-body
{
padding-left: 1rem;
}
@media (min-width: 768px)
{
.intro .intro-body
{
padding-left:0px !important;
}
}
.intro .spacial
{
animation-delay: 0.2s;
color: #ffffff;
}
.intro .intro-title-top
{
margin-bottom: 1rem;
font-size: 0.9rem;
color: #ffffff;
letter-spacing: 0.05em;
}
@media (min-width: 768px)
{
.intro .intro-title-top
{
font-size: 0.9rem;
margin-bottom: 1rem;
}
}
@media (min-width: 992px)
{
.intro .intro-title-top
{
font-size: 1rem;
margin-bottom: 2rem;
}
}
.intro .intro-title
{
color: #ffffff;
font-weight: 700;
font-size: 2.8rem;
text-transform: uppercase;
}
@media (min-width: 576px)
{
.intro .intro-title
{
font-size: 3.5rem;
}
}
@media (min-width: 768px)
{
.intro .intro-title
{
font-size: 3.5rem;
}
}
@media (min-width: 992px)
{
.intro .intro-title
{
font-size: 4rem;
}
}
.intro .intro-subtitle
{
font-size: 1.5rem;
font-weight: 300;
}

@media (min-width: 768px)
{
.intro .intro-subtitle
{
font-size: 2.5rem;
}
}
.intro .intro-subtitle.intro-price
{
padding-top: 1rem;
font-size: 1.2rem;
}
@media (min-width: 576px)
{
.intro .intro-subtitle.intro-price
{
font-size: 1.3rem;
}
}
@media (min-width: 768px)
{
.intro .intro-subtitle.intro-price
{
padding-top: 2rem;
font-size: 1.5rem;
}
}
@media (min-width: 992px)
{
.intro .intro-subtitle.intro-price
{
padding-top: 3rem;
}
}

/*------/ Intro Single /------*/
.intro-single
{
padding: 12rem 0 3rem;
}
@media (max-width: 767px)
{
.intro-single
{
padding-top: 9rem;
}
}
.intro-single .title-single-box
{
padding: 1rem 0 1rem 2rem;
}
.intro-single .title-single-box
{
border-left: 3px solid #2eca6a;
}
.intro-single .title-single-box .title-single
{
font-weight: 600;
font-size: 2.2rem;
}
@media (min-width: 768px)
{
.intro-single .title-single-box .title-single
{
font-size: 2.1rem;
}
}

@media (min-width: 992px)
{
.intro-single .title-single-box .title-single
{
font-size: 2.5rem;
}
}
.intro-single .breadcrumb-box
{
padding: 1rem 0 0 0.5rem;
}
.intro-single .breadcrumb
{
background-color: transparent;
padding-right: 0;
padding-left: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.section-footer
{
padding-top:30px;
margin-top:0px !important;
background: #232834;
}
.section-footer ul
{
line-height: 2;
}
.section-footer .item-list-a i
{
font-size: 18px;
padding-right: 4px;
color: #ffa41c;
}
.section-footer.item-list-a :hover
{
color:#ffffff !important;
}
.footerlinks a
{
color:#b8b7b7 !important;
font-size:14px;
}
.footerlinks a:hover
{
color:#ffa519 !important;	
}
.footerlinks i
{
color:#ffffff !important;	
}
.footerlinks i:hover
{
color:#fda915 !important;	
}
.section-footer .widget-a .w-title-a
{
margin-bottom: 1rem;
}
footer
{
background: #242627;
text-align: center;
padding: 30px 0;
}
footer .copyright-footer
{
border-top: 1px solid #ddd;
padding-top: 20px;
}
footer .credits
{
font-size: 14px;
}

.lateprodiv
{
width:100% !important;
float:left !important;
margin-top:60px !important;
}




















