/* Css Template */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Header Style One / Header Style Two / Header Style Three
5. Main Slider
6. Welcome Section
7. About Style One / Norma / Light Version
8. Sponsors Style One
9. Team Style One
10. Testimonials Style One
11. Contact Style One
12. Parallax Section
13. News Section
14. Main Footer / Style One / Style Two / Style Three
15. Latest Work
16. Two Column Fluidga
17. Team Style Two
18. Testimonial Style Two
19. Sponsors Style Two
20. Combo Section
21. Newsletter Style One
22. About Style Two / Normal / Light Version
23. Testimonials Style Three
24. Contact Style Two
25. Newsletter Style One
26. Map Section
27. Services / Services Single
28. Sidebar
29. Sidebar Widgets
30. Content Side
31. Portfolio Three Column
32. Portfolio Four Column
33. Portfolio Single
34. Blog Grid View
35. Blog List View
36. Blog Single
37. Comments Area
38. Comment Form
39. Styled Pagination
40. Contact Us



**********************************************/


@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i');


@import url(../css/font-awesome.css);
@import url(../css/flaticon.css);
@import url(../css/animate.css);
@import url(../css/owl.css);
@import url(../css/masterslider.css);
@import url(../css/revolution-slider.css);
@import url(../css/ms-vertical.css);
@import url(../css/polyglot-language-switcher.css);
@import url(../css/navigation.css);
@import url(../css/bootstrap.css);
@import url(../css/bootstrap.min.css);
@import url(../css/layers.css);
@import url(../css/settings.css);
@import url(../css/jquery.fancybox.css);
@import url(../css/hover.css);
@import url(../css/nouislider.css);
@import url(../css/jquery-ui.css);
@import url(../css/jquery.bootstrap-touchspin.css);
@import url(../css/timePicker.css);


@media (min-width:1200px) {
  .container {
    padding: 0px;
  }
}



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


body {
  font-size:15px;
  color:#777777;
  line-height:1.8em;
  font-weight:400;
  background:#ffffff;
  font-family: 'Open Sans',sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

a{
  text-decoration:none;
  cursor:pointer;
  color:#f8b239;
}

a:hover,a:focus,a:visited{
  text-decoration:none;
  outline:none;
}

h1,h2,h3,h4,h5,h6 {
  position:relative;
  font-family: 'Titillium Web', sans-serif;
  font-weight:normal;
  margin:0px;
  background:none;
  line-height:1.6em;
}

input,button,select,textarea{
  font-family: 'Assistant', sans-serif;
}

p{
  position:relative;
  line-height:1.8em;  
}

.strike-through{
  text-decoration:line-through; 
}

.auto-container{
  position:static;
  max-width:1200px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

.page-wrapper{
  position:relative;
  margin:0 auto;
  width:100%;
  min-width:300px;
  overflow: hidden;
  
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}

.theme-btn{
  display:inline-block;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  font-family: 'Assistant', sans-serif;
}

.centered{
  text-align:center;  
}

.anim-3,.anim-3-all *{
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;  
}

.anim-5,.anim-5-all *{
  transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;  
}

.anim-7,.anim-7-all *{
  transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -webkit-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;  
}

a.btn-style-one{
  position: relative;
  color: #ffffff;
  font-size: 14px;
  background: #0078BF;
  border: 1px solid #0078BF;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  line-height: 24px;
  padding: 12px 26px 12px 28px;
  text-transform: uppercase;
  display: inline-block;
  transition:all 500ms ease;
}
a.btn-style-one:hover{
  color: #0078BF;
  background: transparent;
  border: 1px solid #0078BF;
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transition:all 500ms ease;
}
.banner a.btn-style-one:hover{
  transform: none;
  -webkit-transform: none;
}

.btn-style-two{
  position: relative;
  color: #2f323c !important;
  font-size: 14px;
  text-align: center !important;
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  text-transform: uppercase;
  padding: 12px 26px 12px 28px;
  transition:all 500ms ease;
}
.btn-style-two:hover{
  color: #fff !important;
  background: #0078BF !important;
  border: 1px solid #0078BF !important;
  transition:all 500ms ease;
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
}
.btn-style-three{
  position: relative;
  color: #222222 !important;
  font-size: 16px;
  font-family: 'Rasa', serif;
  background: #ffffff !important;
  text-align: center;
  display: inline-block;
  border: 1px solid #ffffff !important;
  line-height: 26px;
  font-weight: 600;
  padding: 10px 30px;
  transition:all 500ms ease;
}
.btn-style-three:hover{
  position: relative;
  color: #ffffff !important;
  background: #f8b239 !important;
  border: 1px solid #f8b239 !important;
  font-weight: 600;
  transition:all 500ms ease;
}

.theme-btn .fa{
  position:relative;
  top:2px;
  padding-left:7px;
}

.theme_color{
  color:#fbca00;  
}

.light-font{
  font-weight:300;  
}

.regular-font{
  font-weight:400;  
}

.semibold-font{
  font-weight:600;  
}

.bold-font{
  font-weight:700;  
}

.padd-top-10{
  padding-top:10px !important;  
}

.padd-top-20{
  padding-top:20px !important;  
}

.padd-top-30{
  padding-top:30px !important;  
}

.padd-top-40{
  padding-top:40px !important;  
}

.padd-top-50{
  padding-top:50px !important;  
}

.padd-top-60{
  padding-top:60px !important;  
}

.padd-top-70{
  padding-top:70px !important;  
}

.padd-left-10{
  padding-left:10px !important; 
}

.padd-left-20{
  padding-left:20px !important; 
}

.padd-left-30{
  padding-left:30px !important; 
}

.padd-left-40{
  padding-left:40px !important; 
}

.padd-left-50{
  padding-left:50px !important; 
}

.padd-left-60{
  padding-left:60px !important; 
}

.padd-left-70{
  padding-left:70px !important; 
}

.padd-bott-10{
  padding-bottom:10px !important; 
}

.padd-bott-20{
  padding-bottom:20px !important; 
}

.padd-bott-30{
  padding-bottom:30px !important; 
}

.padd-bott-40{
  padding-bottom:40px !important; 
}

.padd-bott-50{
  padding-bottom:50px !important; 
}

.padd-bott-60{
  padding-bottom:60px !important; 
}

.padd-bott-70{
  padding-bottom:70px !important; 
}

.padd-bott-90{
  padding-bottom:90px !important; 
}

.padd-bott-100{
  padding-bottom:100px !important;  
}

.padd-right-10{
  padding-right:10px !important;  
}

.padd-right-20{
  padding-right:20px !important;  
}

.padd-right-30{
  padding-right:30px !important;  
}

.padd-right-40{
  padding-right:40px !important;  
}

.padd-right-50{
  padding-right:50px !important;  
}

.padd-right-60{
  padding-right:60px !important;  
}

.padd-right-70{
  padding-right:70px !important;  
}

.margin-top-10{
  margin-top:10px !important; 
}

.margin-top-20{
  margin-top:20px !important; 
}

.margin-top-30{
  margin-top:30px !important; 
}

.margin-top-40{
  margin-top:40px !important; 
}

.margin-top-50{
  margin-top:50px !important; 
}

.margin-top-60{
  margin-top:60px !important; 
}

.margin-top-70{
  margin-top:70px !important; 
}

.margin-bott-10{
  margin-bottom:10px !important;  
}

.margin-bott-20{
  margin-bottom:20px !important;  
}

.margin-bott-30{
  margin-bottom:30px !important;  
}

.margin-bott-40{
  margin-bottom:40px !important;  
}

.margin-bott-50{
  margin-bottom:50px !important;  
}

.margin-bott-60{
  margin-bottom:60px !important;  
}

.margin-bott-70{
  margin-bottom:70px !important;  
}

.no-padd-bottom{
  padding-bottom:0px !important;  
}

.no-padd-top{
  padding-top:0px !important; 
}

.no-margin-bottom{
  margin-bottom:0px !important; 
}

.no-margin-top{
  margin-bottom:0px !important; 
}

.no-padd-left{
  padding-left:0px !important;  
}

.no-padd-right{
  padding-right:0px !important; 
}

.bg-lightgrey{
  background-color:#f6f6f6 !important;  
}

.no-bg{
  background:none !important; 
}

.text-uppercase{
  text-transform:uppercase !important;  
}

.preloader{position: fixed; left:0px;top:0px;height:100%;width: 100%;z-index:999999;background-color:#ffffff;background-position:center center;background-repeat:no-repeat;background-image:url(../images/icons/preloader.gif);}

/*** 

====================================================================
  Scroll To Top style
====================================================================

***/

.scroll-to-top{
  position:fixed;
  bottom:15px;
  right:15px;
  color:#ffffff;
  font-size:12px;
  line-height:32px;
  width:35px;
  height:35px;
  border: 1px solid #0078BF;
  background: #0078BF;
  text-align:center;
  z-index:100;
  cursor:pointer;
  display:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.scroll-to-top:hover{
  border: 1px solid #0078BF;
  color: #0078BF;
  background: transparent;
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transition: all 500ms ease;
  box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.27);
}



/*** 

====================================================================
                        Home-Page
====================================================================

***/

/** main header **/


.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  background: #f7f7f7;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  width:100%;
  background: #262833;
  z-index:0;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}


.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.main-header .header-upper{
  position: relative;
  background: #0078BF;
  padding: 9px 0px;
}
.main-header .header-upper:before {
    background: #0078BF none repeat scroll 0 0;
    content: "";
    height: 73px;
    right: -53px;
    position: absolute;
    top: -28px;
    transform: skewX(139deg);
    width: 60px;
    z-index: -1;
}
.main-header .header-upper:after {
    background: #0078BF none repeat scroll 0 0;
    content: "";
    height: 73px;
    left: -53px;
    position: absolute;
    top: -28px;
    transform: skewX(-139deg);
    width: 60px;
    z-index: -1;
}
.main-header .header-upper .top-left .text{
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 25px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0px;
}
.main-header .header-upper .top-right{
  position: relative;
  display: inline-block;
  float: right;
}
.main-header .header-upper .top-right .text{
  position: relative;
  display: inline-block;
  margin-right: 38px;
}
.main-header .header-upper .top-right .text:before{
  position: absolute;
  content:'';
  background: #a9d9e7;
  height: 19px;
  width: 1px;
  right: -27px;
  top: 4px;
}
.main-header .header-upper .top-right .text a{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 25px;
  color: #fff;
}
.main-header .header-upper .top-right .social-link{
  position: relative;
  padding: 0px;
  margin: 0px;
  display: inline-block;
}
.main-header .header-upper .top-right .social-link li{
  display: inline-block;
  margin-left: 13px;
}
.main-header .header-upper .top-right .social-link li a{
  font-size: 13px;
  color: #fff;
  line-height: 25px;
  transition: all 500ms ease;
}
.main-header .header-upper .top-right .social-link li a:hover{
  color: #262833;
  transition: all 500ms ease;
}
.main-header .outer-area{
  position: relative;
  padding: 20px 0px;
}
.main-header .outer-area .logo{
  position: relative;
  padding: 8px 0px;
  display: inline-block;
}
.main-header .outer-area .single-info-box{
  position: relative;
  display: inline-block;
  padding: 8px 0px 0px 0px;
  float: right;
}
.main-header .outer-area .single-info{
  position: relative;
  display: inline-block;
  margin-left: 17px;
  padding: 12px 0px 0px 50px;
}
.main-header .outer-area .single-info .icon-box{
  position: absolute;
  left: 0px;
  top: 22px;
}
.main-header .outer-area .single-info .icon-box i:before{
  font-size: 33px;
  color: #000;
  margin: 0px;
}
.main-header .outer-area .single-info .icon-box i.fa:before{
  color: #0078BF;
}
.main-header .outer-area .single-info .title{
  font-size: 17px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 27px;
  color: #222;
  margin-bottom: -5px;
}
.main-header .outer-area .single-info .text{
  font-size: 18px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 28px;
  color: #777777;
}
.main-header .outer-area .single-info .text-phone{
  font-size: 18px;
  font-family: 'Open Sans',sans-serif;
  line-height: 28px;
  color: #0078BF;
  font-weight: 700;
}
.header-lower{
  position: relative;
  background: #262833;
  width: 100%;
}

.main-menu{
  position:relative;
  display: inline-block;
}

.main-menu .navbar-collapse{
  padding:0px;  
}

.main-menu .navigation{
  position:relative;
  margin:0px;
}

.main-menu .navigation > li{
  position:relative;
  display: inline-block;
  margin-right: 40px;
}
.main-menu .navigation > li:last-child{
  margin-right: 0px;
}

.main-menu .navigation > li > a > i:before{
  margin-right: 5px;
  font-size: 16px;
}
.main-menu .navigation > li > a{
  position:relative;
  display:block;
  font-size:16px;
  color: #fff;
  line-height: 29px;
  font-weight:600;
  padding:19px 17px 17px 0px;
  text-align: center;
  text-transform:uppercase;
  font-family: 'Open Sans', sans-serif;
  opacity:1;
  -webkit-transition:all 500ms ease;
}
.sticky-header .main-menu .navigation > li > a{
  line-height: 39px;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  color: #0078BF;
  background: none;
  transition: all 500ms ease;
}

.main-menu .navigation > li:hover > a:after{
  opacity:1;
}

.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top:130%;
  margin-top: 0px;
  width:220px;
  padding:0px;
  z-index:100;
  display:none;
  background:#a29afb;
  border-top:3px solid #0078BF;
  transition:all 1000ms ease;
  -moz-transition:all 1000ms ease;
  -webkit-transition:all 1000ms ease;
  -ms-transition:all 1000ms ease;
  -o-transition:all 1000ms ease;
}
.sticky-header .main-menu .navigation > li > ul{
  margin-top: 0px;
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  border-bottom:1px solid rgba(255,255,255,0.30);
}
.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 15px;
  line-height:28px;
  font-weight:400;
  background: #071740;
  font-size:15px;
  font-family: 'Rubik', sans-serif;
  text-transform:capitalize;
  color: #ffffff;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
  background: #fff;
  color: #0078BF;
  transition:all 500ms ease;
  padding: 10px 15px 10px 18px;
}


