/*
Author       : Themes_master.
Template Name: Nurjahan - Creative Architecture & Interior HTML5 Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START SKILLS DESIGN
    06. START COUNTER DESIGN
    07. START SERVICE DESIGN
    08. START PORTFOLIO DESIGN
    09. START TEAM DESIGN
    10. START TESTIMONIAL DESIGN
    11. START BLOG DESIGN
    12. START COMPANY PARTNER LOGO
    13. START CONTACT FORM , MAP CONTACT ADDRESS DESIGN
    14. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
background: #fff none repeat scroll 0 0;
overflow-x: hidden;
color: #555;
font-family: "Lato Regular",sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 26px;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px;
  font-family: "Montserrat Regular", sans-serif;
  color: #333;
  font-weight: 400;
}
 @font-face {
    font-family: 'Montserrat Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat Regular'), url('/assets/fonts/Montserrat-Regular.woff') format('woff');
    }
     @font-face {
    font-family: 'Lato Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Lato Regular'), url('/assets/fonts/Lato-Regular.woff') format('woff');
    }
a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}
.status-mes {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 2px solid rgba(0, 0, 0, 0.08);
    border-right: 2px solid rgba(0, 0, 0, 0.08);
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    border-left: 2px solid #000;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding { padding:60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title h2 {
    font-weight: 700;
    letter-spacing: 2px;
    margin-top: 0;
    text-transform: capitalize;
    color: #03397b;
}
.section-title span {
background: #a8a8a8 none repeat scroll 0 0;
display: block;
height: 2px;
margin: 20px auto 0;
overflow: hidden;
width: 50px;
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #2a80b9 none repeat scroll 0 0;
border-radius: 5px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 35px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
background:#fff none repeat scroll 0 0;
border: medium none;
border-radius: 0;
margin-bottom: 0;
padding: 10px 0;
color: black;
height: 100px;
transition: all 0.4s ease-in-out 0s;
width: 100%;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff !important;
    background-color: #034a7e;
    border-radius: 25px 1px 25px 1px;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
   color: #ffffff !important;
    background-color: #034a7e;
    border-radius: 25px 1px 25px 1px;
}
.navbar-brand { padding: 0px }
.navbar-brand img {width: 133px;}
@media only screen and (max-width:768px) { 
	.navbar-brand img { margin-left: 10px;}
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
color: black !important;
font-family: "Montserrat Regular",sans-serif;
font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.menu-top li a:hover { color: #2a80b9!important }
@media only screen and (max-width:768px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
        font-size: 12px;
    }
   
}
@media only screen and (max-width:480px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #313131  !important }
}
.navbar-default.menu-shrink {
background:#fff;
padding: 10px 0;
width: 100%;
 margin-top:0px !important;
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a {color:#333 !important; }
.navbar-default.menu-shrink li a:hover { color: #2a80b9 !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #2a80b9 }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
    height: 700px;
    position: relative;
}
.home_bg:before {
    background: rgba(0, 0, 0, 0.75);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
.hero-text h2 {
color: #fff;
font-size: 50px;
font-weight: 600;
letter-spacing: 2px;
line-height: 60px;
padding-top: 250px;
text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
.hero-text h2 {
    font-size: 40px;
    line-height: 40px;
}
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
		padding-top: 200px;
        font-size: 30px;
        line-height: 40px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 26px;
        line-height: 34px;
    }
}

.hero-text p {
color: #fff;
font-size: 20px;
font-weight: 600;
letter-spacing: 2px;
margin: auto;
text-transform: uppercase;
width: 70%;
}
@media only screen and (max-width:768px) { 
.hero-text p {width: 100%;padding:0px 10px}
}
.home_btn{
margin-top: 30px;
}
.home_btn a {
background: transparent none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 2px;
display: inline-block;
font-family: "Montserrat Regular",sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 2px;
margin: 0 10px 15px;
padding: 9px 30px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.home_btn a:hover{
background: transparent none repeat scroll 0 0!important;
border: 2px solid #fff!important;
color:#fff!important;
}
.home_btn_color_one{background: #fff none repeat scroll 0 0 !important;color: #333;}
.home_btn_color_two{background: #2a80b9 none repeat scroll 0 0 !important;border: 2px solid #2a80b9 !important;color: #fff;}

.welcome-area,
.welcome-slider-area,
.welcome-slider-area div { height: 700px }
.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div { height: auto }
.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}
.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.single-slide-item {
    position: relative;
    z-index: 1;
}
.single-slide-item:after {
    position: absolute;
    background: rgb(0 0 0 / 17%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.slide-1 {
    background: url(../img/bg/slide-1.jpg) scroll 0 0;
    background-size: cover;
}
.slide-2 {
    background: url(../img/bg/slider-2.jpg) scroll 0 0;
    background-size: cover;
}
.slide-3 {
    background: url(../img/bg/slide3.jpg) scroll 0 0;
    background-size: cover;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.single-slide-item h2 {
color: #fff;
font-size: 50px;
font-weight: 600;
letter-spacing: 2px;
line-height: 60px;
text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
.single-slide-item h2 {
    font-size: 40px;
    line-height: 40px;
}
}
@media only screen and (max-width:480px) { 
.single-slide-item h2 {
		padding-top: 100px;
        font-size: 30px;
        line-height: 40px;
    }
}
@media only screen and (max-width:360px) { 
.single-slide-item h2 {
        font-size: 26px;
        line-height: 34px;
    }
}
.single-slide-item p {color: #fff;}
.single-slide-item p {
color: #fff;
font-size: 20px;
font-weight: 600;
letter-spacing: 2px;
margin: auto;
text-transform: uppercase;
width: 70%;
}
@media only screen and (max-width:768px) { 
.single-slide-item p  {width: 100%;padding:0px 10px}
}
.carousel-indicators-slider { bottom: 30px !important }
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

@media only screen and (max-width:768px) { 
.about_content{margin-top: 30px;}
}
.about_content h1{
font-weight: 600;
letter-spacing: 1px;
line-height: 48px;
margin-bottom: 15px;
font-size: 19px;
color: #034a7e;
}
.about_content p{
    font-weight: 400;
    line-height: 33px;
}

.mbtop{margin-top: 20px;}

/*ABOUT SLIDER*/
.about-slide iframe {
  width: 100%;
  height: 380px;
  border: none;
}
@media only screen and (max-width:480px) { 
.about-slide iframe {height: 280px;}
}
@media only screen and (max-width:360px) { 
.about-slide iframe {height: 240px;}
}
@media only screen and (max-width:480px) { 
.about-slide iframe {height: 200px;}
}
/*ABOUT SLIDER*/
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START SKILLS DESIGN
* ----------------------------------------------------------------------------------------
*/
.skills{
margin-top: 60px;
padding: 0 50px;
}
@media only screen and (max-width:768px) { 
.skills{
margin-bottom: 50px;
overflow: hidden;
}
}
.template_skills_bg {
  background: #f9f9f9 none repeat scroll 0 0;
}
.progress-bar-text {
color: #333;
font-size: 12px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 500;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 5px;
    margin: 0 0 30px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #2a80b9 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 05.END SKILLS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_counter{
/* background: #2a80b9 none repeat scroll 0 0; */
border-right: 1px solid #fb981d;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
padding: 27px;

}
@media only screen and (max-width:768px) { 
.single_counter {margin-top:30px}
}
.single_counter h1{color:#fff;margin-bottom: 0;}
.single_counter span{
background: #fff none repeat scroll 0 0;
display: block;
height: 2px;
margin: 10px auto;
width: 60px;
}
.single_counter h5{
color: #333;
margin-bottom: 0;
font-size: 18px;
letter-spacing: 1px;
font-weight: 700;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_service{background:#f9f9f9;padding-top:60px;padding-bottom:30px;}
.single_service {
position: relative;
margin-bottom: 30px;
padding:30px;
}
.single_service:after {
background: #2a80b9 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.96;
position: absolute;
top: 0;
transition: all 0.2s ease 0s;
width: 100%;
z-index: 1;
}
.single_service:hover:after{
background: #000 none repeat scroll 0 0;
opacity: 0.9;
}  
.single_service_inner{
border: 1px dashed #fff;
padding: 25px;
position: relative;
z-index: 999;
transition: all 0.4s ease 0s;
}
.single_service:hover .single_service_inner{border:1px dashed #2a80b9}
.single_service i{
color: #fff;
font-size: 40px;
margin-bottom: 15px;
position: relative;
z-index: 999;
}
.single_service h4{
color: #fff;
font-size: 22px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 15px;
margin-top: 0;
position: relative;
z-index: 999;
}
.single_service p{
color: #fff;
margin-bottom: 0;
position: relative;
z-index: 999;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_portfolio{padding-bottom: 30px;
padding-top: 60px;}
.single_project {
  padding-bottom: 40px;
}
.single_our_work{
	margin-bottom:30px;
	overflow: hidden;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.sing_work_photo{
	position: relative;
}
.single_our_work img{
	width: 100%;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.single_our_work figure{
	margin-bottom: 0;	
}
.sing_work_text_link{
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	color: #fff;
	background: rgba(0,0,0, 0.6);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
}
.sing_work_content_wrap{
	display: table;
	height: 100%;
	width: 100%;
}
.sing_work_content{
	display: table-cell;
	vertical-align: middle;
}
.sing_work_text_link h5{
color: #fff;
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
margin-top: 20px;
text-transform: uppercase;
letter-spacing: 2px;
}

.sing_link_img a i.fa{
	font-size: 14px;	
}
.sing_link_img a{
	background: #2a80b9 none repeat scroll 0 0;
	border: 1px solid #2a80b9;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	height: 40px;
	line-height: 39px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 40px;	
}
.sing_link_img a:hover{	
	background: #fff none repeat scroll 0 0;
	border-color: #fff;
	color: #2a80b9;
}
.sing_link_img a.search{
	margin-right: 16px;
}
.single_our_work:hover  .sing_link_img a.search{
	-webkit-animation: slideInDown 800ms ease-in-out;
	        animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover  .sing_link_img a.link{
	-webkit-animation: slideInDown 800ms ease-in-out;
	        animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover{
	background: #0e0f55d2;
	color: #fff;
}
.single_our_work:hover .sing_work_text_link{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}

/*project modal*/
.modal-title {
  color: #333;
  margin: 0;
  text-transform: uppercase;
}
.modal-content{
	padding: 10px 30px;
	border-radius: 0px;
}
.modal-body{
	margin-bottom: 15px;
}
.modal-body p{
margin: 15px 0;
}
.project-list {
/*margin: 30px 0;*/
/* text-align: center; */
}
.project-list label{
color: #333;
margin-bottom: 0;
/*margin-right: 20px;*/
width: 75px;
}
.project-list li{
padding: 7px 0;
font-size: 14px;
}
.project-list li a{
color: #000;
font-size: 13px;
transition: all 0.4s ease 0s;
}
.project-list li a:hover{color:#2a80b9;}
/*End project modal*/
/*
* ----------------------------------------------------------------------------------------
* 08.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_team{padding-bottom:60px;}
.single_team {
	position: relative;
	overflow: hidden;
}
@media only screen and (max-width:768px) { 
.single_team {margin-bottom:40px}
}
.team-hover {
	position: absolute;
	width: 100%;
	bottom: -100%;
	padding: 30px;
	padding-bottom: 0px;
	background: #2a80b9;
	transition: all 0.3s ease-in-out;
}
.single_team:hover .team-hover {
	bottom: 0px;
}
.team .position-center-center {
	width: 100%;
	padding: 0 20px;
}
.single_team img{width: 100%;}
.single_team h5 {
color: #fff;
font-size: 18px;
margin: 0;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 2px;
}
.single_team span {
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
margin: 10px 0 0;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.single_team p{color: #fff;} 
.social {
    text-align: center;
    display: inline-block;
    margin-bottom: 25px;
    margin-top: 15px;
}
.social li {
    display: inline-block;
    padding: 0;
}
.social li a {
background: #fff none repeat scroll 0 0;
border-radius: 30px;
color: #333;
display: inline-block;
font-size: 18px;
height: 45px;
line-height: 45px;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease 0s;
width: 45px;
margin: 0px 2px;
}
.social li a:hover {
	color: #2a80b9;
}
.team-name {
background:#2a80b9;
opacity:0.8;
bottom: 0;
color: #fff;
font-size: 16px;
font-weight: 600;
left: 0;
letter-spacing: 2px;
margin: 0;
padding: 25px 20px;
position: absolute;
text-transform: uppercase;
transition: all 0.2s ease-in-out 0s;
width: 100%;
}
/*
* ----------------------------------------------------------------------------------------
* 09.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial {
  background: #f9f9f9 none repeat scroll 0 0;
}
.testimonial-text {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
overflow: hidden;
padding: 30px;
text-align: center;
}
.testimonial-text i{
color: #2a80b9;
font-size: 60px;
margin-bottom: 20px;
}
.testimonial_img{
float: left;
margin-right: 20px;
text-align: center;
background: #2a80b9;
padding: 15px 30px;
}
@media only screen and (max-width:480px) { 
.testimonial_img {
  background: #2a80b9 none repeat scroll 0 0;
  display: block;
  float: none;
  margin-bottom: 20px;
  margin-right: 0;
  padding: 15px 30px;
}
}
@media only screen and (max-width:360px) { 
.testimonial_img{float: none;margin-bottom: 20px;}
}
.testimonial_img img{
border: 4px solid #eee;
border-radius: 100px;
height: 150px;
margin-bottom: 10px;
width: 150px;
}
.testimonial_img h4 {
color: #fff;
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
}
.testimonial_img h5{
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0;
}
.testimonial-text p {
font-size: 18px;
line-height: 28px;
margin-bottom: 20px;
overflow: hidden;
}
.carousel-indicators li {
    border: 1px solid #2a80b9;
    border-radius: 12px;
    height: 12px;
    margin: 0 1px;
    width: 5px;
    background: #2a80b9;
}
.carousel-indicators .active {
  background-color: #2a80b9;
  height: 18px;
  margin: 0 1px ;
  width: 5px;
}
.site-wrapper { margin-bottom: 65px }
#team__carousel { margin-bottom: 70px }
#team__carousel .carousel-indicators { bottom: -80px }
.carousel-control { display: none }
/*
* ----------------------------------------------------------------------------------------
* 10.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/ 
/*
* ----------------------------------------------------------------------------------------
* 11.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_blog{background:#f9f9f9;}
.single_blog{
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
overflow: hidden;
padding: 20px;
}
@media only screen and (max-width:480px) { 
.single_blog {margin-bottom: 40px;}
}
.single_blog h3 {
font-size: 22px;
font-weight: 500;
letter-spacing: 1px;
margin: 15px 0 12px;
}
.single_blog p{margin-bottom: 0px;}
.single_blog_header{
overflow: hidden;
border-top: 1px solid #e8e8e9;
margin-top: 10px;
}
.single_blog_header span{
display: block;
padding-top: 10px;
}
.btn-blog-bg {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #333;
padding: 0;
text-transform: capitalize;
transition: all 0.2s ease 0s;
}
.btn-blog-bg:hover,
.btn-blog-bg:focus {
    color: #2a80b9;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo {background:#2a80b9;}
.partner { text-align: center }
/*
* ----------------------------------------------------------------------------------------
* 12.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START CONTACT FORM , MAP CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_area {background:#f9f9f9;}
#map { height: 500px }
.contact {
    padding-top: 40px;
}
@media only screen and (max-width:480px) { 
    .contact {margin-bottom: 60px;
padding: 0 10px;}
}
.contact input {
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e9;
border-radius: 2px;
box-shadow: none;
color: #333;
height: 52px;
padding: 10px;
width: 520px;
}
@media only screen and (max-width:768px) { 
    .contact input { width: 100% }
}
.contact textarea {
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e9;
    border-radius: 4px;
    box-shadow: none;
    color: #333;
    width: 520px;
    padding: 10px;
}
@media only screen and (max-width:768px) { 
    .contact textarea { width: 100% }
}
.contact input:focus {
    border: 1px solid #2a80b9;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:focus {
     border: 1px solid #2a80b9;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
    background: #fb981d none repeat scroll 0 0 !important;
    border: 2px solid #fb981d !important;
    border-radius: 3px;
    box-shadow: none;
    color: #fff!important;
    font-size: 12px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333!important;
    color: #fff;
    border: 2px solid #333!important;
}
.single_address {}
@media only screen and (max-width:768px) { 
    .single_address { margin-bottom: 30px }
}
.single_address i {
background: #fb981d none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
font-size: 24px;
height: 55px;
line-height: 55px;
margin-bottom: 10px;
width: 55px;
}
.single_address p {font-weight: 400;}
@media only screen and (max-width:768px) { 
    .single_address p { font-size: 15px }
}
@media only screen and (max-width:480px) { 
    .single_address p { font-size: 14px }
}
/*
* ----------------------------------------------------------------------------------------
* 13.END CONTACT FORM , MAP CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
background: #363041 none repeat scroll 0 0;
  padding:30px 0;
}
.footer_menu {
    float: right;
    margin-top: 5px;
}
@media only screen and (max-width:480px) { 
    .footer_menu {
        margin-top: 15px;
        float: none;
    }
}
.footer_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
@media only screen and (max-width:480px) { 
    .footer_menu ul { text-align: center }
}
.footer_menu ul li { display: inline }
@media only screen and (max-width:480px) { 
    .footer_copyright ul li a { text-align: center }
}
.footer_menu ul li a {
    color: #fff;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
.footer_menu ul li a {padding: 0 3px;}
}
@media only screen and (max-width:480px) { 
.footer_menu ul li a {padding: 0 10px;}
}
.footer_menu ul li a:hover { color: #2a80b9 }
/*END FOOTER SOCIAL DESIGN*/
.copyright p {
color:#fff;
margin-bottom: 0;
padding-top: 10px;
}
@media only screen and (max-width:480px) { 

}
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.single_counter i{
    color: #fb981d;
    padding-bottom: 20px;
    font-size: 40px;
}

.welcome-area .form-control {
    height: 50px;      
    font-size: 16px;   
    padding: 10px;      
}

@media only screen and (max-width:768px) { 

    .contact-form{
        left:0px !important;
    }
}


.single_counter i {
    display: inline-block;
    transition: transform 0.6s ease; /* rotation animation */
}

/* Rotate icon on hover */
.single_counter:hover i {
    transform: rotate(360deg);
}

/* Optional: add slight bounce to the counter text */
.single_counter:hover h5 {
    animation: bounce 0.6s;
}

@keyframes bounce {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}

.skills-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    padding: 30px;
}

.skill-card {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(15px);
    border-radius: 15px;
    padding: 19px 13px;
    text-align: center;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid;
}

.skill-card i {
    font-size: 40px;
    color: #f59e0b; /* golden premium color */
    margin-bottom: 15px;
    transition: transform 0.3s;
}

.skill-card h4 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #034a7e;
    font-weight: 600;
}

.skill-card p {
    font-size: 14px;
    color: #363041;
}

.skill-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.4);
}

.skill-card:hover i {
    transform: rotate(15deg) scale(1.2);
}



@media only screen and (max-width:576px){
    .navbar-nav {
    margin: 7.5px -15px;
    background: #ffffff;
           
}
}
.about-slide img {
    height: 450px !important;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.form-logo{
    display: flex;
    justify-content: center;
}
.form-btn{
    display: flex;
    justify-content: center;
}

.table-container {
      max-width: 1000px;
      margin: 0 auto;
      overflow-x: auto;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      margin-top: 20px;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid;
      text-align: center;
    }
    tr ,td{
        border:1px solid #000;
    }
    thead {
      background-color: #c10d0d;
      color: #fff;
      text-align: center;
    }

    thead th {
      padding: 15px;
      font-size: 16px;
      text-align: left;
      border: 1px solid;
      text-align: center;
    }

    tbody td {
      padding: 15px;
      border-top: 1px solid #ddd;
      font-size: 15px;
    }

    tbody tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    @media (max-width: 600px) {
      table, thead, tbody, th, td, tr {
        display: block;
      }

      

      tbody td {
        padding: 10px;
        text-align: right;
        position: relative;
      }

      tbody td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: 50%;
        padding-right: 10px;
        font-weight: bold;
        text-align: left;
      }
    }

     .advantage-section {
     

      padding: 60px 20px;
      text-align: center;
    }

    .advantage-section h2 {
      font-weight: 700;
      margin-bottom: 10px;
      color: #003366;
    }

    .advantage-section p.address {
      color: #555;
      font-size: 14px;
      margin-bottom: 40px;
    }

    /* Icon cards */
    .advantage-item {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      padding: 20px 10px;
      border-radius: 12px;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
      height: 130px;
    }

    .advantage-item i {
      font-size: 40px;
      color: #004080;
      margin-bottom: 15px;
    }

    .advantage-item h5 {
      font-size: 15px;
      font-weight: 600;
      color: #004080;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .advantage-item:hover {
      transform: translateY(-8px);
      box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
      background: #fff;
    }

    .connectivity-section {
      background: #f8f9fa;
      padding: 70px 20px;
    }

    .connectivity-title {
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 25px;
      color: #004080;
      border-left: 5px solid #004080;
      padding-left: 12px;
    }

    .connectivity-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .connectivity-list li {
      display: flex;
      align-items: center;
      font-size: 16px;
      margin-bottom: 18px;
      color: #333;
    }

    .connectivity-list li i {
      background: #004080;
      color: #fff;
      font-size: 14px;
      border-radius: 50%;
      padding: 10px;
      margin-right: 12px;
      flex-shrink: 0;
    }

    .connectivity-list li strong {
      color: #004080;
      font-weight: 700;
    }

    .connectivity-image img {
      width: 100%;
      border-radius: 12px;
      box-shadow: 0 8px 20px rgba(0,0,0,0.15);
      transition: transform 0.4s ease;
    }

    .connectivity-image img:hover {
      transform: scale(1.03);
    }

    .advantage-item {
	cursor: pointer;
	transition: transform 0.3s ease, color 0.3s ease;
}
.advantage-item:hover {
	transform: scale(1.1);
	color: #007bff;
}
.details-content {
	animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
	from {opacity: 0; transform: translateY(20px);}
	to {opacity: 1; transform: translateY(0);}
}

@media only screen and (max-width:767px){
    .mob-mab{
        width: 363px;
    }
    .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    width: 82%;
}
body{
    overflow-x:hidden;
}
}


@media only  screen and (min-width:768px)  and (max-width:1023px) {
    .map{
        margin-top: 10%;
    }
    .tab-form {
        left: 20% !important;
        margin-top: 10px;
        width: 450px;
    }
    .menu-top li a {
    color: black !important;
    font-family: "Montserrat Regular", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.single-slide-item {
    min-height: 57vh !important;
    background-size: cover;
    background-position: center;
}
}

@media only screen and (min-width:1024px) and (max-width:1366px){
    .single-slide-item {
    min-height: 46vh !important;
    background-size: cover;
    background-position: center;
}
.tab-form{
        left: 37% !important; 
}
.contact input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8e8e9;
    border-radius: 2px;
    box-shadow: none;
    color: #333;
    height: 52px;
    padding: 10px;
    width: 440px;
}
.contact select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8e8e9;
    border-radius: 2px;
    box-shadow: none;
    color: #333;
    height: 52px;
    padding: 10px;
     width: 440px !important;
}
.advantage-item h5 {
    font-size: 10px;
    font-weight: 600;
    color: #004080;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.mob-mab{
    width:440px !important;
    margin-top:10%;
}
.single_counter h5 {
    color: #333;
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 700;
}
#advantage .col-md-6 {
        width: 100%;
    }
}
.about_content p {
    font-weight: 400;
    line-height: 33px;
    text-align: justify;
}
@media only screen and (min-width:300px) and (max-width:576px){
    .single-slide-item {
    min-height: 80vh !important;
    background-size: cover;
    background-position: center;
}
 .table-mobile{
    display:none !important;
}
}