@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);

/********/
.right .btn-link {
  background: #ccc none repeat scroll 0 0;
  color: #fff !important;
  padding: 4px 10px;
  text-transform: uppercase;
}
.search-tab.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
color: #555;
    cursor: default;
    background-color: #fff !important;
    border: 1px solid #fff;
    border-bottom-color: transparent;
border-radius:0px !important;
}

.search-tab.nav-tabs>li>a {
border-radius:0px !important;
    background-color: #655858;
    margin-right: 2px;
color: #fff;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.search-content{
background: #fff;

}

p{
	text-align:justify;
}

.cf:before, .cf:after{
      content:"";
      display:table;
    }
    
    .cf:after{
      clear:both;
    }

    .cf{
      zoom:1;
    }

    /*-------------------------------------*/	
    
    .form-wrapper {
        width: 750px;
        padding: 15px;
       

    }
    
    .form-wrapper input {
        width: 600px;
        height: 40px;
        padding: 15px 5px;
        float: left;    
        font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
        border: 0;
        background: #eee;
      
    }
    
    .form-wrapper input:focus {
        outline: 0;
        background: #fff;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
    
    .form-wrapper input::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
       font-style: italic;
    }
    
    .form-wrapper input:-moz-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }
    
    .form-wrapper input:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }    
    
    .form-wrapper button {
		overflow: visible;
        position: relative;
        float: right;
        border: 0;
        padding: 0;
        cursor: pointer;
        height: 40px;
        width: 110px;
        font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
        color: #fff;
        text-transform: uppercase;
        background: #d83c3c;
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;      
        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    }   
      
    .form-wrapper button:hover{		
        background: #e54040;
    }	
      
    .form-wrapper button:active,
    .form-wrapper button:focus{   
        background: #c42f2f;    
    }
    
    .form-wrapper button:before {
        content: '';
        position: absolute;
        border-width: 8px 8px 8px 0;
        border-style: solid solid solid none;
        border-color: transparent #d83c3c transparent;
        top: 12px;
        left: -6px;
    }
    
    .form-wrapper button:hover:before{
        border-right-color: #e54040;
    }
    
    .form-wrapper button:focus:before{
        border-right-color: #c42f2f;
    }    
    
    .form-wrapper button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