.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
  color:#ffffff;
  transition:all 500ms ease;  
}

.main-menu .navigation > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top:100%;
  transition:all 500ms ease;  
}


.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  position:absolute;
  display: none;
  right: 2px;
  top: 5px;
  border:none;
  font-size:16px;
  line-height:28px;
  color:#d4dae3;
  cursor:pointer;
  z-index:5;
}
.main-menu .navbar-collapse > ul li.current .dropdown-btn{
  color: #a29afb;
}
.sticky-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  top: 0px;
}
.more-option {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 0px;
    border-radius: 5px;
}
.sticky-header .more-option{
  top: 26px;
}
.more-option li {
    padding: 10px 0px;
    position: relative;
    display: inline-block;
}
.more-option .seach-toggle {
    background: transparent;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    line-height: 21px;
    position: relative;
    text-align: center;
    padding: 0px 15px 0px 20px;
    transition: all 500ms ease;
}
.more-option .seach-toggle:hover{
  color: #0078BF;
  transition: all 500ms ease;
}
.more-option .search-box {
    opacity: 0;
    position: absolute;
    right: 125px;
    top: 321%;
    transition: all 500ms ease 0s;
    visibility: hidden;
}
.more-option li {
    padding: 10px 0px;
    position: relative;
    display: inline-block;
}
.more-option .search-box .form-group {
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 100%;
    min-width: 250px;
}
.more-option .search-box .form-group input[type="search"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #0078BF;
    color: #0078BF;
    display: block;
    font-size: 13px;
    line-height: 24px;
    position: relative;
    transition: all 500ms ease 0s;
    width: 100%;
    height: 40px;
    padding-left: 15px;
    padding-right: 50px;
}
.more-option .search-box .form-group button, .nav_right_area .search-box .form-group input[type="submit"] {
    background: #0078BF;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0px;
    width: 40px;
    transition: all 500ms ease 0s;
}
.more-option .search-box.now-visible {
    top: 216%;
    right: 0%;
    opacity: 1;
    visibility: visible;
}
.sticky-header .more-option .search-box.now-visible{
  top: 234%;
}

/** banner section **/

.banner-title h2{
  font-size: 36px;
  font-family: 'Titillium Web',sans-serif;
  color: #0078BF;
  line-height: 40px;
  font-weight: 600;
}
.banner-title h1{
  font-size: 58px;
  font-family: 'Titillium Web',sans-serif;
  color: #fff;
  line-height: 60px;
  font-weight: 600;
}
.banner .text{
  position: relative;
  font-size: 15px;
  font-family: 'Open Sans',sans-serif;
  line-height: 25px;
  color: #fff;
}

/** about-section **/

