@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Roboto:400,500,700|Lato:400,700");
/*-------------------------------------
    Template Name: Frame - Photography Bootstrap Template
    Template URI: http://theme-tool.com/
    Description: This is html5 template
    Author: chemical-theme
    Author URI: http://theme-tool.com/
    Version: 1.0
---------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    1.1 Reset CSS
    2. Header area start here
    3. Slider area start here
    4. About area start here
    5. Banner area start here
    6. Gallery area start here
    7. Testimoneal area start here
    8. Srvices area start here
    9. Price area start here
    10. Team area start here
    11. Client area start here
    12. Blog area start here
    13. Subscribe area start here
    14. Contact area start here
    15. Footer area start here
    16. Count area start here

---------------------------------------*/
/*....................................
1.Theme default CSS
....................................*/
html,
body {
  height: 100%;
  font-size: 16px;
  color: #222222;
  font-family: "Roboto", sans-serif;
  vertical-align: baseline;
  line-height: 26px;
  font-weight: 400;
}

/* ....................................
1.1 Reset CSS 
.......................................*/
a {
  transition: all 0.5s ease 0s !important;
  text-decoration: none !important;
}
a:hover {
  text-decoration: none;
  color: #096b89;
}
a:active {
  outline: 0 none;
  text-decoration: none;
}
a:focus {
  outline: 0px solid;
  text-decoration: none;
}

p {
  margin: 0 0 26px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 26px;
  font-weight: 600;
}

img {
  max-width: 100%;
  height: auto;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

input {
  box-shadow: none;
  border-radius: 0;
  outline: none;
}
input:focus {
  outline: none;
  box-shadow: none;
}
input:active {
  outline: none;
  box-shadow: none;
}

textarea {
  outline: none;
  box-shadow: none;
  border-radius: 0;
}
textarea:focus {
  outline: none;
  box-shadow: none;
}
textarea:active {
  outline: none;
  box-shadow: none;
}

button {
  outline: none;
  box-shadow: none;
  border: none;
}
button:focus {
  outline: none;
  box-shadow: none;
  border: none;
}
button:active {
  outline: none;
  box-shadow: none;
  border: none;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

::-moz-selection {
  background: #00c3ff;
  text-shadow: none;
}

::selection {
  background: #00c3ff;
  text-shadow: none;
}

.browserupgrade {
  margin: 26px  0;
  background: #00c3ff;
  color: #333333;
  padding: 26px 0;
}

/***Typography***/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
}

/*** Section ***/
.section {
  margin: 120px 0;
  padding: 0;
}

.section-one {
  padding: 70px 0;
}

.section-title-one {
  text-align: center;
  display: block;
  margin: 0 auto 50px;
  max-width: 70%;
}
.section-title-one h1 {
  margin-top: 0;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 0;
  letter-spacing: -.05em;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  color:#FFF;
}
.section-title-one h2 {
  margin-top: 15px;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 0;
  letter-spacing: -.05em;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  color:#000;
}
.section-title-one h2 span {
  color: #076AAD;
}

.section-title-one h1 span {
  color: #076AAD;
}
.section-title-one img {
  width: 75px;
}
.section-title-one p {
  display: block;
  font-size: 16px;
  margin: 15px auto 0;
  max-width: 80%;
  font-family: "Open Sans", sans-serif;
  color: #555;
  font-weight: 600;
}

.section-heading {
  margin: 0 0 50px;
  position: relative;
}
.section-heading h3 {
  margin: 0 0 15px;
  padding: 0 0 15px;
  position: relative;
  display: inline-block;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: -.05em;
  font-weight: 800;
}
.section-heading h3:before {
  content: '';
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -2px;
  width: 50%;
  height: 7px;
  background: #1B1818;
  z-index: 999;
  border-radius: 30px 30px 0 0;
}
.section-heading h3:after {
  content: '';
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #076AAD;
  z-index: 9;
}
.section-heading p {
  width: 60%;
  display: block;
  margin: auto;
  letter-spacing: 1px;
  margin-bottom: 0;
}

/***Button***/
.main-btn {
  border: 1px solid #fff;
  color: #fff;
  padding: 8px 25px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
  background: #076AAD;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
}
.main-btn span {
  position: relative;
  z-index: 999;
}
.main-btn:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #fff;
  transition: all 0.5s;
  opacity: 0;
}
.main-btn:hover {
  color: #fff;
}
.main-btn:hover:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  bottom: 5px;
  right: 5px;
  opacity: 1;
}

.main-btn1 {
  background-color: transparent;
  color: #444;
  border: 1px solid #444;
  padding: 15px 19px;
  font-size: 16px;
  border-radius: 3px;
  text-transform: uppercase;
  transition: all 0.5s;
}
.main-btn1:hover {
  background: #076AAD;
  color: #fff;
  border: 1px solid #076AAD;
}
.main-btn2 {
  background-color:#fff;
  color: #444;
  border: 1px solid #444;
  padding: 15px 19px;
  font-size: 16px;
  border-radius: 3px;
  text-transform: uppercase;
  transition: all 0.5s;
}
.main-btn2:hover {
  background: #076AAD;
  color: #fff;
  border: 1px solid #076AAD;
}

.sb-btn {
  background: transparent;
  outline: none;
  transition: all 0.5s;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 0px;
  padding: 10px 31px;
  color: #303030;
  background: #fff;
  border-radius: 0;
  position: relative;
  z-index: 2;
  display: inline-block;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.sb-btn:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #076AAD;
  top: 0;
  left: 0;
  right: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: all 0.5s;
  z-index: -1;
  border-radius: 0 50px 50px 0;
}
.sb-btn:hover {
  color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.sb-btn:hover:before {
  transform: scaleX(1);
}

.link-btn {
  color: #076AAD;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #076AAD;
  padding: 8px 20px;
  display: inline-block;
  position: relative;
}
.link-btn:after {
  content: '';
  position: absolute;
  left: 50%;
  right: 50%;
  top: 50%;
  bottom: 50%;
  opacity: 0;
  border: 1px solid #076AAD;
  transition: all 0.5s;
}
.link-btn:hover {
  color: #076AAD;
}
.link-btn:hover:after {
  content: '';
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  opacity: 1;
  border: 1px solid #076AAD;
}
.links{
	font-size:28px;
}


/*** Reset ***/
.af-be {
  position: relative;
}
.af-be:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.af-be:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.af {
  position: relative;
}
.af:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.be {
  position: relative;
}
.be:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.widget {
  margin: 0 0 30px;
  display: block;
  position: relative;
}

#scrollUp {
  bottom: 40px;
  right: 20px;
  padding: 10px 0;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #076AAD;
  border-radius: 100%;
  text-align: center;
  color: #076AAD;
}
#scrollUp:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
#scrollUp i {
  font-size: 24px;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 26px;
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 26px;
}