.byline p{
  text-align:center;
  color:#c6c6c6;
  font: bold 18px Arial, Helvetica, Sans-serif;
  text-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

.byline p a{
  color:#d83c3c;
  text-decoration:none;
}

/********/


body {
  background: #ffffff;
  font-family: 'Open Sans', sans-serif;
}


img {
	max-width:100%;
	height:0 auto;
}
a, a:hover{
	text-decoration:none;
	outline:none;
}
.header_navi.affix {
    position: fixed;
    top: 0;
    width: 100%;
	z-index:9999;
	-webkit-animation: fadeInDown 400ms;
      animation: fadeInDown 400ms;
}
.spacer{
font-size:0;
line-height:0;
clear:both;
}

hr {
	width:100%;
	float:left;
	padding-bottom:10px;
	border-color:#CCC;
}
ul, ol {

    margin-bottom: 10px;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.modal-content {
	border-radius:0px;
}

.modal-header {
    padding: 15px;
    background: #77c901;
	height:45px;
    border-bottom: 1px solid #ffffff;
}

.tabbable-panel {
  border:1px solid #eee;
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
	border: 0;
  color: #ffffff;
  background:#77c901;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #ffffff;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #ffffff;
  background:#77c901;
  border-radius:0px;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  background-color: #fff;
  border: 0;
  border-top: 2px solid #77c901;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

.tabbable-panel label {
	width:100%;
	font-weight:normal;
	margin-top:16px;
}

.tabbable-panel .btn-default {
  color: #ffffff;
  background-color: #5e9f01;
  border-color: #5e9f01;
  border-radius:0px;
  margin-top:20px;
  padding:8px 20px;
}
.tabbable-panel .btn-default:hover,
.tabbable-panel .btn-default:focus,
.tabbable-panel .btn-default.focus,
.tabbable-panel .btn-default:active,
.tabbable-panel .btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #4e8401;
  border-color: #4e8401;
}



.navbar-right .dropdown-menu {
    left: 0;
    right: auto;
}


.top_panel span {
	margin-right:15px;
}
.top_panel span a {
	color:#579201;
}
.font1 {
	font-size:14px;
}
.font2 {
	font-size:20px;
}
.font3 {
	font-size:30px;
}








.navbar-inverse .navbar-toggle .icon-bar {
    background-color:#CCC;
}


a {
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}






.custom-search-form{
    margin-top:8px;
    width: 250px;
	margin-left:20px;
}
.header_navi {
	width:100%;
	float:left;
	background:rgba(248, 248, 248, 0.9);
	padding:2px 0px;
}
.dropdown-menu {
  margin-top: 2px;
  min-width: 210px;
  padding:0px;
}
.navbar-collapse{
	padding-right:0px;
	padding-left:0px;
}

.navbar-inverse {
	background-color: transparent;
  border:none;
  border-radius:0px;
  margin-bottom:0px;
}
.navbar-inverse .navbar-nav > li > a {
  color: #002E96;
  font-size:15px;
/*  background:#ffae00;*/
  margin:0px 2px;
  padding:10px 16px;
  text-transform:uppercase;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff ;
  background:#BA1A00;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background:#bf0000;
}
.navbar>.container .navbar-brand{
  margin-left: 0;
}
.navbar-brand {
    float: left;
    padding: 11px 0px;
}
.navbar-inverse .navbar-toggle{
	border:none;
	margin-top:22px;
}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{
	background:none;
}
.dropdown-menu>li>a {
	padding:13px 16px;
	color:#ffffff;
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{
	color:#ffffff;
	text-decoration:none;
	background-color:#315501;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 0px 0;
    overflow: hidden;
    background-color: #666;
}


.dropdown-menu {
    background-clip: padding-box;
    border: none;
    border-radius: 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    font-size: 14px;
    margin: 0px;
	background:#77c901;
	color:#ffffff;
}

.dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
	  margin-top:-1px;
}


.top_panel {
	width:100%;
	float:left;
	background:#002E96;
	color:#666;
	padding:10px 0px;
}
.top_panel .social {
	width:40px;
	height:40px;
	float:left;
	text-align:center;
	background:#fed327;
	color:#171717;
	font-size:16px;
	line-height:40px;
	margin-right:5px;
}

.top_panel .right {
	width:100%;
	text-align: right;
}
.top_panel .right i {
	width:32px;
	height:32px;
	background:#595959;
	color:#fff;
	text-align:center;
	line-height:31px;
}
.top_panel .right i:hover {
	background:#ffae00;
}
.top_panel .left {
	width:100%;
	text-align: left;
	color:#eaeaea;
	margin-top:5px;
}
.top_panel .btn-warning {
	background:#9e1818;
	border:1px solid #9e1818;
	font-size:13px;
	color:#fff;
	border-radius:0px;
	margin-right:5px;
}
.top_panel .btn-warning:hover {
	background:#c42020;
}

.top_panel2 {
	width:100%;
	float:left;
	background:rgba(37, 42, 43, 0.97);
	padding:10px 0px;
}
.top_panel2 .right {
	text-align:right;
}
.top_panel2 a {
	color:#eaeaea;
	text-decoration:none;
	text-transform:uppercase;
	padding:0px 7px;
}
.top_panel2 a:hover, .top_panel2 a.menuactive {
	color:#ffae00;
}



.home_wrap {
	width:100%;
	float:left;
	
}



.home_wrap .form-control {
	background:#fff;
	border:none;
	height:60px;
	border:none;
}
.home_wrap .btn-default {
	background:#fff;
	border:none;
	height:60px;
	border:none;
	border-right:1px solid #CCC;
	color:#999;
	border-radius:0px;
	margin-left:1px;
}



.home_wrap .btn-danger {
	background:#ffae00;
	color:#fff;
	font-size:14px;
	border:none;
	padding:8px 20px;
	border-radius:0px;
	margin-top:10px;
}
.home_wrap .btn-danger:hover {
	background:#ffae00;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    min-width: 100%;
    line-height: 1;
    width: 100%;
	margin-top: 150px;
}



.carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 100px;
}
.carousel-caption .quote {
	width:100%;
	float:left;
	/**background:rgba(255, 255, 255, 0.9);**/
	padding:20px 15px;
	text-align:left;
}
.carousel-caption .quote h1 {
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	color:#252a2b;
	text-shadow:none;
	text-transform:uppercase;
	margin:0px;
}
.carousel-caption .quote p {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#252a2b;
	text-shadow:none;
	margin-top:20px;
}
.countpan {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  padding: 40px;
}





/*========== process =========*/

.process_main {
	width:100%;
	float:left;
	background:#002E96;
	
	padding:70px 0px 100px 0px;
	
}
.process_main .block {
	width:100%;
	float:left;
	background:rgba(255, 255, 255, 0.1);
	text-align:center;
	margin-top:20px;
	border:1px solid #898b8b;
	-webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}
.process_main .block:hover {
	box-shadow: 0 0 25px rgba(0,0,0,0.20);
}

.process_main .block i {
	color:#ffae00;
	font-size:45px;
}

.process_main .quote  {
  width:100%;
  float:left;
  background:#fff;
  text-align:center;
	min-height: 200px;
 
 
}
.process_main .quote h4 {
	width:100%;
	float:left;
	background:#fff;
	text-align:center;
	padding:10px 5px;
	color:#252a2b;
	text-transform:uppercase;
}

.process_main .quote p {
  width:100%;
  float:left;
  background:#fff;
  text-align:center;
  padding:7px 5px;
  color:#252a2b;
 
}


.process_main h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
}