.about-section{
  position: relative;
  background: #fff;
}
.about-section .about-content{
  position: relative;
  padding: 218px 55px 220px 0px;
}
.about-section .about-content:before{
  position: absolute;
  content: '';
  background: url(../images/about/about-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  right: 30%;
  top: 0px;
  width: 150%;
  height: 100%;
}
.about-section .about-content .text{
  position: relative;
  font-size: 30px;
  font-family: 'Titillium Web',sans-serif;
  color: #0078BF;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 3px;
}
.title{
  position: relative;
  font-size: 44px;
  font-family: 'Titillium Web',sans-serif;
  color: #222;
  line-height: 46px;
  font-weight: 600;
  margin-bottom: 26px;
}
.about-section .about-content h4{
  font-size: 17px;
  font-family: 'Open Sans',sans-serif;
  line-height: 28px;
  color: #222;
  margin-bottom: 15px;
}
.about-section .about-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 32px;
}
.about-section .about-btn a.btn-style-one{
  padding: 12px 29px;
  margin-right: 17px;
}
.about-section .about-btn a.btn-style-two{
  padding: 12px 20px;
}
#html5-watermark {
    background: #ff2b58;
    display: none !important;
    z-index: 9999999999;
}
.video-section{
  position: relative;
  margin: 100px 0px 64px 0px;
}
.video-section:before{
  position: absolute;
  content: '';
  background: url(../images/about/about-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  left: 100px;
  top: 0px;
  width: 250%;
  height: 550px;
}
.video-section:after{
  position: absolute;
  content: '';
  background: #0078BF;
  left: 100px;
  top: 0px;
  width: 5000px;
  height: 550px;
  opacity: .8;
}
.video-section .fluid-image img{
  position: relative;
  z-index: 1;
  left: 3px;
  padding: 75px 0px 0px 0px;
}
.video-section .fluid-image span{
  position: absolute;
  top: 50%;
  left: 45%;
  background: #fff;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  box-shadow: 0px 0px 0px 10px rgba(245, 245, 245, 0.33);
  z-index: 1;
}
.video-section .fluid-image span:before{
  font-size: 32px;
  color: #0078BF;
  margin: 0px;
}
.section-title{
  position: relative;
  font-size: 40px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 44px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  padding-bottom: 0px;
  margin-bottom: 73px;
}
.section-title:before{
  position: absolute;
  content: "\f118";
  font-family: 'Flaticon';
  left: 50%;
  margin-left: -25px;
  bottom: -40px;
  font-size: 32px;
  font-weight: 400;
  color: #0078BF;
  transform: rotate(135deg);
}

/** service-section **/

.service-section{
  position: relative;
  padding: 90px 0px 100px 0px;
  background: url(../images/service/service-bg.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.service-section:before{
  position: absolute;
  content: '';
  background: #101516;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .3;
}
.service-section .single-item{
  position: relative;
  background: #fff;
  padding: 20px 20px 22px 20px;
}
.service-section .img-box img{
  position: relative;
  width: 100%;
}
.service-section .overlay-box {
    position: absolute;
    left: 0px;
    top: -100%;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ffffff;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
}
.service-section .overlay-inner {
    position: absolute;
    left: 0px;
    top: 0%;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    padding: 10px 30px;
    background: #0078BF;
    opacity: .9;
}
.service-section .inner-box:hover .overlay-box {
    top: 0px;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
}
.service-section .inner-box {
    position: relative;
    overflow: hidden;
}
.service-section .img-content{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 500ms ease;
    opacity: 0;
}
.service-section .inner-box:hover .img-content{
    opacity: 1;
    text-align: center;
    left: 0px;
    top: 20%;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease 500ms;
    -ms-transition: all 500ms ease 500ms;
    -o-transition: all 500ms ease 500ms;
    -moz-transition: all 500ms ease 500ms;
}
.service-section .img-content p {
  font-size: 15px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #fff;
  padding: 0px 10px;
  margin-bottom: 25px;
  font-weight: 400;
}
.service-section .img-content a{
  font-size: 13px;
  font-family: 'Open Sans',sans-serif;
  line-height: 24px;
  color: #000022;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 22px;
  background: #fff;
  transition: all 500ms ease;
}
.service-section .img-content a:hover{
  color: #0078BF;
  transition: all 500ms ease;
}
.service-section .img-title a{
  font-size: 20px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  padding: 0px 0px;
  display: inline-block;
  margin-top: 15px;
  transition: all 500ms ease;
}
.service-section .single-item:hover .img-title a{
  color: #0078BF;
  transition: all 500ms ease;
}

/** catagory-section **/

.catagory-section{
  position: relative;
  background: #fff;
  padding: 93px 0px 70px 0px;
}
.catagory-section .section-title{
  color: #222;
}
.catagory-section .single-item{
  position: relative;
  padding: 25px 0px 22px 85px;
  border: 1px solid #e5e5e5;
  margin-left: 35px;
  margin-bottom: 30px;
}
.catagory-section .single-item .icon-box{
  position: absolute;
  left: -35px;
  top: 40px;
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  text-align: center;
  transition: all 500ms ease;
}
.catagory-section .single-item:hover .icon-box{
  background: #0078BF;
  border: 1px solid #0078BF;
  transition: all 500ms ease;
}
.catagory-section .single-item .icon-box i:before{
  margin: 0px;
  line-height: 90px;
  font-size: 30px;
  color: #848484;
  transition: all 500ms ease;
}
.catagory-section .single-item:hover i:before{
  color: #fff;
  transition: all 500ms ease;
}
.catagory-section .single-item h3{
  font-size: 20px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  font-weight: 600;
  margin-bottom: 11px;
}
.catagory-section .single-item p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 25px;
  color: #848484;
}

/** fact-counter **/

.fact-counter{
  position: relative;
  padding: 77px 0px 86px 0px;
  background: url(../images/home/counter-bg.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.fact-counter:before{
  position: absolute;
  content: '';
  background: #101516;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .3;
}
.fact-counter span{
  position: relative;
  font-size: 50px;
  color: #fff;
  font-family: 'Titillium Web',sans-serif;
  font-weight: 600;
  display: inline-block;
}
.fact-counter h1{
  position: relative;
  font-size: 50px;
  color: #fff;
  font-family: 'Titillium Web',sans-serif;
  font-weight: 600;
  display: inline-block;
}
.fact-counter span:before{
  position: absolute;
  content: '';
  background: #4791aa;
  height: 2px;
  width: 50px;
  left: 3px;
  bottom: -22px;
}
.fact-counter .text{
  font-size: 18px;
  font-family: 'Open Sans',sans-serif;
  line-height: 28px;
  color: #fffefe;
  font-weight: 600;
}
.fact-counter .single-item-two{
  position: relative;
  padding: 0px 0px 0px 30px;
}
.fact-counter .single-item-three{
  position: relative;
  padding: 0px 0px 0px 73px;
}
.fact-counter .single-item-four{
  position: relative;
  float: right;
}
.fact-counter .count-outer {
    margin-bottom: 9px;
}

/** choose-section **/

.choose-section{
  position: relative;
  padding: 90px 0px 0px 0px;
}
.choose-section .section-title{
  color: #222;
}
.choose-section .img-box img{
  width: 100%;
  padding: 0px 10px;
}
.choose-section .single-item{
  position: relative;
  padding: 32px 140px 40px 0px;
}
.choose-section .choose-right .single-item{
  position: relative;
  padding: 32px 0px 40px 140px;
}
.choose-section .single-item .icon-box{
  position: absolute;
  top: 30px;
  right: 35px;
  border: 1px solid #e5e5e5;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 79px;
}
.choose-section .single-item .icon-box i:before{
  font-size: 36px;
  color: #0078BF;
  margin: 0px;
}
.choose-section .choose-right .single-item .icon-box{
  position: absolute;
  top: 30px;
  left: 35px;
}
.choose-section .single-item h4{
  font-size: 20px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 6px;
}
.choose-section .single-item p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 10px;
}

/** appointment-section **/

.appointment-section{
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: -136px;
}
.appointment-section:before{
  position: absolute;
  content: '';
  background: url(../images/home/appointment-bg-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.appointment-section .has-overlay{
  position: relative;
}
.appointment-section .has-overlay:before{
  position: absolute;
  content: '';
  background: url(../images/home/appointment-bg-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100%;
  top: 0px;
  right: 0px;
}
.appointment-section .appointment-area {
  position: relative;
  padding: 93px 0px 100px 55px;
}
.appointment-section .appointment-area:before{
  position: absolute;
  content: '';
  background: #101516;
  top: 0px;
  left: -16px;
  width: 5000px;
  height: 100%;
  opacity: .8;
}
.appointment-section .appointment-area input{
  position: relative;
  width: 100%;
  height: 50px;
  padding: 10px;
  border: 1px solid #8a9699;
  margin-bottom: 20px;
  background: transparent;
  color: #fff;
}
.appointment-section .appointment-area option{
  position: relative;
}
.ui-selectmenu-button {
  width: 100% !important;
  height: 50px;
  padding: 10px;
  border: 1px solid #8a9699;
  margin-bottom: 30px;
  background: transparent;
  color: #dee2e7;
  cursor: pointer;
  display: block;
  border-radius: 0px;
}
.ui-selectmenu-button .ui-icon {
    background: none;
    position: relative;
    top: 3px;
    text-indent: 0px;
    display: block;
    float: right;
}
.ui-selectmenu-button .ui-icon:before {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: 5px;
    top: 4px !important;
    top: 13px;
    width: 10px;
    height: 20px;
    display: block;
    color: #dee2e7;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}
.appointment-section .appointment-area button{
    position: relative;
    color: #ffffff;
    font-size: 14px;
    background: #0078BF;
    border: 1px solid #0078BF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 24px;
    padding: 12px 47px;
    text-transform: uppercase;
    display: inline-block;
    transition: all 500ms ease;
}
.appointment-section .appointment-area button:hover{
    color: #0078BF;
    background: transparent;
    border: 1px solid #0078BF;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transition: all 500ms ease;
}
label{
  display: none !important;
}
 ::-webkit-input-placeholder { /* Chrome */
  color: #dee2e7;
}

 :-ms-input-placeholder { /* IE 10+ */
  color: #dee2e7;
}
 ::-moz-placeholder { /* Firefox 19+ */
  color: #dee2e7;
  opacity: 1;
}
 :-moz-placeholder { /* Firefox 4 - 18 */
  color: #dee2e7;
  opacity: 1;
}
.appointment-section .appointment-area .title{
    position: relative;
    font-size: 30px;
    font-family: 'Titillium Web',sans-serif;
    color: #0078BF;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 5px;
}
.appointment-section .appointment-area i:before{
  font-size: 14px;
  margin: 0px;
  color: #dee2e7;
  font-weight: 600;
}
.appointment-section .appointment-area i{
  position: absolute;
  top: 10px;
  right: 30px;
}
.appointment-section .section-title{
  font-size: 44px;
  margin-bottom: 46px;
} 
.appointment-section .section-title:before{
  display: none;
}

/** team-section **/

.team-section{
  position: relative;
  padding: 95px 0px 80px 0px;
}
.team-section .section-title{
  color: #222;
}
.team-section .overlay-box {
    position: absolute;
    left: 0px;
    bottom: -100%;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ffffff;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
}
.team-section .overlay-inner {
    position: absolute;
    left: 0px;
    top: 0%;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    padding: 10px 30px;
    background: #0078BF;
    opacity: .75;
}
.team-section .inner-box:hover .overlay-box {
    bottom: 0px;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
}
.team-section .inner-box {
    position: relative;
    overflow: hidden;
}
.team-section .img-content{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 10ms ease;
    opacity: 0;
}
.team-section .inner-box:hover .img-content{
    opacity: 1;
    text-align: center;
    left: 0px;
    bottom: -80%;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease 500ms;
    -ms-transition: all 500ms ease 500ms;
    -o-transition: all 500ms ease 500ms;
    -moz-transition: all 500ms ease 500ms;
}
.team-section .img-content li{
  display: inline-block;
}
.team-section .img-content li a{
  position: relative;
  font-size: 14px;
  color: #fff;
  width: 45px;
  height: 45px;
  border: 1px solid #fff;
  line-height: 45px;
  display: block;
  text-align: center;
  transition: all 500ms ease;
}
.team-section .img-content li a:hover{
  background: #000;
  border: 1px solid #000;
  transition: all 500ms ease;
}
.team-section .img-box img{
  width: 100%;
}
.team-section .single-content h4{
  font-size: 20px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 0px;
  font-weight: 600;
  margin-top: 22px;
  transition: all 500ms ease;
}
.team-section .single-content h4:hover{
  color: #0078BF;
  transition: all 500ms ease;
}
.team-section .single-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 10px;
}

/** working-section **/

.working-section{
  position: relative;
  padding: 95px 0px 90px 0px;
  background: url(../images/home/working-bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.working-section:before{
  position: absolute;
  content: '';
  background: #101516;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .7;
}
.working-section .single-item-one{
  position: relative;
  float: right;
  padding: 0px 2px 0px 0px;
}
.working-section .single-item-two{
  position: relative;
  float: right;
  padding: 0px 35px 0px 0px;
}
.working-section .single-item-three{
  position: relative;
  float: right;
  padding: 0px 67px 0px 0px;
}
.working-section .single-item-four{
  position: relative;
  float: right;
  padding: 0px 100px 0px 0px;
}
.working-section .icon-box{
  width: 130px;
  height: 130px;
  border: 2px solid #fff;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 13px;
}
.working-section .icon-box i:before{
  font-size: 36px;
  color: #fff;
  margin: 0px;
  line-height: 130px;
  font-weight: 400;
}
.working-section .number{
  position: absolute;
  left: -39px;
  top: 40px;
  width: 50px;
  height: 50px;
  color: #fff;
  background: #0078BF;
  font-size: 26px;
  font-family: 'Titillium Web',sans-serif;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
}
.working-section h4{
  font-size: 20px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #fff;
  text-align: center;
}

/** testimonial-faq-section **/

.testimonial-faq-section{
  position: relative;
  padding: 93px 0px 100px 0px;
}
.testimonial-faq-section .section-title{
  color: #222;
}
.testimonial-faq-section .section-title:before{
  left: 0px;
  margin-left: 0px;
}
.testimonial-faq-section .testimonial-content{
  position: relative;
  border: 1px solid #e5e5e5;
  padding: 0px 0px 0px 40px;
  margin-top: 107px;
}
.testimonial-faq-section .testimonial-content .img-box{
  position: relative;
  top: -35px;
  left: 0px;
}
.testimonial-faq-section .testimonial-area{
  position: relative;
  padding: 0px 10px 0px 0px;
}
.testimonial-faq-section .testimonial-area .section-title{
  margin-bottom: 0px;
}
.owl-dots {
  display: none !important;
}
.owl-nav {
    position: absolute;
    right: 35px;
    bottom: -40px;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: none repeat scroll 0 0 #fff;
    color: #222;
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    margin: 5px;
    line-height: 43px;
    width: 55px;
    height: 55px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    text-align: center;
    transition: all 500ms ease;
}
.owl-theme .owl-controls .owl-prev [class*="owl-"] {
    background: none repeat scroll 0 0 #fff;
    color: #222;
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    margin: 5px;
    line-height: 43px;
    width: 55px;
    height: 55px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    text-align: center;
    transition: all 500ms ease;
}
.testimonial-faq-section .testimonial-content p{
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 19px;
  margin-top: -7px;
}
.testimonial-faq-section .testimonial-autor h4{
  font-size: 20px;
  font-family: 'Titillium web',sans-serif;
  line-height: 30px;
  color: #222;
  font-weight: 600;
}
.testimonial-faq-section .testimonial-autor{
  position: relative;
  margin-bottom: 37px;
}
.testimonial-faq-section .testimonial-autor .text{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
}
.testimonial-faq-section .accrodian-area{
  position: relative;
  padding: 0px 0px 0px 10px;
}
.accordion {
  position: relative;
  margin-bottom: 0px;
}
.accordion-box{
  border: 1px solid #e5e5e5;
}

.accordion .acc-btn .left-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  color: #9c9c9c;
  font-size: 20px;
  text-align: center; 
}

.accordion .acc-btn.active .left-icon {
  color: #fff;
}

.accordion .left-icon span {
  position: relative;
  top: 18px;  
}

.accordion .acc-btn {
  color: #222;
  cursor: pointer;
  font-size: 16px;
  line-height: 28px;
  padding: 9px 0px 11px 0px;
  margin: 0px 19px;
  font-family: 'Titillium Web', sans-serif;
  border-bottom: 1px solid #e5e5e5;
  transition: all 500ms ease;
}
.accordion:last-child .acc-btn{
  border-bottom: 1px solid #fff;
  transition: all 500ms ease;
}
.accordion:last-child .acc-btn.active{
  border-bottom: 1px solid #e5e5e5;
  transition: all 500ms ease;
}
.accordion .acc-btn .toggle-icon {
  color: #848484;
  display: block;
  font-weight: 200;
  padding: 15px 20px;
  position: absolute;
  right: 8px;
  top: -24px;
}

.accordion .acc-btn .toggle-icon.left {
  color: #9c9c9c;
  display: block;
  font-weight: 100;
  height: 24px;
  line-height: 24px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 30px;
}

.accordion .acc-btn .toggle-icon .plus::before {
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 500ms ease;
}


.accordion-box .accordion .acc-btn.active .toggle-icon .plus {
  opacity: 0;
}
.accordion-box .accordion .acc-btn .toggle-icon .minus {
  opacity: 0;
}
.accordion-box .accordion .acc-btn .toggle-icon .minus::before {
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 500ms ease;
}

.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
  opacity: 1;
}


.accordion-box .accordion .acc-content {
  color: #848484;
  font-family: 'Open Sans',sans-serif;
  display: none;
  font-size: 14px;
  line-height: 26px;
  padding: 5px 10px 0px 10px;
}


.accordion-box .accordion .acc-content.collapsed {
  display: block;
}

.accordion-box .accordion .acc-content p {
  color: #848484;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  padding: 8px 0px 26px 0px;
  margin: 0px 14px;
  border-bottom: 1px solid #e5e5e5;
}
.accordion-box .accordion:last-child .acc-content p{
  border-bottom: none;
  transition: all 500ms ease;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
  color: #222;
  position: absolute;
  padding: 13px;
  margin-top: 14px;
  right: -6px;
  top: 20px;
}

/** cta-section **/

.cta-section{
  position: relative;
  background: url(../images/home/cta-bg.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.cta-section:before{
  position: absolute;
  content: '';
  background: #0f1c1f;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .7;
}
.cta-section .cta-content{
  position: relative;
  padding: 96px 0px 83px 0px;
  display: inline-block;
  left: -10px;
}
.cta-section .cta-content .title{
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 40px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 44px;
  font-weight: 600;
  margin-bottom: 15px;
}
.cta-section .cta-content .title span{
  color: #0078BF;
}
.cta-section .cta-content .cta-btn{
  position: relative;
  float: right;
  display: inline-block;
  right: -10px;
}
.cta-section .cta-content .cta-btn a.btn-style-one{
  padding: 12px 36px 12px 38px;
  top: -3px;
}
.cta-section .cta-content p{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
}
.cta-section .img-box{
  position: relative;
}
.cta-section .img-box:before{
  position: absolute;
  content: '';
  background: url(../images/home/cta-1.png);
  right: 30px;
  top: -50px;
  width: 513px;
  height: 350px;
}

/** news-section **/

.news-section{
  position: relative;
  padding: 95px 0px 90px 0px;
}
.news-section .section-title{
  color: #222;
}
.news-section .single-item img{
  width: 100%;
}
.news-section .single-item{
  position: relative;
  padding: 0px 0px 0px 0px;
}
.news-section .single-item .news-content{
  position: relative;
  padding: 0px 0px 0px 0px;
}
.news-section .single-item .news-content .top-content{
  position: relative;
  padding: 23px 0px 13px 0px;
  margin: 0px 0px 23px 76px;
  border-bottom: 1px solid #e5e5e5;
}
.news-section .single-item .news-content .top-content .date{
  position: absolute;
  left: -76px;
  top: 30px;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 16px;
  width: 55px;
  height: 52px;
  text-align: center;
  background: #0078BF;
  color: #fff;
}
.news-section .single-item .news-content .top-content .date:before {
    background: #0078BF none repeat scroll 0 0;
    content: "";
    height: 30px;
    right: 0px;
    position: absolute;
    bottom: -9px;
    transform: skewY(25deg);
    width: 30px;
    z-index: -1;

}
.news-section .single-item .news-content .top-content .date:after {
    background: #0078BF none repeat scroll 0 0;
    content: "";
    height: 30px;
    left: 0px;
    position: absolute;
    bottom: -9px;
    transform: skewY(-25deg);
    width: 30px;
    z-index: -1;

}
.news-section .single-item .news-content .top-content .date span{
  font-size: 22px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 34px;
  font-weight: 600;
}
.news-section .single-item .news-content .top-content .title {
  margin-bottom: 0px;
}
.news-section .single-item .news-content .top-content .title a{
  position: relative;
  display: block;
  font-size: 22px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  font-weight: 600;
  margin-bottom: 3px;
  transition: all 500ms ease;
}
.news-section .single-item .news-content .top-content .title a:hover{
  color: #0078BF;
  transition: all 500ms ease;
}
.news-section .single-item .news-content .top-content .list{
  position: relative;
  padding: 0px;
  margin: 0px;
}
.news-section .single-item .news-content .top-content .list li{
  display: inline-block;margin: 0px 20px 0px 0px;
  font-size: 14px;
  color: #848484;
}
.news-section .single-item .news-content .top-content .list li i:before{
  font-size: 14px;
  color: #848484;
  margin-right: 7px;
}
.news-section .single-item .news-content .top-content .list span{
  color: #0078BF;
}
.news-section .single-item .news-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 13px;
}
.news-section .single-item .news-content a{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #222;
  margin-bottom: 10px;
  transition: all 500ms ease;
}
.news-section .single-item .news-content a:hover{
  color: #0078BF;
  transition: all 500ms ease;
}

/** footer-section **/

.footer-section{
  position: relative;
  background: #262833;
  width: 100%;
  padding: 100px 0px 0px 0px;
}
.footer-section .footer-top{
  position: relative;
  padding: 0px 0px 90px 0px;
}
.footer-section .logo-widget{
  position: relative;
  padding: 0px 10px 0px 0px;
}
.footer-section .logo-widget .footer-logo{
  position: relative;
  padding: 0px 0px 22px 0px;
}
.footer-section .logo-widget .widget-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #bec2c6;
  margin-bottom: 25px;
}
.footer-section .logo-widget .footer-social{
  position: relative;
  padding: 0px;
  margin: 0px;
}
.footer-section .logo-widget .footer-social li{
  display: inline-block;margin-right: 5px;
}
.footer-section .logo-widget .footer-social li a{
  position: relative;
  font-size: 14px;
  color: #fff;
  border: 1px solid #bebfc2;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  display: inline-block;
  transition: all 500ms ease;
}
.footer-section .logo-widget .footer-social li a:hover{
  background: #0078BF;
  border: 1px solid #0078BF;
  transition: all 500ms ease;
  transform: translateZ(0);
}
.footer-section .footer-title{
  font-size: 22px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 40px;
  color: #fff;
  margin-bottom: 15px;
}
.footer-widget.contact-widget{
  position: relative;
  padding: 0px 0px 0px 10px;
}
.footer-section .link-widget{
  position: relative;
  left: -8px;
}
.footer-section .link-widget .list{
  position: relative;
  padding: 0px;
  margin: 0px;
}
.footer-section .link-widget .list li{
  position: relative;
  padding: 0px 0px 0px 13px;
}
.footer-section .link-widget .list li:before{
  position: absolute;
  content: "\f105";
  color: #bec2c6;
  font-size: 14px;
  font-weight: 500;
  font-family: 'FontAwesome';
  left: 0px;
  top: 0px;

}
.footer-section .link-widget .list li:hover:before{
  color: #0078BF;
}
.footer-section .link-widget .list li a{
  position: relative;
  display: block;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #bec2c6;
  margin-bottom: 12px;
  transition: all 500ms ease;
}
.footer-section .link-widget .list li:hover a{
  color: #0078BF;
  transition: all 500ms ease;
}
.footer-section .link-widget .list li i{
  margin-right: 8px;
}
.footer-section .contact-widget p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #bec2c6;
  margin-bottom: 15px;
}
.footer-section .contact-widget .text{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #bec2c6;
  margin-bottom: 5px;
}
.footer-section .subscribe-widget p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #bec2c6;
  margin-bottom: 23px;
}
.footer-section .subscribe-widget input{
  width: 100%;
  height: 52px;
  background: #353a44;
  border: 1px solid #262833;
  padding: 10px 20px;
  margin-bottom: 20px;
  color: #fff;
}
.footer-section .subscribe-widget button{
    position: relative;
    color: #ffffff;
    font-size: 14px;
    background: #0078BF;
    border: 1px solid #0078BF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 24px;
    padding: 12px 31px;
    text-transform: uppercase;
    display: inline-block;
    transition: all 500ms ease;
}
.footer-section .subscribe-widget button:hover{
    color: #0078BF;
    background: transparent;
    border: 1px solid #0078BF;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transition: all 500ms ease;
}
.footer-section input[type="text"]:focus, .footer-section input[type="search"]:focus, .footer-section input[type="password"]:focus, .footer-section input[type="date"]:focus, .footer-section input[type="datetime"]:focus, .footer-section input[type="url"]:focus, .footer-section input[type="time"]:focus, .footer-section select:focus, .footer-section textarea:focus {
    border-color: #1cc9ce;
    background-color: rgba(28, 28, 28, 0.53);
}
.footer-section .footer-bottom{
  position: relative;
  background: #353a44;
  width: 100%;
  padding: 14px 0px;
}
.footer-section .footer-bottom .text{
  font-size: 15px;
  font-family: 'Open Sans',sans-serif;
  line-height: 27px;
  color: #bec2c6;
  margin: 0px;
}
.footer-section .footer-bottom .text span{
  color: #0078BF;
}
.footer-section .footer-bottom:before {
    background: #353a44 none repeat scroll 0 0;
    content: "";
    height: 73px;
    right: -53px;
    position: absolute;
    top: 0px;
    transform: skewX(-139deg);
    width: 70px;
}
.footer-section .footer-bottom:after {
    background: #353a44 none repeat scroll 0 0;
    content: "";
    height: 73px;
    left: -53px;
    position: absolute;
    top: 0px;
    transform: skewX(139deg);
    width: 70px;
}




/*** 

====================================================================
                        about-page
====================================================================

***/

.page-title{
  position: relative;
  background: #f5f5f5;
  padding: 50px 0px;
}
.page-title .title{
  font-size: 45px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 50px;
  color: #222;
  margin-bottom: 0px;
  display: inline-block;
}
.page-title .bread-crumb{
  position: relative;
  display: inline-block;
  float: right;
  top: 15px;
}
.page-title .bread-crumb li{
  display: inline-block;
  color: #222;
  font-size: 16px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
}
.page-title .bread-crumb li a{
  display: inline-block;
  color: #222;
  font-size: 16px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  transition: all 500ms ease;
}
.page-title .bread-crumb li a:hover{
  color: #0078BF;
  transition: all 500ms ease;
}
.page-title .bread-crumb li i:before{
  margin-left: 7px;
  font-size: 16px;
}




/*** 

====================================================================
                        Our-Service Page
====================================================================

***/

.service-section.style-2{
  position: relative;
  background: #fff;
  padding: 100px 0px 70px 0px;
}
.service-section.style-2:before{
  display: none;
}
.service-section.style-2 .single-item{
  border: 1px solid #e5e5e5;
  margin-bottom: 30px;
}


/*** 

====================================================================
                        Service Detail
====================================================================

***/

.sidebar-page-container{
  position: relative;
  padding: 100px 0px;
}
.sidebar-page-container .sidebar .list{
  position: relative;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #e5e5e5;
  margin-bottom: 42px;
}
.sidebar-page-container .sidebar .list li{
  position: relative;
  border-bottom: 1px solid #e5e5e5; 
  padding: 11px 0px 11px 29px;
}
.sidebar-page-container .sidebar .list li:before{
  position: absolute;
  content: '';
  background: #0078BF;
  width: 3px;
  height: 25px;
  left: 10px;
  top: 12px;
  opacity: 0;
  transition: all 500ms ease;
}
.sidebar-page-container .sidebar .list li.active:before{
  opacity: 1;
}
.sidebar-page-container .sidebar .list li:hover:before{
  opacity: 1;
}
.sidebar-page-container .sidebar .list li:last-child{
  border-bottom: none;
}
.sidebar-page-container .sidebar .list li a{
  font-size: 16px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 26px;
  color: #222;
  display: block;
  transition: all 500ms ease;
}
.sidebar-page-container .sidebar .list li.active a{
  font-weight: 600;
}
.sidebar-page-container .sidebar .list li:hover a{
  color: #0078BF;
  transition: all 500ms ease;
}
.sidebar-page-container .service-detail{
  position: relative;
  padding: 0px 0px 0px 20px;
}
.sidebar-page-container .service-detail .img-box img{
  width: 100%;
}
.sidebar-page-container .service-detail .service-detail-content .title{
  font-size: 30px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 37px;
  color: #222;
  font-weight: 600;
  padding: 0px 10px 0px 0px;
  margin-bottom: 18px;
}
.sidebar-page-container .service-detail .img-box{
  margin-bottom: 42px;
}
.sidebar-page-container .service-detail .service-detail-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 26px;
  padding: 0px 0px 0px 0px;
}
.sidebar-page-container .service-detail .service-detail-content{
  position: relative;
  padding: 0px 0px 11px 0px;
}
.sidebar-page-container .service-detail .lower-content .title{
  font-size: 22px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  font-weight: 600;
  padding: 0px 0px 0px 0px;
  margin-bottom: 16px;
}
.sidebar-page-container .service-detail .lower-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 10px;
  padding: 0px 0px 0px 0px;
}



/*** 

====================================================================
                        team-page
====================================================================

***/



.team-page {
  position: relative;
  padding: 100px 0px 46px 0px;
}
.team-page .single-item{
  margin-bottom: 44px;
}




/*** 

====================================================================
                        shop-page
====================================================================

***/

.shop-page{
  position: relative;
  padding: 100px 0px 90px 0px;
}
.shop-page .more-option {
    position: relative;
    top: 0px;
    border-radius: 0px;
    width: 100%;
    margin-bottom: 26px;
    display: inline-block;
    right: 0px;
}
.shop-page .sidbar-search .form-group input {
    width: 100%;
    color: #fff;
    border: 1px solid #e5e5e5;
    padding: 22px;
    height: 50px;
    transition: all 500ms ease;
}
 .shop-page .sidbar-search .form-group input[type="text"]:focus, .shop-page .sidbar-search .form-group input[type="search"]:focus, .shop-page .sidbar-search .form-group input[type="password"]:focus, .shop-page .sidbar-search .form-group input[type="date"]:focus, .shop-page .sidbar-search .form-group input[type="datetime"]:focus, .shop-page .sidbar-search .form-group input[type="url"]:focus, .shop-page .sidbar-search .form-group input[type="time"]:focus, .shop-page .sidbar-search .form-group select:focus, .shop-page .sidbar-search .form-group textarea:focus {
    border-color: #00f8ff;
    background-color: #000;
    transition: all 500ms ease;
}
.shop-page .more-option button {
    position: absolute;
    color: #848484;
    top: 10px;
    right: 23px;
    background: transparent;
    transition: all 500ms ease;
}
.shop-page .more-option button:hover{
  color: #0078BF;
  transition: all 500ms ease;
}
 .shop-page ::-webkit-input-placeholder { /* Chrome */
  color: #222;
}

 .shop-page :-ms-input-placeholder { /* IE 10+ */
  color: #222;
}
 .shop-page ::-moz-placeholder { /* Firefox 19+ */
  color: #222;
  opacity: 1;
}
 .shop-page :-moz-placeholder { /* Firefox 4 - 18 */
  color: #222;
  opacity: 1;
}
 .shop-page .sidebar-title{
  position: relative;
  display: block;
  font-size: 20px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 22px;
 }
 .shop-page .overlay-box {
    position: absolute;
    left: 0px;
    bottom: -100%;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ffffff;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
}
 .shop-page .overlay-inner {
    position: absolute;
    left: 0px;
    top: 0%;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    padding: 10px 30px;
    background: #0078BF;
    opacity: .75;
}
 .shop-page .inner-box:hover .overlay-box {
    bottom: 0px;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
}
 .shop-page .inner-box {
    position: relative;
    overflow: hidden;
}
 .shop-page .img-content{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 500ms ease;
    opacity: 0;
}
 .shop-page .inner-box:hover .img-content{
    opacity: 1;
    text-align: center;
    left: 0px;
    bottom: -30%;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease 500ms;
    -ms-transition: all 500ms ease 500ms;
    -o-transition: all 500ms ease 500ms;
    -moz-transition: all 500ms ease 500ms;
}
.shop-page .single-item .img-content a{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  font-weight: 700;
  padding: 13px 35px;
  display: inline-block;
  margin-bottom: 10px;
  transition: all 500ms ease;
}
.shop-page .single-item .img-content a.img-btn-one{
  background: #262833;
  color: #fff;
}
.shop-page .single-item .img-content a.img-btn-two{
  background: #fff;
  color: #848484;
}
.shop-page .single-item .img-content a.img-btn-one:hover{
  background: #fff;
  color: #262833;
  transition: all 500ms ease;
}
.shop-page .single-item .img-content a.img-btn-two:hover{
  background: #262833;
  color: #fff;
  transition: all 500ms ease;
}
.shop-page .single-item .single-content h4{
  font-size: 20px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 7px;
  font-weight: 600;
  margin-top: 25px;
  transition: all 500ms ease;
}
.shop-page .single-item .single-content h4:hover{
  color: #0078BF;
  transition: all 500ms ease;
}
.shop-page .single-item .single-content .text{
  font-size: 20px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #848484;
  font-weight: 600;
  margin-bottom: 45px;
}
.shop-page .img-box img{
  width: 100%;
}
.shop-page .shop-btn{
  position: relative;
  padding: 0px;
  margin: 0px;
  margin-top: 13px;
}
.shop-page .shop-btn li{
  display: inline-block;
  margin: 0px 2px;
}
.shop-page .shop-btn li a{
  font-size: 18px;
  color: #848484;
  height: 45px;
  width: 45px;
  background: transparent;
  line-height: 45px;
  display: inline-block;
  transition: all 500ms ease;
}
.shop-page .shop-btn li a:hover{
  background: #0078BF;
  color: #fff;
  transition: all 500ms ease;
}
.shop-page .shop-btn li a.current{
  background: #0078BF;
  color: #fff;
  transition: all 500ms ease;
}
.shop-page .shop-btn i:before{
  font-size: 12px;
  margin-top: 0px;
}
.shop-page .content-side{
  position: relative;
}
.noUi-background{
  background: #e5e5e5;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  height: 4px;
  margin-bottom: 19px;
}
.noUi-connect{
  background: #0078BF;
  box-shadow: none;
}
.noUi-horizontal .noUi-handle {
    width: 14px;
    height: 14px;
    left: -1px;
    top: -6px;
    border: 2px solid #0078BF;
}
.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    background: #FFF;
    cursor: default;
}
.noUi-origin.noUi-connect.noUi-dragable{
  left: 0% !important;
}
.shop-page .price-title{
  font-size: 20px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 26px;
}
.shop-page .price-text{
  position: relative;
}
.shop-page .price-text button{
  font-size: 13px;
  font-family: 'Open Sans',sans-serif;
  line-height: 25px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  padding: 5px 20px;
  background: #0078BF;
  display: inline-block;
  cursor: pointer;
}
.shop-page .price-text p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #222;
  display: inline-block;
  float: right;
  margin-top: 5px;
}
.shop-page .price-text input {
    width: auto;
    border: none;
    outline: none;
    width: 50px;
    font-size: 16px;
    font-weight: 500;
    color: #272727;
}