.aligncenter {
  display: block;
  margin: 0 auto 26px;
}

.accurate {
  margin: 0;
  padding: 0;
}

/***All plugins Reset***/
.mfp-bg,
.mfp-wrap {
  z-index: 9999999 !important;
}

.testimoneal-slider .owl-pagination .owl-page span {
  height: 15px;
  width: 6px;
  margin: 0 3px;
  background: #076AAD;
}
.testimoneal-slider .owl-pagination .owl-page.active span {
  height: 20px;
}

.about-area .owl-controls .owl-buttons {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  text-align: center;
}
.about-area .owl-controls .owl-buttons div {
  position: absolute;
  padding: 0;
  margin: 0;
  font-size: 24px;
  color: #fff;
  padding: 20px 15px;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.5s;
}
.about-area .owl-controls .owl-buttons div:hover {
  background: #076AAD;
}
.about-area .owl-controls .owl-buttons div.owl-prev {
  left: 0;
}
.about-area .owl-controls .owl-buttons div.owl-next {
  right: 0;
}

.about-area-one .owl-controls .owl-buttons {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  text-align: center;
}
.about-area-one .owl-controls .owl-buttons div {
  position: absolute;
  padding: 0;
  margin: 0;
  font-size: 24px;
  color: #fff;
  padding: 20px 15px;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.5s;
}
.about-area-one .owl-controls .owl-buttons div:hover {
  background: #076AAD;
}
.about-area-one .owl-controls .owl-buttons div.owl-prev {
  left: 0;
}
.about-area-one .owl-controls .owl-buttons div.owl-next {
  right: 0;
}

.team-area-one .owl-theme .owl-pagination {
  padding-top: 25px;
  display: inline-flex;
  position: relative;
}
.team-area-one .owl-theme .owl-pagination .owl-page span {
  margin-bottom: 15px;
  color: #00cc66;
  width: 10px !important;
  height: 10px !important;
  background: #076AAD !important;
}
.team-area-one .owl-theme .owl-pagination .owl-page.active span {
  background: #076AAD !important;
}
.team-area-one .owl-theme .owl-pagination .owl-page.active span:before {
  border: 2px solid #076AAD;
  content: '';
  position: absolute;
  padding: 8px;
  border-radius: 50%;
  margin-left: -10px;
  margin-top: -5px;
}
.team-area-one .owl-theme .owl-pagination .owl-page:hover span:before {
  content: '';
  position: absolute;
  padding: 8px;
  border-radius: 50%;
  margin-left: -10px;
  margin-top: -5px;
}

.testimonials-area-one .owl-theme .owl-pagination {
  padding-top: 25px;
  display: inline-flex;
  position: relative;
}
.testimonials-area-one .owl-theme .owl-pagination .owl-page span {
  margin-bottom: 15px;
  color: #00cc66;
  width: 10px !important;
  height: 10px !important;
  background: #076AAD !important;
}
.testimonials-area-one .owl-theme .owl-pagination .owl-page.active span {
  background: #076AAD !important;
}
.testimonials-area-one .owl-theme .owl-pagination .owl-page.active span:before {
  border: 2px solid #076AAD;
  content: '';
  position: absolute;
  padding: 8px;
  border-radius: 50%;
  margin-left: -10px;
  margin-top: -5px;
}
.testimonials-area-one .owl-theme .owl-pagination .owl-page:hover span:before {
  content: '';
  position: absolute;
  padding: 8px;
  border-radius: 50%;
  margin-left: -10px;
  margin-top: -5px;
}

.slider-area .carousel-control.right {
  cursor: url(images/next.png), auto !important;
}

.slider-area .carousel-control.left {
  cursor: url(images/back.png), auto !important;
}

/*** Margin ***/
.t-0 {
  top: 0;
}

.l-0 {
  left: 0;
}

.r-0 {
  right: 0;
}

.b-0 {
  bottom: 0;
}

.mr-t0 {
  margin-top: 0px;
}

.mr-t5 {
  margin-top: 5px;
}

.mr-t10 {
  margin-top: 10px;
}

.mr-t15 {
  margin-top: 15px;
}

.mr-t20 {
  margin-top: 20px;
}

.mr-t25 {
  margin-top: 25px;
}

.mr-t30 {
  margin-top: 30px;
}

.mr-t35 {
  margin-top: 35px;
}

.mr-t40 {
  margin-top: 40px;
}

.mr-t45 {
  margin-top: 45px;
}

.mr-t50 {
  margin-top: 50px;
}

.mr-t60 {
  margin-top: 60px;
}

.mr-t70 {
  margin-top: 70px;
}

.mr-t80 {
  margin-top: 80px;
}

.mr-t90 {
  margin-top: 90px;
}

.mr-t100 {
  margin-top: 100px;
}

.mr-t110 {
  margin-top: 110px;
}

.mr-t120 {
  margin-top: 120px;
}

.mr-t130 {
  margin-top: 130px;
}

.mr-t140 {
  margin-top: 140px;
}

.mr-t150 {
  margin-top: 150px;
}

.mr-b0 {
  margin-bottom: 0px;
}

.mr-b5 {
  margin-bottom: 5px;
}

.mr-b10 {
  margin-bottom: 10px;
}

.mr-b15 {
  margin-bottom: 15px;
}

.mr-b20 {
  margin-bottom: 20px;
}

.mr-b25 {
  margin-bottom: 25px;
}

.mr-b30 {
  margin-bottom: 30px;
}

.mr-b35 {
  margin-bottom: 35px;
}

.mr-b40 {
  margin-bottom: 40px;
}

.mr-b45 {
  margin-bottom: 45px;
}

.mr-b50 {
  margin-bottom: 50px;
}

.mr-b60 {
  margin-bottom: 60px;
}

.mr-b70 {
  margin-bottom: 70px;
}

.mr-b80 {
  margin-bottom: 80px;
}

.mr-b90 {
  margin-bottom: 90px;
}

.mr-b100 {
  margin-bottom: 100px;
}

