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

@import url(//fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic&subset=latin,cyrillic-ext,cyrillic,greek-ext,greek,latin-ext);

p {margin: 0;}

.img-responsive {display: inline-block;}
    
 iframe {max-width: 100% !important;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

a, .btn {transition: all 0.3s;}
a {word-wrap: break-word;}

a:focus {background-color: #009933 !important; border: solid 3px #00CC00; color: #fff !important; text-decoration: underline !important;}
input:focus,textarea:focus {background: #009933; color: #fff !important;}

a.skip-link {
	border: 0;
	clip: rect(0,0,0,0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
}
    a.skip-link:focus{
        clip:auto;
        right: 6px;
        right:auto;
        top: 7px;
        height: auto;
        width: auto;
        display: block;
        font-size: 14px;
        font-weight: 600;
        padding: 15px 23px 14px;
        color: #ff00ff;
        z-index: 100000;
        line-height: normal;
        text-decoration: none;
        box-shadow: 0 0 1px 1px rgba(0,0,0,.6);

    
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #666666;
            opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #666666;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
            color: #666666;
}

label span {color: #D50000;}


body {font-family: 'Arimo', sans-serif; font-size: 18px;}

.no_side_padding {padding-right: 0; padding-left: 0;}

.page_content {margin-top: 130px;}

.general_header {background: #113945; color: #fff; padding: 25px 0;}
 .general_header  h1 {font-size: 2.77em; margin: 20px 0 10px 0;}



/*** Header *****/

.header {position: fixed; width: 100%; top: 0; z-index: 999;}

.shadow {box-shadow: 1px 2px 5px #888888;}

.navbar {margin-bottom: 0; border-radius: 0;}
.navbar-default {
    background-color: #fff;  border: none;
}

.navbar-nav {float:left;}
.navbar-nav>li>a {
    padding: 55px 12px; font-size: 1em; color: #000 !important;
}
 .navbar-nav>li>a:hover {color: #0C9547;}


.navbar-nav>li>a.active {background: #f1f8e7; color: #67BC86;}
 .navbar-nav>li>a.active:hover {background: #f1f8e7; color: #67BC86;}

.navbar-nav>li>a.phone {direction:ltr; background: #f7f7f7; color: #000; font-size: 1.2em; font-weight: bold; padding-top: 46px; padding-bottom: 54px;}
  .navbar-nav>li>a.phone:hover {background: #f7f7f7;}

.navbar-nav>li>a.facebook {color: #000; font-size: 1.3em; padding-top: 49px; padding-bottom: 51px;}

.navbar-nav .fa {font-size: 30px;}

.navbar-brand {height: 130px; padding: 15px 0;}


/*** Flexslider ***/

.flexslider_container .flexslider {/*margin-top: 130px;*/}
.flexslider_container .flexslider .container {position: relative;}


.flexslider_container .flexslider .container_form_area {top: 0; z-index: 10; }
.flexslider_container .flexslider .form_area {position:absolute; width: 100%; left: 0; top: 0; }
.flexslider_container .flexslider .form_container {text-align:center; margin-left: 0px; width: 260px; background: rgba(216, 216, 216, 0.67);
                                           float:left; padding: 0px 10px 0px 10px; 
                                         }
.flexslider_container .flexslider .form_container h1 {font-size: 0.9em; padding: 10px 0 0 0; margin: 0}

.flexslider_container .flexslider .form_area input[type=text],
.flexslider_container .flexslider .form_area input[type=email] {
	height: 40px;
}



.flexslider_container .flexslider .form_container .logo {margin-top: 20px;}
.flexslider_container .flexslider .form_container .title {font-size: 1.2em; margin: 10px 0 10px 0; color: #53924B; line-height: 28px; font-weight: bold;}
.flexslider_container .flexslider .btn_send { height: 40px; border-radius: 0; background-color: #10586D; border: solid 1px #2e91b0; color: #fff;}
 .flexslider_container .flexslider .btn_send:hover {opacity: 0.8;}

.flexslider_container .flex-caption {
  width: 100%;  padding: 0%;  left: 0;
  bottom: 0;  background: rgba(12,39,47,.5);  color: #fff;
  font-size: 1.0em;  line-height: 25px;
  position: absolute; height: 80px; bottom: 0 !important; z-index: 9;
}

 .flexslider_container .flexslider  .flex-caption .container {top: 15px; background: transparent; position: relative; color: #fff; }
    .flexslider_container .flexslider  .flex-caption .container .content {margin-right: 150px;}

	.arrows_container {position: absolute; margin-top: -60px; z-index: 99; width: 150px; height: 40px;}

 .arrows .left_arrow {margin-right: 20px;}
  .flex-next, .flex-prev { }


/*** HP Services ***/

.hp_services {min-height: 100px; background: #113945;  padding: 60px 0; }

 .hp_services h2 {margin: 0 0 20px 0; font-size: 2.6em; color: #fff; text-align: center;}

 .hp_services .item {text-align: center; color: #3ebde4; padding: 20px 10px;}
   .hp_services .item:hover {background: #0e2d37;}
 
   .hp_services .item p {margin-top: 8px; height: 45px;}

 .hp_services .all_services  {display: inline-block; text-align: center; padding: 15px 75px; font-size: 1em; color: #3ebde4;
                                          border: 1px solid #3ebde4; margin-top: 25px;
                                        }
     .hp_services .all_services:hover {text-decoration: none; background: #3EBDE4 ; color: #fff;}
          

/*** HP departments ***/

.hp_departments {min-height: 100px; background: #1E5B38; padding: 60px 0;}

 .hp_departments  h2 {margin: 0 0 20px 0; font-size: 2.6em; color: #fff; text-align: center;}

 .hp_departments a {color: #45f28d; display: inline-block; padding: 20px 20px;}
 .hp_departments a:hover {background: #247346; text-decoration: none;}
  .hp_departments a:first-child {margin-left: 30px;}
 .hp_departments a p {margin-top: 10px;}

 .departments_title {margin: 0 0 30px 0;}

 
 /**** HP text ****/
 
 .hp_text {padding: 10px 0 30px 0; text-align: center;}
 
 

/*** HP map and article ****/

.map_article {height: auto;}

  .map_article  iframe {height: 330px;margin: 0; padding: 0;}

  .hp_article {background: #f7f7f7;  padding: 25px 0px 20px 0; min-height: 330px;}

  .hp_article h2 {color: #2a2a2a; margin: 0 0 25px 0;}

.map_article .the_article { background-color: #ffffff; border: solid 2px #30985d; width: 80%; padding: 25px 40px; margin: 0 auto;}
   .map_article .the_article img {width: 75px; margin-left: 25px;}

   .map_article .the_article .box_link {text-decoration: none;}
   .map_article .the_article h3 {color: #1a1a1a; font-size: 1.2em; display: inline;}
   .map_article .the_article .description {color: #1a1a1a;  font-size: 0.83em; margin: 10px 0;}
   .map_article .the_article .link {color: #146F89;  font-size: 0.83em;}


/*** About page ***/

.about_header {background: #113945; color: #fff; padding: 25px 0;}
 .about_header .title {padding-top: 15px;}
  .about_header  h1 {font-size: 2.77em;}

.about_header .departments_icons a {float:left; color: #43f28d; background: #1E5B38; text-align: center; display: inline-block;
                                                          padding: 15px 20px; border: 2px solid #fff;}
   .about_header .departments_icons a:first-child {margin-right: 20px;}

   .about_header .departments_icons a:hover {text-decoration: none; opacity: 0.8;}

   .about_header .departments_icons span {width: 155px; margin: 8px  auto 0; line-height: 18px; margin-top: 8px; display:block;}


.about_content {padding: 40px 0 50px 0;}

   .about_content .content {padding-left: 50px; line-height: 32px;}

  .about_content .form_container {background: #f7f7f7; border: 1px solid #dddddd; padding: 20px 10px 20px 10px; }
   .about_content .form_container .title {color: #000; font-size: 1.2em; margin: 10px 0;}
	  .about_content .form_container h1 {font-size: 0.9em; padding: 10px 0 0 0; margin: 0}
   
   .about_content .form_container input[type=text],
   .about_content .form_container input[type=email] {
	   height: 40px;
   }
   

  .about_content .btn_send {height: 40px; border-radius: 0; background-color: #10586D; border: solid 1px #2e91b0; color: #fff;}
    .about_content .btn_send:hover {opacity: 0.8;}


/*** Team page ***/

.team {padding: 40px 0 50px 0;}

.team .flexslider .slides > li {
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}

	.team .item {margin-bottom: 15px; }
       .team .item h2 {font-size: 18px; font-weight: bold; margin: 4px 0;}
       .team .item .job {font-weight: bold; margin-bottom: 15px;}
       .team .item .description {}
       
       .team_line {width: 120px; height: 5px; background: #3FBDE4; margin-bottom: 20px; margin-top: 30px;}


/*** Articles page ***/

.articles {padding: 40px 0 50px 0;}

	.articles .item {margin-bottom: 45px;}

		.articles a {color: #333; text-decoration: none;}
		.articles a:focus {color: #333 !important;}
	
       .articles .item h2 {font-weight: bold; font-size: 20px;}
       .articles .item .the_date {color: #5D5D5D; font-size: 0.9em;}
       .articles .item .description {}
       .articles .item .read_more {color: #337ab7;}
       
/*** show article page ****/

.show_article .title {font-weight: bold; font-size: 1.3em;}

.show_article .the_date {color: #5D5D5D; margin: 0 0 15px 0;}



/*** Services page ***/

.services {padding: 40px 0 50px 0;}

 .services .content {padding: 0 80px;}

  .services .item {position: relative; margin-right: 1px; margin-bottom: 1px;}

   .services .item .title {width: 100%; position: absolute; top: 45%; z-index: 2; text-align:  center;}
          .services .item .title span {background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 1.8em; font-weight: bold;
                                                    margin: 0 auto; width: 70%; padding: 10px; display: inline-block;
                                                 }
             
   .services .item .description {position: absolute; top: 20px; text-align: center; margin: 0 auto; padding: 10px 50px;}

   .services .item:hover .description {opacity: 1;}



/*** Departments page ***/

.departments {padding: 40px 0 50px 15px;}

 .departments .content {padding: 0 80px;}

  .departments .item {position: relative; margin-right: 1px; margin-bottom: 1px;}

   .departments .item .title {width: 100%; position: absolute; top: 45%; z-index: 2; text-align:  center;}
          .departments .item .title span {background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 1.8em; font-weight: bold;
                                                    margin: 0 auto; width: 70%; padding: 10px; display: inline-block;
                                                 }
             
   .departments .item .description {position: absolute; top: 20px; text-align: center; margin: 0 auto; padding: 10px 50px;}

   .departments .item:hover .description {opacity: 1;}


/*** gallery page ***/

.gallery {padding: 40px 0;}

	.flex_arrow_gallery {padding: 12px; text-align: center; background: rgba(0, 0, 0, 0.5) ; z-index: 9; display:inline-block;}
	  	.flex_arrow_gallery:hover {background: rgba(0, 0, 0, 0.7) }
	.gallery .flexslider .flex-next {position: absolute; right: 15px; top: 35%; }
	.gallery .flexslider .flex-prev {position: absolute; left: 15px; top: 35%; }


  .gallery .content {margin: 0 auto; width: 70%;}

  .gallery .flex-caption {
     width: 100%;  padding: 0;  right: 0;
     bottom: 0;  background: rgba(12,39,47,.7);  color: #fff;
     font-size: 0.8em;  line-height: 18px;
     position: absolute; height: 80px; top: 0 !important; z-index: 9;
 }
     .gallery .flex-caption .content1 {padding: 20px 40px 0 40px;}


/*** contact page ***/

.contact_main .form_container {padding: 25px 0; padding-left: 50px;}
.contact_main .control-label {font-size: 0.8em; text-align: right; padding-left: 0;}

 .contact_main .form_container  input[type=text],
 .contact_main .form_container  input[type=email] {
	   height: 40px;
   }

.contact_main textarea {height: 140px; }
.contact_main .btn_send {background: #242424; color: #fff; height: 40px; border-radius: 0;}
  .contact_main .btn_send:hover {opacity: 0.8;}
  

.contact_main .ico {color: #3fbde4; background: #fff; border-radius: 50%;
                               border: 1px solid #e3e3e3; font-size: 30px; display: inline-block; text-align: center;
                             }

.contact_main .details {background: #f7f7f7; padding: 25px 0 25px 0;}

.contact_main .details .item {margin-bottom: 25px;}

.contact_main .details .txt {padding-top: 15px; font-size: 1.2em;}
.contact_main .details .txt a {color: #1a1a1a;}

.contact_main .map {margin-bottom: 10px;  padding-top: 15px;}

.contact_main .map iframe {height: 250px;}






/*** Footer ***/

footer {padding: 15px 0; background: #2a2a2a; color: #fff; font-size: 0.9em;}

footer a {color: #fff; font-size: 1em;}
 footer a:hover {text-decoration: underline; color: #fff;}

footer li {float: right; margin-left: 25px;}

footer li.waze {float: left; margin-left: 0;}

footer .line {margin: 10px 0; height: 1px; background: #404040;}

footer .credit { font-size: 0.9em;}



.side_btns {
    position: fixed;
    top: 43%;
    left: 0;
    z-index: 10;
}

.whatsapp_btn {
		background: #25d366;
    color: #fff;
    font-size: 35px;
    padding: 2px 12px 2px 12px;
}









/*** Media Queries ***/

@media screen and (max-width: 1600px) {
	
	.flexslider_container .flex-caption {bottom: 18% !important;}
	 .arrows_container {margin-top: -190px;}
	
}



@media screen and (max-width: 1366px) {
	
	.flexslider_container .flexslider .form_container .title {margin-top: 15px;}

	.map_article .the_article {width: 90%;}
	
}

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

	.nav>li>a { padding-left: 10px; padding-right: 10px;}
	.navbar-nav>li>a { font-size: 0.9em;}	

	
	.arrows_container {margin-top: -60px;}
	 .flexslider_container .flex-caption {bottom: 0 !important;}
	
	 .services .item .description {font-size: 0.8em;}

	 .departments .item .description {font-size: 0.8em;}

}


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


		.flexslider_container .flexslider .form_container .logo {width: 40%;}
		 .flexslider_container .flexslider .form_container .title {font-size: 1.8em;}

		.map_article .the_article {width: 95%; padding: 15px 20px;}
	
}



@media screen and (max-width: 991px) {
	
   .table-responsive {direction: ltr;}    
    .table {direction: rtl !important;}

		.navbar-nav>li>a.phone {padding-top: 10px; padding-bottom: 10px;}

		.navbar-nav>li>a.facebook {padding-top: 0; padding-bottom: 10px;}
    
    .toogle_accessibility_tool_bar { right: 90px;   display:none !important;}
    
    .page_content {margin-top: 60px;}
    
    .general_header {padding: 10px 0;}
     .general_header h1 {margin: 10px 0 10px 0;}
	
	.navbar-nav {float:right; width: 95%; margin-right: 3%;}
	.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none;}
	
	.navbar-brand {padding: 5px 15px; height: 60px;}
	.navbar-brand img {width: 60px;}
	
	.navbar-toggle {border:none;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
       background-color: transparent;
   }

				.side_btns {
					top: auto;
					bottom: 0px;
					left: 0;
			}

			.whatsapp_btn {
					font-size: 30px;
					padding: 4px 6px 4px 6px;
					background-color: #ffffff;
			}
			.whatsapp_btn .fa {
					background-color: #25d366;
					padding: 3px 6px;
					border-radius: 10px;
			}
      
   
    /*** show xs menu up tp 991px ***/
    
    @media (min-width: 992px) {
       .navbar-collapse.collapse { display: block!important;  }
    }
    @media (max-width: 991px) {
       .navbar-collapse.collapse { display: none!important;  }
    }    
    .navbar-header {width: 100%; float:none;}   
    .navbar-toggle {
      display: block;
    } 
    .navbar-nav {
      float: none!important;   
    }
    .collapse.in{
      display:block !important; 
    }    
    .navbar-nav>li {
      float: none;
    }       
    
    /*****************************/
    
	
	
	.hp_mobile  .flex-caption {background: #0c272f; height: 60px;}
	.hp_mobile  .flex-caption .content {color: #fff; text-align: center; font-size: 0.8em; padding: 8px 0;}
	
	.hp_mobile_form_container {background: #e8e8e8; padding: 10px 0; text-align: center; max-width: 100%;}
	
	.hp_mobile_form_container  .title {font-size: 1.1em; font-weight: bold; margin: 8px 0;}
	.hp_mobile_form_container  h1 {font-size: 0.9em; padding: 10px 0 0 0; margin: 0}
	
	.form-horizontal .form-group { margin-right: 0px; margin-left: 0px;}
	
	.hp_mobile_form_container .btn_send { border-radius: 2px; background-color: #3ebde4; border: solid 1px #2e91b0; color: #fff;}
	
	
	
	 .hp_departments a:first-child {margin-left: 0px;}
	
	 .map_article  iframe {height: 200px;}
	 
	 /*** about page ***/
	  .about_header  {padding: 10px 0;}
	 .about_header  h1 {font-size: 2em; padding: 0px 0 0 0; margin: 0 0 10px 0;}
	 .about_header .departments_icons {text-align: center; }
	 .about_header .departments_icons a {fcolor: #43f28d; background: #30985d; text-align: center; display: inline-block; padding: 10px 5px;}
	     .about_header .departments a img {width: 60px;}
	 
	 
	 /*** services page ***/
	  .services .content {padding: 0 0px;}
		.services .item {margin-right: 0; margin-bottom: 5px;}
	   .services .item .title span {font-size: 1.4em;}
	   .services .item .description {position: initial; font-size: 1em;}
	   .services .item .description p {font-weight: bold;}
	
	
	 
	 /*** departments page ***/
	  .departments {padding: 20px 0 50px 0px;}
	  .departments .content {padding: 0 0px;}
		.departments .item {margin-right: 0; margin-bottom: 5px;}
	   .departments .item .title span {font-size: 1.4em;}
	   .departments .item .description {position: initial;font-size: 1em;}
	   .departments .item .description p {font-weight: bold;}
	
	
	/*** contact page ****/
	.contact_main .form_container { padding-left: 0px;}
	
	/*** gallery ***/
	.gallery .content {width: 100%;}
	.gallery .flex-caption {    
     position: relative; height: 100px; background: #F1F8E7; color: #2a2a2a;
    }
	.gallery .flexslider .flex-next {top: 15%; }
	.gallery .flexslider .flex-prev {top: 15%; }
	
	.gallery .flexslider .flex-prev img,
	.gallery .flexslider .flex-next img {width: 10px;}
	
	
	
	
	
	
	
	
	
	
	
	footer .credit div {text-align: center;}
	footer .credit {font-size: 0.8em;}
	
	
}


@media screen and (max-width: 640px) {
	
.about_header .departments_icons a:first-child {margin-right: 20px; margin-bottom: 20px;}	
 .about_header  h1 {font-size: 1.7em;}
 .about_header .departments_icons a {display: none;}

.general_header  h1 {font-size: 1.7em;}

.services .item .description {font-size: 0.8em; padding: 10px 20px;}

.departments .item .description {font-size: 0.8em; padding: 10px 20px;}
	
}
    

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

	.hp_mobile  .flex-caption .content {font-size: 0.65em;}

}

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

	.hp_mobile  .flex-caption .content {font-size: 0.6em;}

	.services .item .description {font-size: 0.66em;}

	.departments .item .description {font-size: 0.66em;}

}


/*** 5 columns
***************************************************/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: right;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: right;
    }
}