/*** 

====================================================================
                        single-product page
====================================================================

***/


.single-product-page{
  position: relative;
  padding: 100px 0px 45px 0px;
}
.shop-page .single-product{
  position: relative;
}
.shop-page .single-product .img-box img{
  width: 100%;
}
.shop-page .single-product .single-content h2{
  font-size: 30px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 40px;
  color: #222;
  font-weight: 600;
  margin-top: -8px;
  margin-bottom: 26px;
}
.shop-page .single-product .single-content .text{
  font-size: 22px;
  font-family: 'Open Sans',sans-serif;
  line-height: 30px;
  color: #0078BF;
  font-weight: 600;
  margin-bottom: 28px;
}
.shop-page .single-product .single-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 8px;
}
.shop-page .single-product .addto-cart-box{
  position: relative;
  margin-bottom: 29px;
}
.shop-page .single-product .addto-cart-box .quantity-spinner{
  position: relative;
  height: 50px;
  width: 66px;
  border: 1px solid #e5e5e5;
  color: #848484;
  text-align: center;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  padding: 0px 0px;
  display: inline-block;
  z-index: -1;
}
.shop-page .single-product .addto-cart-box button{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #fff;
  padding: 12px 32px;
  background: #0078BF;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 17px;
}
.shop-page .single-product .addto-cart-box .input-group{
  display: inline-block;
}
.shop-page .single-product .addto-cart-box .btn.btn-default {
  background: transparent;
  color: #666;
  border: none;
  margin-left: 0px;
  margin: 0px 0px;
}
.shop-page .single-product .addto-cart-box .input-group.bootstrap-touchspin {
    float: none;
    width: 66px;
}
.shop-page .single-product .single-content .catagories{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #222;
  margin-bottom: 37px;
}
.shop-page .single-product .single-content .catagories span{
  color: #0078BF;
}
.shop-page .single-product .single-content .share-care .text{
  position: relative;
  font-size: 20px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  display: inline-block;
  margin-right: 15px;
}
.shop-page .single-product .single-content .cart-social{
  position: relative;
  padding: 0px;
  margin: 0px;
  display: inline-block;
}
.shop-page .single-product .single-content .cart-social li{
  display: inline-block;
  margin-right: 3px;
}
.shop-page .single-product .single-content .cart-social li a i{
  font-size: 16px;
  width: 35px;
  height: 35px;
  color: #fff;
  line-height: 35px;
  background: #3b5999;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}
.shop-page .single-product .single-content .cart-social li a i.fa-twitter{
  background: #55acee;
}
.shop-page .single-product .single-content .cart-social li a i.fa-rss{
  background: #bd081c;
}
.shop-page .single-product .single-content .cart-social li a i.fa-skype{
  background: #00aff0;
}
.shop-page .single-product .single-content .cart-social li a i.fa-linkedin{
  background: #0077b5;
}
.shop-page .single-product{
  margin-bottom: 80px;
}
.shop-page .single-product .img-box{
  position: relative;
  padding: 0px 48px 0px 0px;
}
.shop-page .single-product .single-content {
  position: relative;
  left: -48px;
}
.shop-page .related-products .title{
  font-size: 30px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 40px;
  color: #222;
  margin-bottom: 29px;
}
.shop-page .product-discription{
  position: relative;
  border: 1px solid #e5e5e5;
  padding: 31px 0px 20px 0px;
  margin-bottom: 68px;
}
.shop-page .tab-title {
  position: relative;
  padding: 0px 0px 0px 0px;
  border-bottom:  1px solid #e5e5e5;
  margin: 0px 50px;
  margin-bottom: 14px;
}
.shop-page .tab-title  li{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-family: 'Open Sans',sans-serif;
  line-height: 28px;
  font-weight: 600;
  margin-right: 18px;
  padding: 12px 0px 8px 0px;
  cursor: pointer;
}
.shop-page .tab-title  li.active{
  position: relative;
  color: #0078BF;
}
.shop-page .tab-title  li.active:before{
  position: absolute;
  content: '';
  background: #0078BF;
  width: 57px;
  height: 1px;
  left: 0px;
  bottom: -2px;
}
.shop-page .tab-content{
  position: relative;
  padding: 20px 50px;
}
.shop-page .tab-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 10px;
  padding: 0px 50px 0px 0px;
}
.shop-page .tab-content .title{
  font-size: 22px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  font-weight: 600;
  margin-bottom: 27px;
}