.mr-b110 {
  margin-bottom: 110px;
}

.mr-b120 {
  margin-bottom: 120px;
}

.mr-b130 {
  margin-bottom: 130px;
}

.mr-b140 {
  margin-bottom: 140px;
}

.mr-b150 {
  margin-bottom: 150px;
}

.mr-l0 {
  margin-left: 0px;
}

.mr-l5 {
  margin-left: 5px;
}

.mr-l10 {
  margin-left: 10px;
}

.mr-l15 {
  margin-left: 15px;
}

.mr-l20 {
  margin-left: 20px;
}

.mr-l25 {
  margin-left: 25px;
}

.mr-l30 {
  margin-left: 30px;
}

.mr-l35 {
  margin-left: 35px;
}

.mr-l40 {
  margin-left: 40px;
}

.mr-l45 {
  margin-left: 45px;
}

.mr-l50 {
  margin-left: 50px;
}

.mr-l60 {
  margin-left: 60px;
}

.mr-l70 {
  margin-left: 70px;
}

.mr-l80 {
  margin-left: 80px;
}

.mr-l90 {
  margin-left: 90px;
}

.mr-l100 {
  margin-left: 100px;
}

.mr-l110 {
  margin-left: 110px;
}

.mr-l120 {
  margin-left: 120px;
}

.mr-l130 {
  margin-left: 130px;
}

.mr-l140 {
  margin-left: 140px;
}

.mr-l150 {
  margin-left: 150px;
}

.mr-r0 {
  margin-right: 0px;
}

.mr-r5 {
  margin-right: 5px;
}

.mr-r10 {
  margin-right: 10px;
}

.mr-r15 {
  margin-right: 15px;
}

.mr-r20 {
  margin-right: 20px;
}

.mr-r25 {
  margin-right: 25px;
}

.mr-r30 {
  margin-right: 30px;
}

.mr-r35 {
  margin-right: 35px;
}

.mr-r40 {
  margin-right: 40px;
}

.mr-r45 {
  margin-right: 45px;
}

.mr-r50 {
  margin-right: 50px;
}

.mr-r60 {
  margin-right: 60px;
}

.mr-r70 {
  margin-right: 70px;
}

.mr-r80 {
  margin-right: 80px;
}

.mr-r90 {
  margin-right: 90px;
}

.mr-r100 {
  margin-right: 100px;
}

.mr-r110 {
  margin-right: 110px;
}

.mr-r120 {
  margin-right: 120px;
}

.mr-r130 {
  margin-right: 130px;
}

.mr-r140 {
  margin-right: 140px;
}

.mr-r150 {
  margin-right: 150px;
}

.mr-0 {
  margin: 0;
}

.mr-5 {
  margin: 5px;
}

.mr-10 {
  margin: 10px;
}

.mr-15 {
  margin: 15px;
}

.mr-20 {
  margin: 20px;
}

.mr-25 {
  margin: 25px;
}

.mr-30 {
  margin: 30px;
}

.mr-35 {
  margin: 35px;
}

.mr-40 {
  margin: 40px;
}

.mr-45 {
  margin: 45px;
}

.mr-50 {
  margin: 50px;
}

.mr-60 {
  margin: 60px;
}

.mr-70 {
  margin: 70px;
}

.mr-80 {
  margin: 80px;
}

.mr-90 {
  margin: 90px;
}

.mr-100 {
  margin: 100px;
}

.mr-110 {
  margin: 110px;
}

.mr-120 {
  margin: 120px;
}

.mr-130 {
  margin: 130px;
}

.mr-140 {
  margin: 140px;
}

.mr-150 {
  margin: 150px;
}

/*** Padding ***/
.pd-t0 {
  padding-top: 0px;
}

.pd-t5 {
  padding-top: 5px;
}

.pd-t10 {
  padding-top: 10px;
}

.pd-t15 {
  padding-top: 15px;
}

.pd-t20 {
  padding-top: 20px;
}

.pd-t25 {
  padding-top: 25px;
}

.pd-t30 {
  padding-top: 30px;
}

.pd-t35 {
  padding-top: 35px;
}

.pd-t40 {
  padding-top: 40px;
}

.pd-t45 {
  padding-top: 45px;
}

.pd-t50 {
  padding-top: 50px;
}

.pd-t60 {
  padding-top: 60px;
}

.pd-t70 {
  padding-top: 70px;
}

.pd-t80 {
  padding-top: 80px;
}

.pd-t90 {
  padding-top: 90px;
}

.pd-t100 {
  padding-top: 100px;
}

.pd-t110 {
  padding-top: 110px;
}

.pd-t120 {
  padding-top: 120px;
}

.pd-t130 {
  padding-top: 130px;
}

.pd-t140 {
  padding-top: 140px;
}

.pd-t150 {
  padding-top: 150px;
}

.pd-b0 {
  padding-bottom: 0px;
}

.pd-b5 {
  padding-bottom: 5px;
}

.pd-b10 {
  padding-bottom: 10px;
}

.pd-b15 {
  padding-bottom: 15px;
}

.pd-b20 {
  padding-bottom: 20px;
}

.pd-b25 {
  padding-bottom: 25px;
}

.pd-b30 {
  padding-bottom: 30px;
}

.pd-b35 {
  padding-bottom: 35px;
}

.pd-b40 {
  padding-bottom: 40px;
}

.pd-b45 {
  padding-bottom: 45px;
}

.pd-b50 {
  padding-bottom: 50px;
}

.pd-b60 {
  padding-bottom: 60px;
}

.pd-b70 {
  padding-bottom: 70px;
}

.pd-b80 {
  padding-bottom: 80px;
}

.pd-b90 {
  padding-bottom: 90px;
}

.pd-b100 {
  padding-bottom: 100px;
}

.pd-b110 {
  padding-bottom: 110px;
}

.pd-b120 {
  padding-bottom: 120px;
}

.pd-b130 {
  padding-bottom: 130px;
}

.pd-b140 {
  padding-bottom: 140px;
}

.pd-b150 {
  padding-bottom: 150px;
}

.pd-l0 {
  padding-left: 0px;
}

.pd-l5 {
  padding-left: 5px;
}

.pd-l10 {
  padding-left: 10px;
}

.pd-l15 {
  padding-left: 15px;
}

.pd-l20 {
  padding-left: 20px;
}

.pd-l25 {
  padding-left: 25px;
}

.pd-l30 {
  padding-left: 30px;
}