/*======== why section ============*/

.why-choose {
  width:100%;
  float:left;
  background:#F7F7F7;
  
  padding:70px 0px;
  
}

.why-choose h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #252a2b;
    text-transform: uppercase;
    margin-bottom: 20px;
   
}

.why-choose p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #252a2b;
    
    margin-bottom: 30px;
   
}

.why-choose i {
  color:#002E96;
  font-size:20px;
  margin-right: 10px;
}

/*======== Testomonial ============*/
.who_we {
  width:100%;
  float:left;
 
 background: url(../images/testimonial.jpg) no-repeat;
 background-size: cover;
 background-attachment: fixed;

  padding:70px 0px;
}

.who_we h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #252a2b;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.who_we i {
  color:#002E96;
  font-size:20px;
  margin-right: 10px;
}



.map  {
  width:100%;
  float:left;
  position:relative;
  background:#fff;
  padding:50px 0px;
}



/*=========== have home =============*/
.have_home {
	width:100%;
	float:left;
	position:relative;
	background:#002E96;
	padding:50px 0px;
}
.have_home:after {
    content: " ";
    position: absolute;
    bottom: -25px;
    left: 50%;
    z-index: 99;
    margin-left: -49px;
    border-style: solid;
    border-width: 25px 50px 0 50px;
    border-color: #002E96 transparent transparent transparent;
}
.have_home h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    margin: 0px;
}
.have_home p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
}
.have_home .btn-default {
    padding: 10px 20px;
    background: #252a2b;
    border-radius: 0px;
    border: none;
    margin-top: 38px;
    color: #fff;
    text-transform: uppercase;
}
.have_home .btn-default:hover {
    background: #3c3f3f;
}




/*======== footer ========*/
.footer{
	width:100%;
	float:left;
	padding:70px 0px;
	background:#161f2d;
}
.footer h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    color: #eaeaea;
    text-transform: uppercase;
    margin-top: 10px;
	margin-bottom:30px;
}

.footer .nav>li>a {
    position: relative;
    display: block;
    padding: 5px 0px;
	color:#b0b0b0;
}
.footer .nav>li>a:hover {
	background:none;
	color:#FFF;
	
}



.footer_last {
	width:100%;
	float:left;
	background:#161f2d;
	padding:8px 0px;

}
.footer_last p {
	color:#7f7f7f;
	font-size:13px;
	margin:6px 0px;
}
.footer_last .right {
	width:100%;
	float:left;
	text-align:right;
}
.footer_last .right i {
    width: 32px;
    height: 32px;
    background: #595959;
    color: #fff;
	text-align:center;
    line-height: 31px;
}
.footer_last .right i:hover {
    background: #002E96;
}




/*======== about page========*/

.inner_page_banner {
    width: 100%;
    float: none;
    background: url(../images/testimonial.jpg) no-repeat;
    background-size: cover;
    position: relative;
    padding: 300px 0px 0px 0px;
}

.arrow_upper {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px 0px 40px 0px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: rgba(0, 46, 150, 0.8);
}

.aboutPan {
    padding: 70px 0;
}

.aboutPan h1 {
  
    padding-bottom: 20px;
    text-transform: uppercase;
}

.text-about {
    color: #999;
    font-size: 16px;
    font-style: italic;
    line-height: 26px;
    margin-bottom: 40px;
    
}

.aboutPan i {
  color:#002E96;
  font-size:20px;
  margin-right: 15px;
}




/*======== service page========*/