/*** 

====================================================================
                        cart-page
====================================================================

***/

.cart-page{
  position: relative;
  padding: 100px 0px 70px 0px;
}
.cart-page .cart-table{
  position: relative;
  padding: 0px 0px 0px 0px;
}
.cart-page .table-outer {
    position: relative;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 30px;
}
.cart-page .cart-table {
    width: 100%;
    min-width: 770px;
    border-top: none !important;
    border: 1px solid #e5e5e5;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #fff;
}
.cart-page .table-title{
  position: relative;
  font-size: 22px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  background: #f5f5f5;
  display: block;
  font-weight: 600;
  padding: 13px 0px 13px 32px;
  min-width: 770px;
}
.cart-page .table-data{
  position: relative;
  display: block;
  padding: 30px 0px 30px 32px;
  border: 1px solid #e5e5e5;
  border-top: none;
  width: 100%;
}
.cart-page .table-data .product{
  font-size: 17px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 28px;
  color: #222;
  padding: 0px 0px 0px 20px;
  width: 200px;
}
.cart-page .table-data .quentity {
  color: #848484;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  padding: 0px 100px 0px 95px;
}
.cart-page .table-data .quentity input{
  position: relative;
  width: 65px;
}
.cart-page .table-data .price{
  position: relative;
  font-size: 20px;
  font-family: 'Open Sans',sans-serif;
  line-height: 30px;
  color: #0078BF;
  padding: 0px 100px 0px 0px;
}
.cart-page .table-data .del-item{
  position: relative;
  font-size: 18px;
  font-family: 'Open Sans',sans-serif;
  line-height: 30px;
  color: #848484;
  padding: 0px 31px 0px 22px;
}
.cart-page ::-webkit-input-placeholder { /* Chrome */
  color: #848484;
}