.pd-l35 {
  padding-left: 35px;
}

.pd-l40 {
  padding-left: 40px;
}

.pd-l45 {
  padding-left: 45px;
}

.pd-l50 {
  padding-left: 50px;
}

.pd-l60 {
  padding-left: 60px;
}

.pd-l70 {
  padding-left: 70px;
}

.pd-l80 {
  padding-left: 80px;
}

.pd-l90 {
  padding-left: 90px;
}

.pd-l100 {
  padding-left: 100px;
}

.pd-l110 {
  padding-left: 110px;
}

.pd-l120 {
  padding-left: 120px;
}

.pd-l130 {
  padding-left: 130px;
}

.pd-l140 {
  padding-left: 140px;
}

.pd-l150 {
  padding-left: 150px;
}

.pd-r0 {
  padding-right: 0px;
}

.pd-r5 {
  padding-right: 5px;
}

.pd-r10 {
  padding-right: 10px;
}

.pd-r15 {
  padding-right: 15px;
}

.pd-r20 {
  padding-right: 20px;
}

.pd-r25 {
  padding-right: 25px;
}

.pd-r30 {
  padding-right: 30px;
}

.pd-r35 {
  padding-right: 35px;
}

.pd-r40 {
  padding-right: 40px;
}

.pd-r45 {
  padding-right: 45px;
}

.pd-r50 {
  padding-right: 50px;
}

.pd-r60 {
  padding-right: 60px;
}

.pd-r70 {
  padding-right: 70px;
}

.pd-r80 {
  padding-right: 80px;
}

.pd-r90 {
  padding-right: 90px;
}

.pd-r100 {
  padding-right: 100px;
}

.pd-r110 {
  padding-right: 110px;
}

.pd-r120 {
  padding-right: 120px;
}

.pd-r130 {
  padding-right: 130px;
}

.pd-r140 {
  padding-right: 140px;
}

.pd-r150 {
  padding-right: 150px;
}

.pd-0 {
  padding: 0px;
}

.pd-5 {
  padding: 5px;
}

.pd-10 {
  padding: 10px;
}

.pd-15 {
  padding: 15px;
}

.pd-20 {
  padding: 20px;
}

.pd-25 {
  padding: 25px;
}

.pd-30 {
  padding: 30px;
}

.pd-35 {
  padding: 35px;
}

.pd-40 {
  padding: 40px;
}

.pd-45 {
  padding: 45px;
}

.pd-50 {
  padding: 50px;
}

.pd-60 {
  padding: 60px;
}

.pd-70 {
  padding: 70px;
}

.pd-80 {
  padding: 80px;
}

.pd-90 {
  padding: 90px;
}

.pd-100 {
  padding: 100px;
}

.pd-110 {
  padding: 110px;
}

.pd-120 {
  padding: 120px;
}

.pd-130 {
  padding: 130px;
}

.pd-140 {
  padding: 140px;
}

.pd-150 {
  padding: 150px;
}

/*....................................
2. Header area start here
....................................*/
header .header-logo {
  margin-top: 17px;
}
header .header-logo a {
  display: block;
  position: relative;
  z-index: 99999;
}
header .header-logo a .logo1 {
  display: inline-block;
}
header .header-logo a .logo2 {
  display: none;
}
header .stick1 {
  background: #fff;
  left: 0;
  margin: 0 auto !important;
  padding: 0;
  position: fixed !important;
  right: 0;
  top: 0;
  transition: all 0.5s;
  z-index: 999999;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
header .stick1 .logo {
  padding: 12px 0px;
  margin: 0 !important;
}
header .stick1 .menu-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
header .stick1 .menu-area ul li {
  display: inline-block;
  padding-right: 35px;
  position: relative;
}
header .stick1 .menu-area ul li .dropdown-menu {
  margin: 0 !important;
  border-radius: 0 !important;
}
header .stick1 .menu-area ul li .dropdown-menu li {
  padding: 0;
  display: block;
}
header .stick1 .menu-area ul li .dropdown-menu li:after {
  opacity: 0;
}
header .stick1 .menu-area ul li .dropdown-menu li a {
  padding: 10px 15px;
  text-transform: capitalize;
  color: #000;
  border: none !important;
  text-align: left;
}
header .stick1 .menu-area ul li:last-child {
  padding: 0;
}
header .stick1 .menu-area ul li.current:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 20px;
  height: 2px;
  background: #076AAD;
}
header .stick1 .menu-area ul li.current a {
  color: #076AAD;
}
header .stick1 .menu-area ul li.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 20px;
  height: 2px;
  background: #076AAD;
}
header .stick1 .menu-area ul li.active a {
  color: #076AAD;
}
header .stick1 .menu-area ul li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0px;
  height: 2px;
  background: #076AAD;
  transition: all 0.5s;
}
header .stick1 .menu-area ul li:hover:after {
  width: 20px;
}
header .stick1 .menu-area ul li a {
  color: #444444;
  font-size: 14px;
  font-weight: 500;
  display: block;
  position: relative;
  padding: 20px 0;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  transition: all 0.5s;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
header .stick1 .menu-area ul li a:hover {
  color: #076AAD;
}
header .mobile-menu-area {
  display: none;
}
header .mean-container .mean-nav {
  position: absolute;
  top: 100%;
}

.header-area {
  background-color: #f5f5f5;
  padding: 20px 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

header {
  position: absolute;
  z-index: 99999;
  left: 0;
  right: 0;
  padding: 30px;
}
header .main-menu {
  display: inline-block;
  float: right;
}
header .main-menu nav ul li {
  display: inline-block;
  font-family: "Lato", sans-serif;
}
header .main-menu nav ul li a {
  display: block;
  color: #fff;
  padding: 30px 10px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
header .main-menu nav ul li a:hover {
  color: #076AAD;
}
header .main-menu nav ul li .dropdown-menu {
  margin: 0 !important;
  border-radius: 0 !important;
}
header .main-menu nav ul li .dropdown-menu li {
  padding: 0;
  display: block;
  position: relative;
}
header .main-menu nav ul li .dropdown-menu li a {
  padding: 10px 15px;
  text-transform: capitalize;
  color: #000;
  border: none !important;
}
header .main-menu nav ul li .dropdown-menu li:hover .dropdown-submenu {
  display: block;
}
header .main-menu nav ul li .dropdown-menu li .dropdown-submenu {
  position: absolute;
  right: -66%;
  top: 0;
  background: #fff;
  display: none;
}
header .main-menu nav ul li .dropdown-menu li .dropdown-submenu li a {
  padding: 10px 30px 10px 15px;
  text-transform: capitalize;
  color: #000;
  border: none !important;
  text-align: left;
  font-family: "Lato", sans-serif;
}
header .main-menu nav ul li .dropdown-menu li .dropdown-submenu li a:hover {
  background-color: #f5f5f5;
}

.menu-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
.menu-area ul li {
  display: inline-block;
  padding-right: 35px;
  position: relative;
}
.menu-area ul li .dropdown-menu {
  margin: 0 !important;
  border-radius: 0 !important;
}
.menu-area ul li .dropdown-menu li {
  padding: 0;
  display: block;
  position: relative;
}
.menu-area ul li .dropdown-menu li:hover .dropdown-submenu {
  display: block;
}
.menu-area ul li .dropdown-menu li:after {
  opacity: 0;
}
.menu-area ul li .dropdown-menu li a {
  padding: 10px 15px;
  text-transform: capitalize;
  color: #000;
  border: none !important;
  text-align: left;
  font-weight: 400;
}
.menu-area ul li .dropdown-menu li .dropdown-submenu {
  position: absolute;
  right: -68%;
  top: 0;
  background: #fff;
  display: none;
}
.menu-area ul li .dropdown-menu li .dropdown-submenu li a {
  padding: 10px 30px 10px 15px;
  text-transform: capitalize;
  color: #000;
  border: none !important;
  text-align: left;
}
.menu-area ul li .dropdown-menu li .dropdown-submenu li a:hover {
  background-color: #f5f5f5;
}
.menu-area ul li:last-child {
  padding: 0;
}
.menu-area ul li.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 20px;
  height: 2px;
  background: #076AAD;
}
.menu-area ul li.active a {
  color: #076AAD;
}
.menu-area ul li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0px;
  height: 2px;
  background: #076AAD;
  transition: all 0.5s;
}
.menu-area ul li:hover:after {
  width: 20px;
}
.menu-area ul li a {
  color: #444444;
  font-size: 16px;
  font-weight: 500;
  display: block;
  position: relative;
  padding: 10px 0;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  transition: all 0.5s;
}
.menu-area ul li a:hover {
  color: #076AAD;
}

/*....................................
3. Slider area start here
....................................*/
.slider-area {
  position: relative;
}
.slider-area #particles-js {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("images/slider/1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 9999;
}
.slider-area #particles-js:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.5);
}
.slider-area .slider-content-area {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  display: block;
  z-index: 9999;
  color: #fff;
  margin-left:auto;
}
.slider-area .slider-content-area h1 {
  color: #fff;
  text-transform: uppercase;
  font-size:55px
}
.slider-area .slider-content-area p {
  color: #fff;
  font-size: 18px;
  width: 30%;
  margin: 0 auto 26px;
}
.slider-area .slider-content-area a {
  color: #f5f5f5;
  font-size: 16px;
  text-transform: uppercase;
  border: 1px solid #f5f5f5;
  padding: 15px 30px;
  border-radius: 50px;
  display: inline-block;
  text-decoration: none;
  transition: all 0.5s;
}
.slider-area .slider-content-area a:hover {
  color: #ffffff;
  background: #076AAD;
  border: 1px solid #076AAD;
}
.slider-area .slider-5 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.slider-area .slider-5:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
}
.slider-area .slider-5 .slider-content-area {
  top: 40%;
}