.inner-service {
  width:100%;
  float:left;
  background:#e4edf4;
  
  padding:70px 0px;
  
}

.inner-service h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #252a2b;
    text-transform: uppercase;
    margin-bottom: 20px;
   
}

.inner-service .block {
  width:100%;
  float:left;
  background:rgba(255, 255, 255, 0.1);
  text-align:center;
  margin-top:20px;
  border:1px solid #898b8b;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}
.inner-service .block:hover {
  box-shadow: 0 0 25px rgba(0,0,0,0.20);
}

.inner-service .quote {
  width:100%;
  float:left;
  background:#fff;
 
  padding:10px 5px;
  color:#252a2b;
  text-transform:uppercase;
}


.inner-service .quote h4 {
  width:100%;
  float:left;
  background:#fff;
 text-align: center;
  padding:10px 5px;
  color:#252a2b;
  text-transform:uppercase;
}
.inner-service .quote p {
  width:100%;
  float:left;
  background:#fff;
  text-align:justify;
  padding:10px 5px;
  color:#252a2b;

  
}




/*******Contact page *********/
.contact_page {
  background: #f4f4f4 none repeat scroll 0 0;
  padding: 70px 0 0;
  overflow:hidden;
}
.contact_form{
  padding:45px 30px;
  background:#fff;
}
.single_editor {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    padding: 30px;
}
.white {
   /* background: #fff none repeat scroll 0 0 !important;*/
    border: 1px solid #ddd;
}
.single_editor > h3 {
  color: #333;
  font-size: 20px;
  margin-bottom: 41px;
  position: relative;
  text-transform: uppercase;
}
.single_editor > h3::before {
  background: #5d5955 none repeat scroll 0 0;
  bottom: -20px;
  content: "";
  height: 1px;
  position: absolute;
  width: 230px;
}
.suport_text {
  float: left;
  margin-left: 2%;
  width: auto;
}
.icon_suport {
  float: left;
  width: 20px;
}
.suport li {
  margin-bottom: 8px;
}
.suport li a{
  color:#bf0000
}
  
  
.single_edit_form {
  margin-bottom: 20px;
  position: relative;
}
.e_from_txt {
  border: 1px solid #ccc;
  color: #999;
  height: 50px;
  padding-left: 20px;
  width: 100%;
}
textarea.e_from_txt {
  height: 70px;
  padding-top: 20px;
}
.update {
background: #002E96 none repeat scroll 0 0;
    color: #fff;
    font-size: 15px;
    margin: 0 2px;
    padding: 10px 16px;
    text-transform: uppercase;
  border:none;
}
.update:hover, .update:focus {
  background: #bf0000 none repeat scroll 0 0;
  color: #ffffff;
}
.suport li a i {
  color: #252a2b;
}

#googleMap {
    width: 100%;
  position:relative;
}
#googleMap::before {
position:absolute;
width:100%;
height:100%;
content:"";
top:0;
left:0;
}

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}



.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #002E96;
    border-radius: 5px;
    text-align: center;
    color: #002E96;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #002E96;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #002E96;

}
.btn-default:active .filter-button:active
{
    background-color: #002E96;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}

.teampan {
   padding: 70px 0px;
	width: 100%;
	float: left;
}

.teampan h1{
	font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #252a2b;
    text-transform: uppercase;
    margin-bottom: 30px;
	
}
.teamsingle {
    padding: 15px;
    margin: 10px;
    background: #fff;
    border: 1px solid #ccc;
}



.our-team-main
{
	width:100%;
	height:auto;
	border-bottom:5px #323233 solid;
	background:#fff;
	text-align:center;
	border-radius:10px;
	overflow:hidden;
	position:relative;
	transition:0.5s;
	margin-bottom:28px;
}


.our-team-main img
{
	border-radius:50%;
	margin-bottom:20px;
	width: 90px;
}

.our-team-main h3
{
	font-size:20px;
	font-weight:700;
}

.our-team-main p
{
	margin-bottom:0;
}

.team-back
{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	padding:5px 15px 0 15px;
	text-align:left;
	background:#fff;
	
}

.team-front
{
	width:100%;
	height:auto;
	position:relative;
	z-index:10;
	background:#fff;
	padding:15px;
	bottom:0px;
	transition: all 0.5s ease;
}

.our-team-main:hover .team-front
{
	bottom:-200px;
	transition: all 0.5s ease;
}

.our-team-main:hover
{
	border-color:#777;
	transition:0.5s;
}