.cart-page :-ms-input-placeholder { /* IE 10+ */
  color: #848484;
}
.cart-page ::-moz-placeholder { /* Firefox 19+ */
  color: #848484;
  opacity: 1;
}
.cart-page :-moz-placeholder { /* Firefox 4 - 18 */
  color: #848484;
  opacity: 1;
}
.cart-page .coupon-code .coupon-title{
  font-size: 22px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  display: block;
  font-weight: 600;
  background: #f5f5f5;
  padding: 11px 0px 15px 30px;
}
.cart-page .coupon-code .coupon-content{
  position: relative;
  border: 1px solid #e5e5e5;
  border-top: none;
  padding: 23px 0px 11px 29px;
}
.cart-page .coupon-code p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #222;
  margin-bottom: 12px;
}
.cart-page .coupon-code input{
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  border: 1px solid #e5e5e5;
  padding: 9px 0px 10px 0px;
  width: 170px;
  text-align: center;
  margin-right: 7px;
}
.cart-page .coupon-code button{
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  color: #848484;
  border: 1px solid #0078BF;
  padding: 8px 26px 8px 26px;
  font-weight: 700;
  text-align: center;
  background: transparent;
  transition: all 500ms ease;
}
.cart-page .coupon-code button:hover{
  color: #0078BF;
  transition: all 500ms ease;
}
.cart-page .cart-totals .cart-title{
  font-size: 22px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  display: block;
  font-weight: 600;
  background: #f5f5f5;
  padding: 11px 0px 15px 30px;
}
.cart-page .cart-totals .cart-content{
  position: relative;
  border: 1px solid #e5e5e5;
  border-top: none;
  padding: 4px 0px 31px 0px;
}
.cart-page .cart-totals .cart-content .single-item{
  position: relative;
  margin: 0px 29px;
}
.cart-page .cart-totals .cart-content .single-item {
  font-size: 17px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 28px;
  color: #222;
  display: block;
  margin: 13px 29px 11px 29px;
  padding: 0px 0px 11px 0px;
}
.cart-page .coupon-code{
  position: relative;
  margin-bottom: 30px;
}
.cart-page .cart-totals .cart-content .single-item.border{
  border-bottom: 1px solid #e5e5e5;
  margin: 20px 29px 13px 29px;
}
.cart-page .cart-totals .cart-content .single-item .text{
  font-size: 20px;
  font-family: 'Open Sans',sans-serif;
  line-height: 30px;
  color: #848484;
  font-weight: 600;
  float: right;
}
.cart-page .cart-totals .cart-content .single-item span{
  position: relative;
  color: #0078BF;
  float: right;
}
.cart-page .cart-totals .cart-content a{
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #fff;
  font-weight: 700;
  display: block;
  text-align: center;
  background: #0078BF;
  border: 1px solid #0078BF;
  margin: 0px 30px;
  padding: 9px 0px 10px 0px;
  transition: all 500ms ease;
}
.cart-page .cart-totals .cart-content a:hover{
  color: #0078BF;
  background: transparent;
  border: 1px solid #0078BF;
  transition: all 500ms ease;
}