.slider-area .carousel-inner .item:after {
  background: rgba(0, 0, 0, 0.75);
}
.slider-area .carousel-inner .item .carousel-caption {
  top: 42%;
  color: #181818;
  left: 0;
  padding-bottom: 0px;
  padding-top: 0px;
  position: absolute;
  right: 0;
  text-align: left;
  text-shadow: none;
  z-index: 10;
}
.slider-area .carousel-inner .item .carousel-caption .images img {
  width: 100%;
}
.slider-area .carousel-inner .item .carousel-caption .content h2 {
  font-size: 40px;
  color: #f5f5f5;
  font-family: "Lato", sans-serif;
}
.slider-area .carousel-inner .item .carousel-caption .content p {
  font-size: 16px;
  color: #f5f5f5;
  font-family: "Open Sans", sans-serif;
}
.slider-area .carousel-inner .item .carousel-caption .content a.read-more-btn {
  color: #f5f5f5;
  font-size: 16px;
  text-transform: uppercase;
  border: 1px solid #f5f5f5;
  padding: 15px 30px;
  border-radius: 50px;
  display: inline-block;
  text-decoration: none;
  transition: all 0.5s;
}
.slider-area .carousel-inner .item .carousel-caption .content a.read-more-btn:hover {
  color: #ffffff;
  background: #076AAD;
  border: 1px solid #076AAD;
}

/*....................................
4. About area start here
....................................*/
.about-area-one .photo-list img {
  width: 100%;
}
.about-area-one .service-box .service-box-1 {
  margin-right: 10px;
  margin-left: 0;
}
.about-area-one .service-box .service-box-1 span {
  display: inline-block;
  margin-top: 0;
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #076AAD;
}
.about-area-one .service-box .service-box-1 .icon-custom-style {
  background-color: #fff;
  border-radius: 50%;
  color: #076AAD;
  font-size: 23px;
  height: 40px;
  line-height: 40px;
  width: 40px;
  font-weight: 700;
}
.about-area-one .service-box .service-box-2 {
  overflow: hidden;
}

.abt-prduct P {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #FFF;
  text-align:jutify;
}

.abt-prduct h4 {
  font-size: 40px;
  color: #fff;
  text-transform:capitalize;
   text-align:center;
    padding: 10px;
	font-weight:900;
}
.abt-prduct ul li span{
	  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #000;
  text-transform:uppercase;
  font-weight:600;
  padding:20px 0px;
}
.abt-prduct ul li{
	  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #666;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    text-transform: uppercase !important;
    font-weight: 600 !important;
	color:#999 !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li a {
	text-decoration:none !important;
	text-transform: uppercase !important;
    font-weight: 600 !important;
	color:#333 !important;
}
.btn-primary{
	margin-bottom:20px !important;
}
.well{
	background-color:#fff !important;
}

