@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');


/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Roboto', sans-serif; font-weight:normal; padding:0; color:#222; font-weight:400; padding-right:0!important; overflow-x:hidden; max-width:100%;
font-size:15px;
line-height:1.5;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}

*{ box-sizing:border-box;
}
*:hover{
}

a{color:#ff2d0a; text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#1f1917;}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:normal;}

h2{font-size:32px; text-align:center; line-height:1.4; text-align:center; color:#222; margin-bottom:15px;}
h2 > span{display:block; overflow:hidden; clear:both; color:#a98538; font-size:38px;}

/* Header */
.roadStripe{ background:url(../images/line.jpg) repeat-x; display:block; overflow:hidden; height:5px;}

.leargeArea{ max-width:1280px!important;}

#myHeader{display:block; padding:15px 0; z-index:999; background:#0054b8; border-bottom:3px #ffb215 solid;}
.nav-area [class^="col-"] > a > img{ height:94px; transition:all .5s ease; margin-top:5px;}

.callBtnArea a{display:inline-block; overflow:hidden; margin:5px 5px 0;}
.callBtnArea a:first-child{ background:#ee184b; color:#fff; padding:11px 20px;}
.callBtnArea a:last-child{ background:transparent url(../images/call-bg.png) no-repeat left top; background-size:100% 100%; padding:7px 10px 5px 65px; text-align:center; color:#000; font-weight:700; font-size:22px;}
a.callBtn a:fisrt-child:hover{ background:#ff7425;}


.sticky {position: fixed!important; padding:10px 0!important;top: 0!Important; bottom:auto!important;width: 100%;}
.sticky .nav-area [class^="col-"] > a > img{ height:64px;}

.scroll-downs {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width :323px;
  height: 54px; background:url(../images/banner-top.html) no-repeat center bottom;
}

.mousey {
  box-sizing: content-box; margin:0 auto;
  width:25px; font-size:28px; color:#a98538;
}
.scroller {
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

.project-slider{ display:block; overflow:hidden; position:relative;}
.project-slider img{ width:100%;}
.project-slider .carousel-item:before{ position:absolute; left:0; right:0; top:0; bottom:0; display:block; content:''; background:rgba(0,0,0,0.3); z-index:2;}
.project-slider blockquote{ position:absolute; font-size:55px; line-height:1.2; text-shadow: 1px 1px 1px #000; z-index:5!important; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff;}
.project-slider blockquote span{ color:#ffc80f; font-weight:700;}
.project-slider > svg{ position:absolute; left:0; right:0; bottom:-15px; z-index:6;}




.whatareYou, .innerContactner{padding:15px 0 45px; background:transparent url(../images/tyerBG.png) no-repeat right top 20%;}
.whatareYou h2{ font-size:36px; font-weight:600; margin-bottom:20px;}
.whatareYou .row.box3{ margin-bottom:40px;}
.whatareYou .row.box3 [class^="col-"]{ margin-bottom:15px;}
.whatareYou .row.box3 [class^="col-"] > div{ padding:25px; border:2px #ffb215 solid; background:#fff; display:block; overflow:hidden;}
.whatareYou small{ font-size:16px; letter-spacing:1px; text-align:left; display:block; overflow:hidden;}
.whatareYou .row.box3 h3{ font-size:20px; letter-spacing:1px; color:#000; font-weight:700; line-height:1.5; text-align:left;}
.whatareYou a{ display:inline-block; margin:15px 0 0; clear:both; padding:7px 15px; background:#ffb215; color:#000; border-radius:5px; font-weight:600;}
.whatareYou .row.box3 [class^="col-"] > div:hover{ border-color:#000;}
.whatareYou [class^="col-"] > div:hover a{ background:#000; color:#fff;}

.box2Design [class^="col-"]:first-child{ background:#000 url(../images/blackBG.jpg) bottom center no-repeat; background-size:cover;}
.box2Design [class^="col-"]:last-child{ background:#ffb215;}
.box2Design [class^="col-"] > div{ padding:100px 80px; color:#fff;}
.box2Design [class^="col-"] > div a{ background:#fff; color:#000; font-size:16px; padding:10px 25px; border-radius:20px;}
.box2Design [class^="col-"] > div img{ margin-bottom:40px;}



.testimonialsBoxArea{ text-align:center; position:relative; padding:50px 0 100px; background:#000 url(../images/blackBG2.jpg) no-repeat center center fixed; background-size:cover; color:#fff;}
.testimonialsBoxArea:before{ position:absolute; display:block; content:''; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.4); z-index:1;}
.testimonialsBoxArea > div{ position:relative; z-index:2;}
.testimonialsBoxArea h2{ color:#fff; font-weight:600; font-size:36px; margin-bottom:30px;}
.testimonialsBoxArea small{ display:block; overflow:hidden; clear:both; color:#ffb215; font-size:22px;}
.testimonialsBoxArea .carousel-item img{border:4px #fff solid; margin:0 0 15px; width:130px; border-radius:100%;}
.testimonialsBoxArea .carousel-item h3{text-transform:uppercase; font-weight:700; font-size:16px; color:#ffb215; margin-bottom:5px;}
.testimonialsBoxArea .carousel-item h3 small{color:#444;}
.testimonialsBoxArea .carousel-item p{ width:800px; max-width:100%; margin:0 auto 25px;}
.testimonialsBoxArea .carousel-indicators{bottom:-60px;}
.testimonialsBoxArea .carousel-indicators li{background-color:#cad2d6; height:12px; width:12px; border-radius:50%; cursor:pointer;}
.testimonialsBoxArea .carousel-indicators .active{background-color:#ffb215}


.needHealpArea{ text-align:center; padding:50px 0;}
.needHealpArea h2{ color:#ffb215;}
.needHealpArea [class^="col-"] a{ display:block; overflow:hidden; padding:20px 10px; background:#ffb215; color:#fff; border-radius:10px; font-size:28px;}
.needHealpArea [class^="col-"] a i{ margin-right:7px;}
.needHealpArea [class^="col-"]:nth-child(even) a{ background:#000;}
.needHealpArea [class^="col-"] a:hover{ background:#ee184b;}


.footer{display:block; padding:50px 0 10px; color:#fff; overflow:hidden; font-size:14px; background: #0054b8;}
.footer img{height:60px; margin-bottom:30px;}
.footer p{line-height:1.3; margin-bottom:10px; position:relative;}
.footer p i{ margin-right:8px; color:#ffb215;}
.footer a{margin-bottom:7px; color:#fff;}
.footer h4{margin-bottom:22px; display:block; overflow:hidden; font-size:18px; font-weight:600;}
.footer > div > div{padding-bottom:20px;}
.services-listing ul{list-style-type:none; margin:0; padding:0;}
.services-listing ul li{margin-bottom:8px; display:inline-block; width:48%;}
.services-listing ul li a i{ margin-right:5px;}
.footer a:hover{ color:#ffb215;}

.footerGallery{ margin:0; padding:0; list-style-type:none;}
.footerGallery li{ float:left; width:33.33%!important; padding:5px; margin:0!important;}
.footerGallery li a{ margin:0; padding:0; display:block;}
.footerGallery li img{ width:100%; margin:0;}

.footerEnd{ display:block; overflow:hidden; padding:15px; background:#101a25; font-size:12px; color:#fff; text-align:center;}


#scroll-icon {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-color:#ffb215;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:99999;
}
#scroll-icon span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:7px solid transparent;
    border-bottom-color:#ffffff
}
#scroll-icon:hover {
    background-color:#000;
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


.innerHeader{ text-align:center; background:#000 url(../images/blackBG2.jpg) no-repeat center bottom fixed; padding:60px 15px; color:#fff;}
.innerHeader h1{ font-size:36px; font-weight:600; color:#fff; letter-spacing:1px;}
.innerHeader .breadcrumb{ text-align:center; background:none; padding:0; margin:0; display:block!important; font-size:12px;}
.innerHeader .breadcrumb li{ display:inline-block;}
.innerHeader .breadcrumb li a{ color:#ffc210;}
.innerHeader .breadcrumb-item + .breadcrumb-item::before{ color:#fff; content:'>'!important;}

.rightFormArea{ background:#e9e9e9; padding:20px; display:block; overflow:hidden;}
.rightFormArea h3{ text-align:center; font-size:26px;}
.rightFormArea .form-control{ font-size:14px; border-radius:0; padding:7px 10px; margin-bottom:12px; font-size:14px; border:none;}
.rightFormArea textarea.form-control{ height:80px;}
.rightFormArea .btn{ display:block; overflow:hidden; padding:7px 20px; color:#fff; text-transform:uppercase; background:#ee184b; text-align:center; font-weight:700; width:100%; border-radius:0;}
.rightFormArea .btn:hover{ background:#ff7425;}

.innerContent h1{ font-size:30px;}
.innerContent h2{ text-align:left; font-size:22px; border-left:4px #ff7425 solid; padding:0 0 0 12px; margin:0 0 15px; line-height:1;}
.innerContent p{ margin-bottom:25px;}
.innerContent > ul{ list-style-type:none; margin:0 0 30px 20px; padding:0;}
.innerContent > ul li{ margin-bottom:8px; background:url(../images/bullet.png) no-repeat left top 6px; padding-left:20px;}

.innerContactner + .needHealpArea{ background:#f8f8f8;}


.table thead{ background:#0054b8; color:#fff;}
.table thead tr th{ text-align:center;}
.table thead tr th:first-child{ text-align:left;}
.table a{ display:block; overflow:hidden; padding:6px; background:#ee184b; border-radius:6px; color:#fff!important; text-align:center;}
.table tr > td:last-child a{ background:#ff7425;}


.leftMenuArea [class^="col-"] > div{ margin-bottom:30px; text-align:center; float:left; width:100%; background:#e03a3a; color:#fff; position:relative; padding:20px; border-radius:15px;}
.leftMenuArea [class^="col-"] > div > img{ position:relative; top:-45px; margin-bottom:-30px;}
.leftMenuArea [class^="col-"] > div > h4{margin-bottom:5px; font-weight:600;}
.leftMenuArea [class^="col-"] > div > a{ display:block; clear:both; overflow:hidden; margin:15px 0 0; padding:5px; font-size:13px; font-weight:700; background:#fff100; color:#000; border-radius:5px;}
.leftMenuArea [class^="col-"]:last-child > div{ background:#016a5a;}
.leftMenuArea [class^="col-"]:last-child > div > a{ background:#489084; color:#fff;}
.leftMenuArea [class^="col-"] > div > a:hover{ background:#000; color:#fff;}

.leftMenu h3{ display:block; overflow:hidden; padding:10px; margin:0; color:#fff; background:#ff7425; text-align:right;}
.leftMenu ul{ list-style-type:none; margin:0 0 40px; padding:0; text-align:right; display:block;}
.leftMenu ul li{ display:block; border-bottom:1px #ddd solid;}
.leftMenu ul li a{ color:#222; padding:8px; display:block; overflow:hidden;}
.leftMenu ul li a i{ margin-left:5px; position:relative; top:1px;}
.leftMenu ul li a:hover, .leftMenu ul li.active a{ background:#000; color:#fff;}


.galleryBox{}
.galleryBox [class^="col-"]{ margin-bottom:30px;}
.galleryBox [class^="col-"] > a{ display:block; overflow:hidden; padding:8px; background:#FFFFFF; text-align:center; border:2px #ffc210 solid; height:220px;}
.galleryBox [class^="col-"] > a img{ max-height:100%; max-width:100%;}

.textimonialsDetals > div{ padding-bottom:30px; margin-bottom:30px; border-bottom:2px #ddd dotted;}
.textimonialsDetals > div:last-child{ margin-bottom:0; padding-bottom:0; border:none;}
.textimonialsDetals > div [class^="col-"]{ margin-bottom:0!important;}
.textimonialsDetals > div h3{text-transform:uppercase; font-weight:700; font-size:16px; color:#ee184b; margin-bottom:4px;}
.textimonialsDetals > div span{color:#ff7526; margin-bottom:15px; display:block; overflow:hidden;}
.textimonialsDetals > div p:last-child{ margin-bottom:0;}


.contactDetails{ list-style-type:none; margin:0!important; padding:25px 25px 15px!important; display:block; overflow:hidden; border:1px #ddd solid;}
.contactDetails li{ margin:0!important; padding:0 0 12px!important; background:none!important; font-size:16px;}
.contactDetails li i{ margin-right:10px; color:#ff7526;}
.contactDetails li a{ color:#222;}
.contactDetails li a:hover{color:#ff7526;}


.faqTab .card{ margin-bottom:15px;}
.faqTab .card-header{ background:#0054b8; border:none;}
.faqTab .card-header a{color:#fff; font-size:15px; padding-right:15px; position:relative; font-weight:600; display:block;}
.faqTab .card-header a i{ position:absolute; right:0; top:5px;}
.faqTab .card-body {border-bottom: 1px solid rgba(0,0,0,.125); padding-bottom:0;}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width: 1024px){
}

@media (max-width: 991px){


h2{font-size:24px!important;}
h2 > span{font-size:36px;}

.callBtnArea{ padding-top:15px; text-align:center!important;}
.callBtnArea a:last-child{ font-size:17px; padding-left:45px;}
.callBtnArea a:first-child{ padding:8px 22px;}
.sticky .callBtnArea{ display:none;}

.whatareYou{ padding:30px 20px;}

.leftMenu{ display:none;}
}

@media (max-width: 767px){
.nav-area [class^="col-"] > a > img{ height:60px;}



.footer{text-align:center;}
.footer [class^="col-"]{margin-bottom:15px;}
.footer .social-icons ul{ float:none;}

.contact-icons [class^="col-"]{ margin-bottom:30px;}

[class^="col-"]{margin-bottom:20px;}
.nav-area [class^="col-"]{margin:0;}
.enquiry-area [class^="col-"]{margin:10px;}
.enquiry-area .form-control{margin-bottom:0;}

.footerRedBand, .footerRedBand [class^="col-"]:last-child{ text-align:center;}
.footerRedBand p{ margin-bottom:0; padding-bottom:15px; padding-left:0; border-left:0; border-bottom:2px #fff dotted; margin-left:0;}
.footer small{ display:block; padding:15px; margin-bottom:20px;}
.footer p{padding-left:0;}
.footer p i{ display:none;}

.project-slider blockquote{ font-size:24px; width:75%;}
.project-slider > svg{ bottom:-5px;}

.box2Design [class^="col-"]{ margin-bottom:0;}
.box2Design [class^="col-"] > div{ padding:50px 30px;}


.innerHeader h1{font-size:26px;}
.innerContactner{ padding-bottom:0;}

.textimonialsDetals{ text-align:center;}
.textimonialsDetals > div img{ margin-bottom:20px;}

}

@media (max-width: 500px){
.tabFormArea .nav li a{ font-size:12px;}
.tabFormArea .nav li a span{ display:none;}
}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}