@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; font-family: 'Open Sans', sans-serif;}

.wrapper{ width:100%; float:left; height:auto; margin:0 0 0 0;}
.innerimag{
	width:100%;
	height:265px;
	float:left;
	margin-bottom:20px;
	
}
.innerimag img{
	width:100%;
	height:265px !important;
	float:left;
	
}
header{ width:100%; float:left; height:auto; margin:0 0 0 0;}
header .top{ width:100%; float:left; height:auto; margin:0 0 0 0; background:#0148bc; padding:0 0;}
header .top .left{ width:auto; float:left; height:auto; margin:0 0 0 0;}
header .top .left a{ width:auto; float:left; margin:0 15px 0 0; text-decoration:none; color:#fff; font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; line-height:40px; transition: all 0.3s ease-in-out;}
header .top .left a:focus{ outline:none;}
header .top .left a:hover{ color:#cde0ff;}

header .top .right{ width:auto; float:right; height:auto; margin:0 0 0 0;}
header .top .right a{ width:40px; float:left; margin:0 0 0 0; text-decoration:none; color:#fff; font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; line-height:40px; text-align:center; transition: all 0.3s ease-in-out;}
header .top .right a:focus{ outline:none;}
header .top .right a:hover{ color:#fff; background:#03317b;}

header .logo{ width:306px; height:auto; float:left; margin:7px 0;}
header .logo img{ width:100%;}
header .logo:focus{ outline:none;}
header .menu{ width:auto; float:right; margin:0 0 0 0; width:100%;}
.right2{
	width:100%;
	height:auto;
	float: right;
	margin-top:15px;
}
.right2 a{ width:100%;
height:auto;
font-size:20px;
text-align:right;
color:#000;
padding-top:10px;
text-decoration:none;
}
.middile{ width:100%; float:left; height:auto; margin:0 0 0 0;}

.home-slider{ width:100%; float:left; height:auto; margin:0 0 0 0;}
.home-slider img{ width:100%;}

.home-slider .carousel-caption h1{ text-transform:uppercase; font-weight:800; font-family: 'Open Sans', sans-serif; font-size:32px; line-height:35px; margin:0px;}
.home-slider .carousel-caption h2{ text-transform:none; font-weight:700; font-family: 'Open Sans', sans-serif; font-size:24px; line-height:30px; font-style:italic; margin:0 0 7px 0;}

.home-slider .carousel-caption p{ font-size:17px; font-weight:400; color:#fff; font-family: 'Open Sans', sans-serif; line-height:25px; margin:0 0 10px 0;}

.home-slider .carousel-caption .btn{ border:1px solid #fff; border-radius:0; color:#fff; padding:0 20px; line-height:40px; font-weight:800; font-family: 'Open Sans', sans-serif; transition: all 0.3s ease-in-out;}
.home-slider .carousel-caption .btn:hover{ background:rgba(0,31,82,.8);}

.home-first{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:80px 0 0;}
.home-first .first{ width:100%; float:left; height:auto; margin:20px 0 60px; padding:3%; border:4px solid #1b9deb; background:#fff; text-align:center; transition: all 0.3s ease-in-out;}
.home-first .first .image{ width:120px; height:120px; background:#f6f6f6; display:inline-block; line-height:120px; border-radius:50%; margin:-90px 0 0 0;}
.home-first .first h2{ width:100%; float:left; height:auto; margin:50px 0 0 0; font-size:15px; font-weight:700; color:#0148bc; font-family: 'Open Sans', sans-serif; line-height:22px; text-transform:uppercase; transition: all 0.3s ease-in-out;}
.home-first .first p{ width:100%; float:left; height:auto; margin:5px 0 0 0; font-size:13px; font-weight:400; color:#0148bc; font-family: 'Open Sans', sans-serif; line-height:17px; text-transform:none; transition: all 0.3s ease-in-out;}

.home-first .first a{ width:auto; line-height:40px; padding:0 30px; text-align:center; float:none; display:inline-block; background:#0148bc; color:#fff; font-size:13px; font-weight:800; font-family: 'Open Sans', sans-serif; margin:30px 0; text-decoration:none; outline:none;}
.home-first .first:hover{ border:4px solid #ea4235; background:#1b9deb;}
.home-first .first:hover h2{ color:#fff;}
.home-first .first:hover p{ color:#fff;}

.home-second{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:60px 0; background:url(../images/bg.jpg) no-repeat; background-size:cover; background-attachment:fixed;}
.home-second h2{ width:100%; float:left; font-size:45px; font-weight:400; color:#000; font-family: 'Open Sans', sans-serif; line-height:45px; text-transform:uppercase; text-align:right;}

.home-second p{ width:100%; float:left; margin:0 0 0 0; height:auto; text-align:right; font-size:14px; font-weight:400; color:#222; font-family: 'Open Sans', sans-serif; line-height:25px;}

.home-second h3{ width:350px; height:350px; background:rgba(255,255,255,.7); float:left; margin:0 0 0 0; text-align:center; border-radius:50%; font-weight:800; color:#434e59; text-transform:uppercase; font-size:45px; line-height:60x; padding:90px 0; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1); transition: all 0.4s ease-in-out;}
.home-second h3 span{ width:100%; float:left; font-size:30px; line-height:30px;}

.home-second:hover h3{ color:#244aa0;}

.home-third{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:60px 0 10px 0; background:#ededed;}
.home-third h1{ width:100%; float:left; height:auto; margin:0 0 40px 0; text-transform:uppercase; font-size:32px; font-weight:600; color:#202020; font-family: 'Open Sans', sans-serif; line-height:35px; text-align:center;}

.home-third .col-sm-2{ padding:0; background:#000;}
.home-third .col-sm-2 img{ width:100%; transition: all 0.3s ease-in-out;}
.home-third .row{ margin:0;}
.home-third .col-sm-2:hover img{opacity:.5;}


.modal-dialog {width:600px;}
.my-modal .modal-body{ padding:0;}
.my-modal .modal-body img{ width:100%;}
.my-modal button{ position:absolute; top:0; right:0; background:#fff !important; width:30px; height:30px; border-radius:50%; z-index:1; opacity:1; margin:-10px -5px 0 0;}
.my-modal button:hover{opacity:1;}
.my-modal .modal-body img{ margin:0;}


.filter-button
{
    font-size: 13px;
	font-weight:800;
	color:#222;
	margin:0 5px;
	text-transform:uppercase;
    border: 1px solid #1eb9f4;
    border-radius: 5px;
    text-align: center;
	font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
	line-height:40px;
	padding:0 20px;
	border-radius:30px;

}
.filter-button:hover
{
    color: #ffffff;
    background-color: #1eb9f4;

}
.filter-button:focus
{
    background-color: #1eb9f4;
    color: white;
	outline:none;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 0;
}
.thead-dark{
	background:#000; color:#ffffff;
}
.gallery_product .thumbnail{ padding:0;  border-radius:0;}
.gallery_product a:focus{ outline:none;}

.gallery_product img{
	width:100%;
	height:auto;
	float:left;
}






.home-fourth{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:100px 0; background:linear-gradient(135deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%),url(../images/4.jpg) no-repeat; background-size:cover; background-attachment:fixed;}
.home-fourth .first{ width:100%; float:left; height:auto; margin:0 0 0 0;}

.home-fourth .first .image{ width:80px; height:80px; background:#fff; border-radius:50%; float:left; text-align:center; line-height:80px;}

.home-fourth .first h2{ width:auto; float:left; margin:15px 0 0 15px; font-size:13px; font-weight:400; color:#fff; font-family: 'Open Sans', sans-serif; line-height:22px;}
.home-fourth .first h2 span{ font-weight:700; font-size:22px;}

.home-bottom{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:60px 0;}
.home-bottom .first{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:5% 3%; background:#0148bc; text-align:center; transition: all 0.3s ease-in-out;}
.home-bottom .first img{ display:inline-block; margin:40px 0 15px 0; width:50px; height:auto;}
.home-bottom .first h2{ width:100%; float:left; height:auto; margin:0 0 0 0; font-size:16px; font-weight:700; color:#fff; line-height:22px; text-transform:uppercase; font-family: 'Open Sans', sans-serif;} 
.home-bottom .first p{ width:100%; float:left; height:auto; margin:5px 0 40px 0; font-size:14px; font-weight:400; color:#fff; line-height:20px; text-transform:none; font-family: 'Open Sans', sans-serif;} 

.home-bottom .first.blue{ background:#1b9deb;}
.home-bottom .first.red{ background:#ea4235;}

.home-bottom .first:hover{ background:#033383;}
.home-bottom .first.blue:hover{ background:#0c7fc4;}
.home-bottom .first.red:hover{ background:#bb1e12;}

footer{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:0px 0 0 0; background:#f6f6f6;}

footer h2{ width:100%; float:left; height:auto; margin:0 0 20px 0; font-size:25px; color:#666; font-weight:800; font-style:italic; font-family: 'Open Sans', sans-serif; line-height:25px;}
footer .center{ text-align:center;}

footer p{ width:100%; float:left; height:auto; margin:0 0 0 0; font-size:13px; color:#222; font-weight:400; font-family: 'Open Sans', sans-serif; line-height:20px;}

footer .social{ width:100%; float:left; height:auto; margin:25px 0 0 0; text-align:center;}
footer .social a{ width:30px; height:30px; text-align:center; line-height:30px; border-radius:50%; background:#000; display:inline-block; margin:0 3px; color:#fff; font-size:12px; transition: all 0.3s ease-in-out;}
footer .social a.facebook{ background:#0148ba;}
footer .social a.twitter{ background:#1a9deb;}
footer .social a.google-plus{ background:#eb4336;}
footer .social a.pinterest{ background:#0076b4;}
footer .social a.youtube{ background:#c60d17;}

footer .social a.facebook:hover{ background:#063a94;}
footer .social a.twitter:hover{ background:#0081cf;}
footer .social a.google-plus:hover{ background:#c70e00;}
footer .social a.pinterest:hover{ background:#017292;}
footer .social a.youtube:hover{ background:#870107;}
footer .social a:focus{ outline:none;}

footer .latest-post{ width:100%; float:left; height:auto; margin:0 0 0 0;}
footer .latest-post a{ width:30%; float:left; height:auto; margin:0 5% 3% 0; text-decoration:none;}
footer .latest-post a img{ width:100%; transition: all 0.3s ease-in-out;}
footer .latest-post a:focus{ outline:none;}
footer .latest-post a:hover img{opacity:.7;}

footer .copyright{ width:100%; float:left; height:auto; margin:0px 0 0 0; padding:15px 0; text-align:center; background:#0148bc; font-size:12px; font-weight:400; color:#fff; font-family: 'Open Sans', sans-serif;}


====================================================================
			service Detail								
====================================================================

***/

.service-detail-section{
	position: relative;
	padding: 130px 0 80px;
}

.service-detail{
	position: relative;
}

.service-detail .lower-content{
	position: relative;
	padding-top: 35px;
}

.service-detail h2{
	position: relative;
	font-size: 36px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 20px;
}

.service-detail h3{
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 20px;
}

.service-detail p{
	position: relative;
	font-size: 15px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 30px;
}

.service-detail .two-column{
	position: relative;
}

.service-detail .two-column .info-column{
	position: relative;
}

.service-detail .image-column .image{
	position: relative;
	margin-bottom: 30px;
}

.service-detail .image-column .image img{
	display: block;
	width: 100%;
}

/*Services Category*/

.service-list{
	position:relative;
	margin-bottom: 60px;
}

.service-list li{
	position:relative;
	margin-bottom: -1px;
}

.service-list li:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0px;
	background-color: #ff9f14;
	content: "";
	opacity: 0;
	transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-list li.active:before,
.service-list li:hover:before{
	width: 4px;
	opacity: 1;
}

.service-list li a{
	position:relative;
	font-size:16px;
	color:#222222;
	line-height: 30px;
	font-weight:600;
	padding: 15px 40px;
	display:block;
	border:1px solid #e1e1e1;
	font-family: "Raleway", sans-serif;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.service-list li a:after{
	position:absolute;
	content:'\f101';
	right: 25px;
	top: 16px;
	font-size: 18px;
	color: #222222;
	line-height: 30px;
	font-weight: 400;
	font-family: 'FontAwesome';
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.service-list li a:hover::after,
.service-list li.active a::after{
	color: #ff9f14;
}
/**
====================================================================
			Page Title
====================================================================
**/
.page-title{
	position:relative;
	padding: 100px 0;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	background:url(../images/background/8.jpg) 100%;
	background-size: 100%;
}
.page-title img{
	width:100%;
	height:auto
}

.page-title:before{
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#000000;
	opacity: .70;
	position:absolute;
}

.page-title .inner-container{
	position: relative;
}

.page-title h1{
	position:relative;
	float: left;
	font-size:40px;
	color:#ffffff;
	line-height: 50px;
	font-weight: 700;
	text-shadow: 0 5px 10px #222222; 	
}

.page-title .bread-crumb {
	position: relative;
	float: right;
	padding: 15px 0;
}

.page-title .bread-crumb li{
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 20px;
	color: #ff9f14;
	font-weight: 400;
	text-transform: uppercase;
	cursor: default;
	padding-right:  10px;
	margin-right: 10px;
}

.page-title .bread-crumb li:before{
	position: absolute;
	right: -3px;
	font-size: 16px;
	line-height: 20px;
	color: #ff9f14;
	content: "/";
}

.page-title .bread-crumb li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.page-title .bread-crumb li:last-child:before{
	display: none;
}

.page-title .bread-crumb li a{
	color:#ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.page-title .bread-crumb li a:hover{
	color:#ff9f14;	
}

.form-in-header{
	max-width: 400px;
	background-color: #fff;
	padding: 20px;
	position: absolute;
	top: 180px;
	right: 100px;
	width: 350px!important;
	z-index: 999;
}

@media screen and (max-width:768px) {
	.form-in-header{
		max-width: 350px;
		background-color: #fff;
		padding: 20px;
		position: relative;
		top: 20px;
		right: 0px;
		width: 350px!important;
	}
}

.nav > li > a {
        padding: 0 30px 0 30px!important;
}


 .faq-container {
       padding-top:20px!important;
      margin: 0 auto;
      padding: 20px;
    }

    .faq-item {
      margin-bottom: 10px;
      border: 1px solid #ddd;
      border-radius: 5px;
      overflow: hidden;
    }

    .faq-title {
      display: block;
      padding: 15px;
      background-color: #f7f7f7;
      font-weight: bold;
      cursor: pointer;
      position: relative;
    }

    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      background-color: #ffffff;
      padding: 0 15px;
    }

    .faq-answer p {
      margin: 15px 0;
    }

    /* Checkbox for toggling */
    .faq-checkbox {
      display: none;
    }

    /* Target open answers */
    .faq-checkbox:checked + .faq-title + .faq-answer {
      max-height: 100px;
      padding: 15px;
    }

    /* First FAQ active by default */
    .faq-checkbox:first-of-type:checked + .faq-title + .faq-answer {
      max-height: 100px;
      padding: 15px;
    }

    /* Icon for FAQ open and close */
    .faq-title::after {
      content: "+";
      position: absolute;
      right: 20px;
      font-size: 18px;
      transition: transform 0.3s ease;
    }

    .faq-checkbox:checked + .faq-title::after {
      transform: rotate(45deg);
    }
    
    
    
/***