/*....................................
5. Banner area start here
....................................*/
.banner-area-one {
  padding: 120px 0;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.banner-area-one:after {
  background: ;
}
.banner-area-one .ban-con {
  position: relative;
  z-index: 999;
  padding: 0 150px;
  text-align: center;
}
.banner-area-one .ban-con h2 {
  color: #fff;
  line-height: 1.5;
  margin-top: 0;
  text-transform: inherit;
  margin: 0 0 50px;
}
.banner-area-one .ban-con a {
  color: #fff;
  border: 1px solid #fff;
}
.banner-area-one .ban-con a:hover {
  color: #444;
  background: #fff;
}

/*....................................
6. Gallery area start here
....................................*/
.gallery-area-one .image-list {
  float: left;
  position: relative;
  width: 25%;
}
.gallery-area-one .image-list:hover figure .image-cap {
  opacity: 1;
}
.gallery-area-one .image-list:hover figure:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.gallery-area-one .image-list figure img {
  width: 100%;
  display: block;
}
.gallery-area-one .image-list figure .image-cap {
  position: absolute;
  left: 15px;
  right: 15px;
  text-align: center;
  color: #fff;
  top: 45%;
  font-size: 18px;
  opacity: 0;
  transition: all 0.5s;
  text-transform:uppercase;
}
.gallery-area-one .image-list figure:before {
  content: '';
  position: absolute;
  left: 50%;
  right: 50%;
  top: 50%;
  bottom: 50%;
  opacity: 0;
  transition: all 0.5s;
}
.gallery-area-one .main-btn1 {
  text-align: center;
  margin-top: 40px;
  display: inline-block;
}

.mfp-bottom-bar .mfp-title {
  display: none !important;
}

.mfp-arrow-left:before {
  content: '\f108';
  font-family: "Flaticon";
  color: #fff;
  font-size: 48px;
}

.mfp-arrow-left:before,
.mfp-arrow-left:after {
  border-right: none;
  margin-left: 0;
}

.mfp-arrow-right:before {
  content: '\f10a';
  font-family: "Flaticon";
  color: #fff;
  font-size: 48px;
}

.mfp-arrow-right:before,
.mfp-arrow-right:after {
  border-left: none;
}

.mfp-arrow:before {
  margin-left: 0;
}

.mfp-arrow:before, .mfp-arrow:after {
  left: 20px;
}

/*....................................
7. Testimoneal area start here
....................................*/
.testimonials-area-one {
  position: relative;
  color: #fff;
}
.testimonials-area-one:after {
  background:;
}
.testimonials-area-one .container {
  position: relative;
  z-index: 9999;
}
.testimonials-area-one .single-testimonials .client-img img {
  width: 120px;
  margin-left: 24px;
  margin-top: 30px;
  margin-bottom: -34px;
}
.testimonials-area-one .single-testimonials .media-heading {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 10px;
  text-transform: uppercase;
  transition: all 0.5s;
}
.testimonials-area-one .single-testimonials .media-heading:hover {
  color: #076AAD;
}
.testimonials-area-one .single-testimonials h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.testimonials-area-one .single-testimonials .media-body {
  /*background: #076AAD none repeat scroll 0 0;*/
  border-radius: 100px;
  padding: 50px 80px;
  position: relative;
}
.testimonials-area-one .single-testimonials .media-body p {
  margin-bottom: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
.testimonials-area-one .single-testimonials .media-body p:before {
  content: "\f10d";
  font-family: fontawesome;
  position: absolute;
  top: 26px;
}

.testimonials-area-one .single-testimonials .media-body p:after {
  content: "\f10e";
  font-family: fontawesome;
  position: absolute;
  top: 147px;
}

/*....................................
8. Srvices area start here
....................................*/
.services-area-one {
  background-color: #f4f4f4;
  margin-bottom: -30px;
}
.services-area-one .feature-item {
  margin: 0 0 30px;
  text-align: center;
  border: 1px solid #ddd;
  padding: 30px 20px;
  background: #fff;
  transition: all 0.5s;
  height:360px;
}
.services-area-one .feature-item:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  transform: translateY(-5px);
}
.services-area-one .feature-item .icon:hover{
      border-radius: 50px;
      border-color: #076AAD;

}
.services-area-one .feature-item .icon {
  background-color: transparent;
  color: #076AAD;
  font-size: 40px;
  line-height: 100px;
  height: 100px;
  width: 100px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  display: inline-block;
  text-align: center;
  margin-bottom: 26px;
  border: 1px solid;
    border-color: #076AAD;
}
.services-area-one .feature-item .icon-2 {
  background-color: transparent;
  color: #076AAD;
  line-height: 100px;
  width: 65px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  display: inline-block;
  text-align: center;
  margin-bottom: 26px;
}
.services-area-one .feature-item h4 {
  margin: 0;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}
.services-area-one .feature-item .sep {
  border-bottom: 1px solid #076AAD;
  display: inline-block;
  width: 30px;
  margin: 0 auto;
  margin-bottom: 3px;
  margin-left: 3px;
}
.services-area-one .feature-item p {
  margin: 0 0 15px;
  padding: 0;
  font-size: 14px;
    line-height: 1.6;
    text-align: justify;
}

/*....................................
9. Price area start here
....................................*/
.price-area-one .price-list {
  text-align: center;
  border: 1px solid #333;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  background-color:#FFF;
}
.price-area-one .price-list:hover {
	border-color:#0868a8;
	color:#06F;
	background-color:#fff;
	transform: translateY(-5px);
}
.price-area-one .price-list .price-header:hover  {
	background-color:#fff;
}
.price-area-one .price-list .price-header-bl:hover  {
  background-color:#fff;
}
.price-area-one .price-list .price-header-bl {
	  text-align: center;
  padding: 20px 0 10px 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0 0 20px 20px;
    background-color:#CCC;

}
.price-area-one .price-list .price-header {
  text-align: center;
  padding: 20px 0 10px 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0 0 20px 20px;
  background-color:#CCC;
}
.price-area-one .price-list .price-header h3 {
  color: #fff;
  font-size: 20px;
  margin: 0;
  padding: 0 20px 0;
  font-family: "Lato", sans-serif;
}
.price-area-one .price-list .price-header-bl h4 {
  color: #333;
  font-size: 16px;
  line-height: 1em;
  padding-top: 15px;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  font-weight:600;
}

.price-area-one .price-list .price-header h4 {
  color: #333;
  font-size: 16px;
  line-height: 1em;
  padding-top: 15px;
  font-family: "Open Sans", sans-serif;
  margin: 0;
    font-weight:600;

}
.price-area-one .price-list .price-header p {
  margin: 0;
  font-size: .786em;
  color: #fff;
  padding-bottom: 10px;
}
.price-area-one .price-list .elements p {
  display: block;
  padding: 10px 5px;
  font-family: "Open Sans", sans-serif;
  border-top: 1px solid #f1f1f1;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  transition: all 0.5s;
  font-size: 14px;
  line-height: 1.8;
  text-align: center;
  color:#000;

}
.price-area-one .price-list .elements ul li:first-child {
  border-top: none;
}
.price-area-one .price-list .elements ul li:last-child {
  border-bottom: 1px solid #f1f1f1;
}
.price-area-one .price-list .elements ul li:hover {
  border-left: 2px solid #076AAD;
  border-right: 2px solid #076AAD;
}
.see-more{
	display: inline-block;
  text-align: center;	
}
.see-more a {
  display: inline-block;
  padding: 10px 60px;
  border: 1px solid #535353;
  font-size: 16px;
  color: #333;
  border-radius: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.see-more a:hover {
  background: #076AAD;
  color: #fff;
  border: 1px solid #076AAD;
}
.price-area-one .price-list .read {
  display: inline-block;
  margin: 30px 0;
  text-align: center;
}
.price-area-one .price-list .read a {
  margin: 30px 0;
  display: inline-block;
  padding: 10px 60px;
  border: 1px solid #535353;
  font-size: 16px;
  color: #333;
  border-radius: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.price-area-one .price-list .read a:hover {
  background: #076AAD;
  color: #fff;
  border: 1px solid #076AAD;
}

/*....................................
10. Team area start here
....................................*/
.team-area-one .single-team {
  background: #fff;
  text-align: center;
}
.team-area-one .single-team:hover .team-content {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  transform: translateY(5px);
  border: 1px solid transparent;
}
.team-area-one .single-team img {
	padding: 10px 1px 1px 1px;
    margin: 0 0 -19%;
    z-index: 999;
    transition: all 0.5s;
    width: 125px;
    position: relative;
}
.team-area-one .single-team .team-content {
  border: 1px solid #b1d3ea;
  padding-top: 26%;
  box-shadow: none;
  z-index: 99;
  position: relative;
  margin: 0 0 26px;
  text-align: center;
  transition: all 0.5s;
  height:360px;
}
.team-area-one .single-team .team-content h3 {
  font-family: "Open Sans", sans-serif;
  margin: 0 0 15px;
  font-size: 20px;
}
.team-area-one .single-team .team-content h4 {
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
}
.team-area-one .single-team .team-content p {
  padding: 0 20px;
  font-size: 14px;
  text-align:justify;
}
.team-area-one .single-team .team-content ul {
  margin: 0 0 26px;
}
.team-area-one .single-team .team-content ul li {
  display: inline-block;
  padding-right: 5px;
}
.team-area-one .single-team .team-content ul li:last-child {
  padding-right: 0;
}
.team-area-one .single-team .team-content ul li a {
  display: block;
  color: #cccccc;
  border: 1px solid #ccc;
  width: 30px;
  height: 30px;
  transition: all 0.5s;
}
.team-area-one .single-team .team-content ul li a:hover {
  background-color: #076AAD;
  border: 1px solid #076AAD;
  color: #fff;
}
.team-area-one .single-team .team-content ul li a i {
  padding-top: 8px;
}


/*....................................
11. Client area start here
....................................*/
.client-area {
  background: #f4f5f7;
}
.client-area .client-slider {
  text-align: center;
}
.client-area .client-slider img {
  display: inline-block;
}

/*....................................
12. Blog area start here
....................................*/
.blog-area-one {
  background-color: #f9f9f9;
}
.blog-area-one .blog:hover figure {
  margin: 0 0 26px;
}
.blog-area-one .blog:hover figure img {
  transform: scale(1.5);
}
.blog-area-one .blog figure {
  margin: 0 0 26px;
  overflow: hidden;
}
.blog-area-one .blog figure img {
  width: 100%;
  transition: all 0.5s;
}
.blog-area-one .blog a {
  color: #444;
}
.blog-area-one .blog a:hover {
  color: #076AAD;
}
.blog-area-one .blog a h2 {
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.4;
  margin: 0 0 10px;
  font-family: "Lato", sans-serif;
}
.blog-area-one .blog ul {
  margin: 0 0 15px;
}
.blog-area-one .blog ul li {
  position: relative;
  color: #999;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
}
.blog-area-one .blog p {
  margin: 0;
}

.abt p{
	font-size: 16px;
    color: #666;
    font-weight: 300;
	line-height:1.7;
	text-align:jutify;
	padding-bottom:25px;
}

/*....................................
13. Subscribe area start here
....................................*/
.subscrive-area {
  padding: 150px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.subscrive-area:after {
  background: rgba(0, 0, 0, 0.75);
}
.subscrive-area .sub-con {
  z-index: 999;
  position: relative;
  display: block;
}
.subscrive-area .sub-con h2 {
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-size: 48px;
}
.subscrive-area form {
  position: relative;
  z-index: 999;
}
.subscrive-area form fieldset input {
  height: 60px;
  padding: 0 30px;
  border: none;
  margin-left: -185px;
  border-radius: 50px 0 0 50px;
  width: 400px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #076AAD;
  color: #fff;
  border-right: none;
}
.subscrive-area form fieldset button {
  position: absolute;
  top: 0;
  box-shadow: none;
  border: 1px solid #076AAD;
  border-radius: 0 50px 50px 0;
  border-left: none;
  height: 60px;
}
.subscrive-area form fieldset button:hover {
  box-shadow: none;
  border-radius: 0 50px 50px 0;
}

/*....................................
14. Contact area start here
....................................*/
.contact-area-one:after {
  background: rgba(0, 0, 0, 0.75);
}
.contact-area-one .container {
  position: relative;
  z-index: 999;
}
.contact-area-one .contact-form {
  background: #fff;
  padding: 50px 15px;
}
.contact-area-one .contact-form ul li {
  margin: 0 0 26px;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  color: #6a6c6a;
}
.contact-area-one .contact-form ul li i {
  color: #076AAD;
  padding-right: 10px;
}
.contact-area-one .contact-form form fieldset {
  margin: 0 0 30px;
}
.contact-area-one .contact-form form fieldset:last-child {
  margin: 0;
}
.contact-area-one .contact-form form fieldset input {
  width: 100%;
  height: 42px;
  padding: 0 10px;
  border: 1px solid #ddd;
  transition: all 0.5s;
  outline: none;
}
.contact-area-one .contact-form form fieldset input:focus {
  border: 1px solid #076AAD;
}
.contact-area-one .contact-form form fieldset textarea {
  width: 100%;
  height: 90px;
  border: 1px solid #ddd;
  padding: 0 10px;
  margin-left: -15px;
  transition: all 0.5s;
  outline: none;
}
.contact-area-one .contact-form form fieldset textarea:focus {
  border: 1px solid #076AAD;
}
.contact-area-one .contact-form form fieldset button {
  display: block;
  transform: rotate(-90deg);
  padding: 4px 26px;
  margin: 25px -34px;
  border: none;
  background: #076AAD;
  color: #fff;
  font-size: 14px;
  text-transform: capitalize;
}

/*....................................
15. Footer area start here
....................................*/
footer {
  font-size: 14px;
}

footer .footer-bottom {
  background: #555;
}
footer .footer-bottom .copyright p {
  color: #fff;
  margin: 0;
  font-size: 14px;
}
footer .footer-bottom .copyright p span {
  font-weight: 700;
  color: #ddd;
}
footer .footer-bottom .footer-socila {
  text-align: right;
}
footer .footer-bottom .footer-socila li {
  display: inline-block;
}
footer .footer-bottom .footer-socila li a {
  display: block;
  padding: 0 8px;
  color: #fff;
  font-size: 18px;
}
footer .footer-bottom .footer-socila li a:hover {
  color: #076AAD;
}

footer .footer-top .widget h4 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}
footer .footer-top .footer-about figure {
  position: relative;
  display: block;
  margin: 0 0 30px;
}
footer .footer-top .footer-about figure img {
  display: block;
  width: 100%;
}
footer .footer-top .footer-about p {
  color: #fff;
}
footer .footer-top .footer-link .link li {
  border-bottom: 1px solid #ddd;
}
footer .footer-top .footer-link .link li:last-child {
  border: none;
}
footer .footer-top .footer-link .link li a {
  color: #fff;
  display: block;
  padding: 5px;
}
footer .footer-top .footer-link .link li a i {
  padding-right: 10px;
}
footer .footer-top .footer-link .link li a:hover {
  color: #ddd;
}
footer .footer-top .twitter-post .post-list {
  margin: 0 0 15px;
}
footer .footer-top .twitter-post .post-list p {
  color: #fff;
  margin: 0;
  line-height: 2;
  font-size: 16px;
}
footer .footer-top .twitter-post .post-list p a {
  display: block;
  color: #fff;
}
footer .footer-top .twitter-post .post-list p a:hover {
  color: #ddd;
}
footer .footer-top .twitter-post .post-list span {
  font-size: 12px;
  color: #ddd;
}
footer .footer-top .twitter-post .post-list .tweet li {
  display: inline-block;
}
footer .footer-top .twitter-post .post-list .tweet li a {
  display: block;
  padding: 5px;
  color: #fff;
}
footer .footer-top .twitter-post .post-list .tweet li a:hover {
  color: #ddd;
}
footer .footer-top .flickr-gallery ul li {
  display: inline-block;
  width: 75px;
  height: 65px;
  padding: 2px;
}
footer .footer-top .flickr-gallery ul li:hover a img {
  opacity: 0.8;
}
footer .footer-top .flickr-gallery ul li a {
  display: block;
}
footer .footer-top .flickr-gallery ul li a img {
  width: 100%;
  opacity: 1;
  transition: all 0.5s;
}
footer .footer-top .tag-list li {
  display: inline-block;
  margin: 2px 0;
}
footer .footer-top .tag-list li a {
  display: block;
  padding: 4px 10px;
  color: #fff;
  border: 1px solid #fff;
}
footer .footer-top .tag-list li a:hover {
  color: #ddd;
  border: 1px solid #ddd;
}

/*....................................
16. Count area start here
....................................*/
.count-area-one {
  position: relative;
}
.count-area-one:after {
  background: rgba(0, 0, 0, 0.75);
}
.count-area-one .container {
  position: relative;
  z-index: 999;
}
.count-area-one .funfacts {
  border: 1px dashed transparent;
  padding: 30px 15px;
  border-radius: 10px;
  transition: all 0.5s;
}
.count-area-one .funfacts:hover {
  border: 1px dashed #fff;
}
.count-area-one .funfacts .icon {
  background-color: #076AAD;
  color: #fff;
  font-size: 40px;
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 78px;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 10px;
  clear: both;
}
.count-area-one .funfacts .counter {
  font-size: 60px;
  font-family: "Lato", sans-serif;
  color: #555;
}
.count-area-one .funfacts .counter i{
	  font-size: 60px;
  font-family: "Lato", sans-serif;
  color: #555;
}


.count-area-one .funfacts span {
    font-size: 42px;
    font-family: "Lato", sans-serif;
    color: #555;
    float: right;
    margin-top: -68px;
    margin-right: 12px;
}
.count-area-one .funfacts h4 {
  text-transform: uppercase;
  font-size: 16px;
  margin: 22px 0 0;
  position: relative;
  font-family: "Lato", sans-serif;
  color: #555;
  font-weight:600;
}
.count-area-one .funfacts h4:before {
  content: '';
  position: absolute;
  width: 60px;
  height: 2px;
  background-color: #555;
  top: -20px;
  left: 50%;
  margin-left: -30px;
}

.bg-banner{
	background-image:url(images/about/4.jpg); 
	background-position: top;
	height:400px;
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
}
.abt-us p{
	font-size: 18px;
    color: #666;
    font-weight: 300;
	line-height:1.7;
	text-align:jutify;
	padding-bottom:25px;

}
.fa-check{
	font-size:20px !important;
		padding:0px 20px !important;
}
.service-box-2{	padding:0px 20px;
}

.service-box-1{	padding:0px 20px;
}
.para {
  font-size: 18px;
  line-height: 1.6;
  text-align: justify;
}
.panel-body{
	font-size: 18px !important;
    color: #555 !important;
    font-weight: 300 !important;
    line-height: 1.7 !important;
    text-align: jutify !important;
    padding-bottom: 25px;}
.panel-title{
	font-size: 24px !important;
    font-weight: 600 !important;
	text-transform:uppercase !important;
}
.alert h4 {
    margin: 0;
}