/*** 

====================================================================
                        checkout-content page
====================================================================

***/


.checkout-content{
  position: relative;
  padding: 95px 0px;
}
.checkout-content label{
  display: block !important;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #222;
  margin-bottom: 2px;
  font-weight: 400;
}
.checkout-content .billing-form input,
.checkout-content .billing-form select{
  position: relative;
  border: 1px solid #e5e5e5;
  height: 45px;
  width: 100%;
  padding: 0px 15px;
  margin-bottom: 23px;
}
.checkout-content .billing-form select{
  cursor: pointer;
}
.checkout-content .billing-form input[type="checkbox"] {
    height: 17px;
    width: 17px;
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-top: 10px;
}
.checkout-content .billing-form span{
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #222;
  display: inline-block;
  top: -3px;
}
.checkout-content .top-content{
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 27px;
  color: #222;
  display: block;
  border: 1px solid #e5e5e5;
  padding: 12px 29px 14px 29px;
  margin-bottom: 30px;
}
.checkout-content .top-content:before{
  position: absolute;
  content: '';
  background: #0078BF;
  width: 1px;
  height: 100%;
  left: -2px;top: -1px;
}
.checkout-content .top-content a{
  color: #0078BF;
}
.checkout-content .title{
  position: relative;
  display: block;
  background: #f5f5f5;
  font-size: 22px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  font-weight: 600;
  padding: 12px 0px 13px 30px;
  margin-bottom: 0px;
}
.checkout-content .billing-form{
  position: relative;
  border: 1px solid #e5e5e5;
  padding: 23px 30px 7px 29px;
  margin-bottom: 30px;
  border-top: none;
}
.checkout-content .additional-content{
  position: relative;
  border: 1px solid #e5e5e5;
  padding: 23px 29px 30px 29px;
  border-top: none;
}
.checkout-content .additional-content .notes{
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #222;
  margin-bottom: 1px;
}
.checkout-content .additional-content textarea{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  display: block;
  border: 1px solid #e5e5e5;
  height: 120px;
  padding: 8px 0px 0px 18px;
  width: 100%;
  resize: none;
}
.checkout-content .your-order{
  position: relative;
  padding: 0px 0px 0px 0px;
  border: 1px solid #e5e5e5;
  border-top: none;
  margin-bottom: 30px;
}
.checkout-content .your-order .single-item{
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 30px 30px 31px 30px;
}
.checkout-content .your-order .sub-total{
  border-bottom: 1px solid #e5e5e5;
}
.checkout-content .your-order .single-item .img-box{
  display: inline-block;
  padding: 0px 16px 0px 0px;
}
.checkout-content .your-order .single-item .text{
  display: inline-block;
  padding: 0px 0px 0px 0px;
  font-size: 17px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 28px;
  color: #222;
  margin: 0px;
}
.checkout-content .your-order .single-item .text span{
  position: absolute;
  font-size: 20px;
  font-family: 'Open Sans',sans-serif;
  line-height: 30px;
  color: #848484;
  right: 30px;
  top: 56px;
}
.checkout-content .your-order .sub-total,
.checkout-content .your-order .order-total{
  position: relative;
  font-size: 17px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 28px;
  color: #222;
  padding: 25px 30px 11px 30px;
  display: block;
}
.checkout-content .your-order .sub-total span,
.checkout-content .your-order .order-total span{
  float: right;
  position: relative;
  font-size: 20px;
  font-family: 'Open Sans',sans-serif;
  line-height: 30px;
  color: #848484;
}
.checkout-content .your-order .order-total{
  padding: 13px 30px 22px 30px; 
}
.checkout-content .your-order .order-total span{
  color: #0078BF;
}
.checkout-content .payment-process .payment-system{
  position: relative;
  border: 1px solid #e5e5e5;
  border-top: none;
  padding: 26px 29px 25px 29px;
}
.checkout-content .payment-process .payment-system input[type="checkbox"] {
    height: 17px;
    width: 17px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.checkout-content .payment-process .payment-system span{
  position: relative;
  font-size: 17px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 28px;
  color: #222;
  top: -3px;
  margin-right: 25px;
}
.checkout-content .payment-process .payment-system .text{
  font-size: 13px;
  font-family: 'Open Sans',sans-serif;
  line-height: 24px;
  color: #848484;
  padding: 0px 15px 0px 31px;
  margin-bottom: 22px;
}
.checkout-content .payment-process .payment-system a{
  position: relative;
  font-size: 13px;
  font-family: 'Open Sans',sans-serif;
  line-height: 24px;
  color: #0078BF;
  text-decoration: underline;
  top: -5px;
  display: inline-block;
  margin-bottom: 18px;
}
.checkout-content .payment-process .payment-system a.pay-btn{
  position: relative;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  background: #0078BF;
  display: block;
  padding: 9px 0px 10px 0px;
  margin-top: 10px;
}



/*** 

====================================================================
                        Home-Page-ten
====================================================================

***/


.our-blog{
  position: relative;
  padding: 100px 0px;
}
.shop-page.our-blog .shop-btn {
    position: relative;
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
}
.our-blog .single-item{
  margin-bottom: 42px;
}




/*** 

====================================================================
                        blog-single page
====================================================================

***/

.blog-single{
  position: relative;
  padding: 100px 0px;
}
.blog-single .news-style-one .upper-content{
  position: relative;
  padding: 0px 0px 3px 0px;
}
.blog-single .news-style-one img{
  width: 100%;
}
.blog-single .top-content{
  position: relative;
  padding: 23px 0px 13px 0px;
  margin-left: 79px;
  margin-bottom: 23px;
  border-bottom: 1px solid #e5e5e5;
}
.blog-single .top-content .date {
    position: absolute;
    left: -79px;
    top: 30px;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    line-height: 4px;
    width: 62px;
    height: 62px;
    text-align: center;
    background: #0078BF;
    color: #fff;
}
.blog-single .top-content .date span{
  font-size: 22px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 44px;
  color: #fff;
  font-weight: 600;
  position: relative;
  margin-bottom: 0px;
}
.blog-single .top-content .date:before {
    background: #0078BF none repeat scroll 0 0;
    content: "";
    height: 30px;
    right: 0px;
    position: absolute;
    bottom: -9px;
    transform: skewY(25deg);
    width: 31px;
    z-index: -1;
}
.blog-single .top-content .date:after {
    background: #0078BF none repeat scroll 0 0;
    content: "";
    height: 30px;
    left: 0px;
    position: absolute;
    bottom: -9px;
    transform: skewY(-25deg);
    width: 31px;
    z-index: -1;
}
.blog-single .top-content .list {
    position: relative;
    padding: 0px;
    margin: 0px;
}
.blog-single .top-content .list li {
    display: inline-block;
    margin: 0px 20px 0px 0px;
    font-size: 14px;
    color: #848484;
}
.blog-single .top-content .list li i:before {
    font-size: 14px;
    color: #848484;
    margin-right: 7px;
}
.blog-single .top-content .list span {
    color: #0078BF;
}
.blog-single .top-content .title{
  font-size: 30px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 40px;
  color: #222;
  margin-bottom: 1px;
}
.blog-single .upper-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 26px;
}
.blog-single .post-share-option .tag-left{
  position: relative;
  display: inline-block;
  padding: 0px;
  margin: 0px;
}
.blog-single .post-share-option .tag-left li{
  position: relative;
  display: inline-block;
  color: #2f323c;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  margin-right: 4px;
}
.blog-single .post-share-option .tag-left li a{
  position: relative;
  display: inline-block;
  color: #2f323c;
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  transition: all 500ms ease;
}
.blog-single .post-share-option .tag-left li a:hover{
  color: #0078BF;
  transition: all 500ms ease;
}
.blog-single .post-share-option .social-link{
  position: relative;
  display: inline-block;
  padding: 0px;
  margin: 0px;
  float: right;
  top: -4px;
}
.blog-single .post-share-option .social-link li{
  display: inline-block;
  margin-left: 6px;
}
.blog-single .post-share-option .social-link li a{
  font-size: 13px;
  color: #848484;
  width: 38px;
  height: 38px;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
  display: inline-block;
  transition: all 500ms ease;
}
.blog-single .post-share-option{
  position: relative;
  margin-bottom: 77px;
}
.blog-single .post-share-option .social-link li a:hover{
  color: #0078BF;
  border: 1px solid #0078BF;
  transition: all 500ms ease;
}
.blog-single .comment-area .title{
  font-size: 22px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 26px;
}
.blog-single .comment-area .comment-box{
  position: relative;
  padding: 0px 0px 15px 106px;
}
.blog-single .comment-area .comment-box .img-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 75px;
  height: 75px;
}
.blog-single .comment-area .comment-box.replay-comment{
  position: relative;
  left: 104px;
  padding: 0px 0px 5px 93px;
}
.blog-single .comment-area .comment-box.replay-comment .img-box{
  width: 61px;
  height: 61px;
}
.blog-single .comment-area .comment-box .comment-inner .comment-title{
  font-size: 16px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 28px;
  color: #222;
  font-weight: 600;
  margin-bottom: 5px;
}
.blog-single .comment-area .comment-box .comment-inner .comment-time{
  font-size: 13px;
  font-family: 'Open Sans',sans-serif;
  line-height: 24px;
  color: #848484;
  margin-bottom: 12px;
}
.blog-single .comment-area .comment-box .comment-inner .comment-time i:before{
  font-size: 13px;
  color: #838383;
  margin-right: 8px;
}
.blog-single .comment-area .comment-box .comment-inner p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 9px;
}
.blog-single .comment-area .comment-box .comment-inner a{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #0078BF;
  text-transform: uppercase;margin-bottom: 0px;
}
.blog-single .comment-inner {
    top: -10px;
    position: relative;
}
.blog-single .comment-form{
  position: relative;
  padding: 0px 0px 0px 0px;
}
.blog-single .comment-form .title{
    font-size: 22px;
    font-family: 'Titillium Web',sans-serif;
    line-height: 30px;
    color: #222;
    margin-bottom: 23px;
}
.blog-single .comment-form input{
  position: relative;
  color: #fff;
  width: 100%;
  height: 50px;
  padding: 19px;
  border: 1px solid #e5e5e5;
  margin-bottom: 30px;
  transition: all 500ms ease;
}
.blog-single .comment-form input[type="text"]:focus, .blog-single .comment-form input[type="search"]:focus, .blog-single .comment-form input[type="password"]:focus, .blog-single .comment-form input[type="date"]:focus, .blog-single .comment-form input[type="datetime"]:focus, .blog-single .comment-form input[type="url"]:focus, .blog-single .comment-form input[type="time"]:focus, .blog-single .comment-form select:focus, .blog-single .comment-form textarea:focus {
    border-color: #00f8ff;
    background-color: #000;
    transition: all 500ms ease;
}
.blog-single .comment-form textarea{
  position: relative;
  color: #fff;
  width: 100%;
  height: 160px;
  padding: 19px;
  border: 1px solid #e5e5e5;
  margin-bottom: 22px;
  resize: none;
  transition: all 500ms ease;
}
.blog-single .comment-form ::-webkit-input-placeholder { /* Chrome */
  color: #848484;
}

.blog-single .comment-form :-ms-input-placeholder { /* IE 10+ */
  color: #848484;
}
.blog-single .comment-form ::-moz-placeholder { /* Firefox 19+ */
  color: #848484;
  opacity: 1;
}
.blog-single .comment-form :-moz-placeholder { /* Firefox 4 - 18 */
  color: #848484;
  opacity: 1;
}
.blog-single .comment-form button {
    position: relative;
    color: #ffffff;
    font-size: 14px;
    background: #0078BF;
    border: 1px solid #0078BF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 24px;
    padding: 12px 33px;
    text-transform: uppercase;
    display: inline-block;
    transition: all 500ms ease;
}
.blog-single .comment-form button:hover {
    color: #0078BF;
    background: transparent;
    border: 1px solid #0078BF;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transition: all 500ms ease;
}
.blog-single .comment-area{
  position: relative;
  padding: 0px 0px 42px 0px;
}
.blog-single .popular-posts .sidbar-title{
  font-size: 20px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 15px;
}
.blog-single .popular-posts .single-item{
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 0px 0px 7px 0px;
  margin-bottom: 8px;
}
.blog-single .popular-posts .post-title a{
  position: relative;
  display: block;
  font-size: 16px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 25px;
  color: #222;
  margin-bottom: 3px;
  transition: all 500ms ease;
}
.blog-single .popular-posts .post-title a:hover{
  color: #0078BF;
  transition: all 500ms ease;
}
.blog-single .popular-posts .post-info{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 10px;
}
.blog-single .popular-posts .post-info i:before{
  font-size: 13px;
  color: #848484;
  margin-right: 10px;
}




/*** 

====================================================================
                        faq-page
====================================================================

***/

.faq-page{
  position: relative;
  padding: 100px 0px 60px 0px;
}
.faq-page .faq-content .faq-title{
  font-size: 22px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 15px;
}
.faq-page .faq-content p{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 10px;
  padding: 0px 60px 0px 25px;
}
.faq-page .faq-content .single-item{
  position: relative;
  margin-bottom: 38px;
}




/*** 

====================================================================
                        contact-page
====================================================================

***/


.contact-section{
  position: relative;
  padding: 105px 0px 50px 0px;
}
.contact-section .single-item{
  position: relative;
}
.contact-section .single-item .icon-box i:before{
  color: #0078BF;
  font-size: 40px;
  margin: 0px;
  margin-bottom: 18px;
  display: block;
}
.contact-section .single-item .title-info{
  font-size: 22px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 30px;
  color: #222;
  display: block;
  margin-bottom: 10px;
}
.contact-section .single-item .text{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 10px;
  display: block;
}
.contact-section .single-item .text a{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 0px;
  display: block;
}
.contact-section .single-item.style-two{
  padding: 0px 72px 0px 0px;
}
.contact-section .single-item.style-three{
  padding: 0px 0px 0px 24px;
}
.contact-section .contact-info{
  position: relative;
  padding: 0px 0px 35px 0px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0px;
}
.google-map-area {
    position: relative;
}
#contact-google-map {
    height: 500px;
    width: 100%;
}
.contact-area{
  position: relative;
  padding: 0px 0px 100px 0px;
}
.contact-area .default-form input{
  position: relative;
  color: #fff;
  width: 100%;
  height: 45px;
  border: 1px solid #dedede;
  padding: 10px;
  margin-bottom: 20px;
  transition: all 500ms ease;
}
.contact-area .default-form textarea{
  position: relative;
  color: #fff;
  width: 100%;
  height: 175px;
  border: 1px solid #dedede;
  padding: 10px;
  margin-bottom: 22px;
  resize: none;
  transition: all 500ms ease;
}
.contact-area .default-form input[type="text"]:focus, .contact-area .default-form input[type="search"]:focus, .contact-area .default-form input[type="password"]:focus, .contact-area .default-form input[type="date"]:focus, .contact-area .default-form input[type="datetime"]:focus, .contact-area .default-form input[type="url"]:focus, .contact-area .default-form input[type="time"]:focus, .contact-area .default-form select:focus, .contact-area .default-form textarea:focus {
    border-color: #00f8ff;
    background-color: #000;
    transition: all 500ms ease;
}
.contact-area .default-form ::-webkit-input-placeholder { /* Chrome */
  color: #848484;
}

.contact-area .default-form :-ms-input-placeholder { /* IE 10+ */
  color: #848484;
}
.contact-area .default-form ::-moz-placeholder { /* Firefox 19+ */
  color: #848484;
  opacity: 1;
}
.contact-area .default-form :-moz-placeholder { /* Firefox 4 - 18 */
  color: #848484;
  opacity: 1;
}
.contact-area .default-form button {
    position: relative;
    color: #ffffff;
    font-size: 14px;
    background: #0078BF;
    border: 1px solid #0078BF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 24px;
    padding: 12px 33px;
    text-transform: uppercase;
    display: block;
    width: 100%;
    transition: all 500ms ease;
}
.contact-area .default-form button:hover {
    color: #0078BF;
    background: transparent;
    border: 1px solid #0078BF;
    transition: all 500ms ease;
}
.contact-area .form-title .title{
  position: relative;
  font-size: 30px;
  font-family: 'Titillium Web',sans-serif;
  line-height: 40px;
  color: #222;
  margin-bottom: -5px;
  top: -10px;
}
.contact-area .form-title .text{
  font-size: 14px;
  font-family: 'Open Sans',sans-serif;
  line-height: 26px;
  color: #848484;
  margin-bottom: 28px;
}



/*** 

====================================================================
                        Error Page
====================================================================

***/

.error-section{
 position: relative;
 padding-top: 75px;
 padding-bottom: 130px;
}
.error-section .error-text h1{
 font-size: 200px;
 line-height: 242px;
 font-weight: 400;
 color: #0078BF;
 font-family: 'Titillium Web', sans-serif;
}
.error-section .error-text h2{
 font-size: 30px;
 line-height: 42px;
 font-weight: 400;
 color: #222;
 padding-bottom: 10px;
 font-family: 'Titillium Web', sans-serif;
}
.error-section .error-text p{
 font-size: 14px;
 line-height: 26px;
 font-weight: 400;
 color: #848484;
 font-family: 'Open Sans', sans-serif;
 margin-bottom: 30px;
}
.error-section .link-btn a{
 font-size: 14px;
 line-height: 26px;
 font-weight: 400;
 color: #fff;
 font-family: 'Open Sans', sans-serif;
 background: #0078BF;
 padding: 13px 19px;
 border-radius: 25px;
 font-weight: 600;
 border: 1px solid #0078BF;
 transition: all 500ms ease;
}
.error-section .link-btn a:hover{
  background: transparent;
  color: #0078BF;
  transition: all 500ms ease;
}