/* Css For Munson */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider 
6. Who-we-are
7. Our Process
9. Portfolio Section
8. Fact Counter
10. Service Section
11. Testimonial Section
12. News Section
14. Brand Section
15. Main Footer
16. Header Style Two
19. Slider Style Two
20. Hidder Bar Style
21. Great Design
22. Service Style Two
23. Team Section
24. Portfolio Style Two
25. Call Out Section
26. Process Section
27. Home Page Six
28. About Page
29. Page Title
30. Home Page Seven
31. Service Page
32. Service Style Three
33. Faq Section
34. Team Page
35. Call Out Style Three
36. Error Page
37. Error Section
38. Portfolio Page
39. Portfolio Standard
40. Portfolio Masonary
41. Portfolio Big Img
42. Portfolio Small Img
43. Portfolio Big Slider
44. Portfolio Small Slider
45. Blog Page
46. Blog Grid
47. Blog Standard
48. Blog Standard Content
49. Default Blog Content
50. Blog Sidebar Content
51. Blog Details One
52. Blog Details Content
53. Blog Details Two
54. Contact Page
55. Google Map
56. Contact Section
57. Contact Info


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


/* use font link */



@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');


/* use style sheet */

@import url(../css/font-awesome.css);
@import url(../css/flaticon.css);
@import url(../css/owl.css);
@import url(../css/bootstrap.css);
@import url(../css/jquery.fancybox.css);
@import url(../css/animate.css);

@import url(../css/settings.css);
@import url(../css/layers.css);
@import url(../css/navigation.css);




/*** 

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

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


/*** 

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

 ***/


body {
  font-size:18px;
  color:#777777;
  line-height:25px;
  font-weight:300;
  background:#ffffff;
  font-family: 'Nunito Sans', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

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

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

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

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


a{
  text-decoration:none;
  position: relative;
  font-size: 16px;
  font-family: 'Montserrat',sans-serif;
  line-height: 24px;
  font-weight: 400;
  cursor:pointer;
  color:#848484;
  transition: all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
  color: #778899;
  transition: all 500ms ease;
}

input,button,select,textarea{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

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

input{
  transition: all 500ms ease;
}
button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-size: 18px;
  font-family: 'Nunito Sans', sans-serif;
  line-height: 25px;
  font-weight: 300;
  color: #777777;
  margin-bottom: 10px;
  font-style: normal;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6 {
  position:relative;
  font-family: 'Montserrat', Sans-serif;
  font-weight: 400;
  margin: 0px;
  color: #232323;
  transition: all 500ms ease;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  position:relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  margin: 0px;
  color: #232323;
  transition: all 500ms ease;
}

h1{
  font-size: 60px;
  line-height: 75px;
  font-weight: 700;
}

h2{
  font-size: 42px;
  font-weight: 700;
  line-height: 50px;
}
h3{
  font-size: 24px;
  line-height: 33px;
  font-weight: 600;
}
h4{
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}
h5{
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}
h6{
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
}


h3 a{
  font-size: 24px;
  line-height: 33px;
  font-weight: 500;
}
h4 a{
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}
h5 a{
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}

h3 a:hover,
h4 a:hover{
  color: #778899;
}

.black-bg{
  background: #232323;
}
.gray-bg{
  background: #f9f9f9;
}
.centred{
  text-align: center;
}
.sec-pad{
  padding: 91px 0px 100px 0px;
}
.sec-pad-two{
  padding: 91px 0px 100px 0px;
}
.sec-pad-three{
  padding: 100px 0px;
}
.pull-left{
  float: left;
}
.pull-right{
  float: right;
}


h2.sec-title{
  position: relative;
  margin-bottom: 58px;
}
h2.sec-title:before{
  position: absolute;
  content: '';
  background: #778899;
  width: 40px;
  height: 4px;
  border-radius: 5px;
  left: 50%;
  margin-left: -25px;
  bottom: -24px;
}
figure{
  margin: 0px;
}


/** button **/

.theme-btn {
  position: relative;
  display: inline-block;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  padding: 12px 22px 12px 23px;
  font-weight: 500;
  background: #778899;
  border: 1px solid #778899;
  color: #fff;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  text-align: center;
  z-index: 1;
}
.theme-btn:hover{
  color: #778899;
  background: transparent;
}

.theme-btn-two {
  position: relative;
  display: inline-block;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  padding: 12px 39px 12px 40px;
  font-weight: 500;
  background: transparent;
  border: 1px solid #778899;
  color: #778899;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  text-align: center;
  z-index: 1;
}
.theme-btn-two:hover{
  color: #fff;
  background: #778899;
}


.page-pagination{
  position: relative;
  display: block;
  margin-top: 29px;
  text-align: center;
}
.page-pagination li{
  display: inline-block;
  margin: 0px 2px;
}
.page-pagination li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #d4d4d4;
  color: #232323;
  transition: all 500ms ease;
}
.page-pagination li a:hover,
.page-pagination li a.active{
  background: #778899;
  color: #fff;
  border: 1px solid #778899;
}

.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-top {
  width: 45px;
  height: 45px;
  line-height: 45px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  font-size: 16px;
  border-radius: 50%;
  z-index: 99;
  display: none;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: #778899;
  transition: all 500ms ease;
  -webkit-animation: pulse 1s infinite;
  -o-animation: pulse 1s infinite;
  animation: pulse 1s infinite;
}
.scroll-top:hover{
  background: #222;
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.scroll-top span{
  color: #fff;
}



/*** 

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

***/


/** main-header **/

.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  padding: 0px 80px 0px 80px;
  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:#ffffff;
  z-index:0;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.40);
  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-menu **/


.main-menu{
  display: inline-block;
}
.menu-area .social{
  position: relative;
  display: inline-block;
  float: right;
  margin-top: 36px;
}
.menu-area .social li{
  position: relative;
  display: inline-block;
  margin-left: 13px;
}
.menu-area .social li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #868686;
}
.menu-area .social li a:hover{
  color: #778899;
}
.main-menu .navbar-collapse{
  padding:0px;  
}

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

.main-menu .navigation > li{
  position:relative;
  float:left;
  margin: 0px 19px;
}
.menu-area{
  position: relative;
  float: right;
}
.main-menu .navigation > li > a{
  position:relative;
  display:block;
  font-size:12px;
  font-family: 'Montserrat', sans-serif;
  color:#232323;
  line-height:30px;
  font-weight:600;
  opacity:1;
  text-transform:uppercase;
  padding: 35px 10px 26px 10px;
  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.current > a{
  color: #778899;
}

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

.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top: 108%;
  width:250px;
  z-index:100;
  display:none;
  background:#ffffff;
  border-top: 3px solid #778899;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.13);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.13);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.13);
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  padding: 7px 30px;
  border-bottom: 1px solid #778899;
  transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  font-family: 'Montserrat', sans-serif;
  padding:6px 0px;
  line-height:24px;
  font-size:12px;
  color:#232323;
  font-weight: 600;
  text-align:left;
  text-transform:capitalize;
  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{
  color: #fff;
}
.main-menu .navigation > li > ul > li:hover{
  background: #778899;
}

.main-menu .navigation > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
}
.main-menu .navbar-collapse > ul li.dropdown{
  position: relative;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  position:absolute;
  right: -2px;
  top: 38px;
  font-size:12px;
  color:#232323;
  cursor:pointer;
  z-index:5;
}
.main-menu .navbar-collapse > ul li.dropdown.current .dropdown-btn{
  color: #778899;
}
.navbar-header {
  display: none;
}
.main-header .logo-box{
  position: relative;
  display: inline-block;
  margin-top: 36px;
}

/** main slider **/

.main-slider{
  position: relative;
}
#slide-1687-layer-4,#slide-1688-layer-4,#slide-1689-layer-4{
  padding: 0px !important;
  border: none;
}
#slide-1687-layer-4:hover,
#slide-1688-layer-4:hover,
#slide-1689-layer-4:hover{
  background: none !important;
}
.main-slider .text{
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  font-weight: 400;
  line-height: 28px;
  text-transform: uppercase;
}
.main-slider .btn-two{
  margin-right: 15px;
}
div#slide-1687-layer-1,
div#slide-1688-layer-1{
  background-color: rgba(239, 239, 239, 0.00) !important;
}
.tp-bannertimer.tp-bottom{
  display: none;
}
.portfolio-style-two .column{
  padding: 0px 0px;
}
.portfolio-style-two .sortable-masonry .masonry-item{
  padding: 0px 0px;
}


/** who-we-are **/


.who-we-are .who-we-content .text{
  margin-bottom: 32px;
  line-height: 27px;
}
.who-we-are h2.sec-title:before{
  left: 0px;
  margin-left: 0px;
}
.Skills-progress {
  position: relative;
  width: 100%;
  margin-top: 2px;
}
.Skills-progress .progress {
  height: 3px;
  border-radius: 0px;
}
.Skills-progress .progress-item .progress {
  background-color: #e5e5e5;
  margin-bottom: 33px;
  overflow: visible;
}
.Skills-progress .single-item:last-child .progress-item .progress{
  margin-bottom: 0px;
}
.Skills-progress .progress-item .progress-bar {
  background-color: #323232;
  font-size: 12px;
  height: 3px;
  line-height: 18px;
  padding-left: 10px;
  position: relative;
  text-align: left;
  -webkit-transition: all 3s ease 0s;
  -moz-transition: all 3s ease 0s;
  -ms-transition: all 3s ease 0s;
  -o-transition: all 3s ease 0s;
  transition: all 3s ease 0s;
  width: 0;
}
.Skills-progress .progress-bar .value-holder {
  background-color: #222;
  position: absolute;
  text-align: center;
  top: -9px;
  right: -2px;
  height: 20px;
  width: 2px;
}
.Skills-progress .progress-bar .value-holder .value {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  color: #232323;
  line-height: 33px;
  top: -32px;
  right: 1px;
}
.Skills-progress .single-item .text{
  position: relative;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  color: #232323;
  margin-bottom: 13px;
}
.perctnt-box {
  position: absolute;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  color: #232323;
  top: -24px;
  right: -30px;
}


/** our-process **/


.our-process{
  padding: 110px 0px 92px 0px;
}
.single-process-content h4{
  color: #fff;
  margin-bottom: 12px;
}
.single-process-content .icon-box{
  position: relative;
  margin-bottom: 31px;
} 
.single-process-content .icon-box i:before{
  font-size: 55px;
  color: #778899;
  margin: 0px;
  transition: all 500ms ease;
}
.single-process-content:hover .icon-box i:before{
  color: #fff;
}
.single-process-content .text{
  color: #cccccc;
}
.process-style-two .single-process-content .text{
  color: #777777;
}


/** portfolio-section **/


.sortable-masonry .masonry-item{
  padding: 0px 8px;
  margin: 0px;
}
.single-portfolio-content img{
  width: 100%;
}
.single-portfolio-content{
  position: relative;
  margin-bottom: 15px;
}
.inner-box {
  position: relative;
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
.overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  transform: translateY(-25px);
  transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
}
.single-portfolio-content:hover .overlay-box {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}
.overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  padding: 15px;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.60);
}
.filter-btns{
  position: relative;
  margin-bottom: 59px;
}
.filter-btns li{
  position: relative;
  display: inline-block;
  font-size: 16px;
  padding: 3px 16px 2px 16px;
  margin: 0px 3px;
  cursor: pointer;
  transition: all 500ms ease;
}
.filter-btns li.active{
  background: #f2f2f2;
  color: #232323;
}
.single-portfolio-content .img-box{
  position: relative;
}
.single-portfolio-content .overlay-content .caption-title{
  position: absolute;
  left: 30px;
  bottom: 30px;
  color: #fff;
}
.single-portfolio-content .overlay-content h4 a{
  display: inline-block;
  color: #fff;
}
.single-portfolio-content .overlay-content .text{
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  margin-top: 1px;
}
.single-portfolio-content .overlay-content .icon-box{
  position: absolute;
  right: 34px;
  bottom: 39px;
}
.single-portfolio-content .overlay-content .icon-box i:before{
  font-size: 10px;
  color: #232323;
  margin: 0px;
  transition: all 500ms ease;
}
.single-portfolio-content .overlay-content .icon-box a{
  display: inline-block;
  color: #232323;
  background: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
}
.single-portfolio-content .overlay-content .icon-box a:hover i:before{
  color: #778899;
}
.portfolio-section .portfolio-btn{
  margin-top: 64px;
}
.portfolio-section .portfolio-btn a.theme-btn{
  padding: 12px 39px 12px 39px;
}
.portfolio-section h2.sec-title{
  margin-bottom: 65px;
}
.portfolio-section .row{
  margin: 0px -7px;
}


/** fact-counter **/


.fact-counter{
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 120px 0px 120px 0px;
}
.single-counter-box .count-outer{
  position: relative;
  display: inline-block;
  font-size: 52px;
  line-height: 50px;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  font-weight: 400;
  margin-bottom: 13px;
}
.single-counter-box .text{
  color: #ffffff;
}
.single-counter-box{
  position: relative;
}
.single-counter-box:before{
  position: absolute;
  content: '';
  background: #6f6c6b;
  width: 54px;
  height: 1px;
  bottom: 50%;
  right: -35px;
}
.counter-column:last-child .single-counter-box::before{
  display: none;
}

/** service-section **/


.service-section h2.sec-title{
  margin-bottom: 111px;
}
.service-tab-title .tab-title li{
  position: relative;
  display: inline-block;
  margin: 0px 53px;
  cursor: pointer;
}
.service-tab-title .tab-title li.active:before{
  position: absolute;
  content: '';
  background: #778899;
  width: 100%;
  height: 1px;
  left: 0px;
  bottom: -23px;
}
.service-tab-title .tab-title .icon-box{
  margin-bottom: 11px;
}
.service-tab-title .tab-title li.active h4{
  color: #778899;
}
.service-tab-title .tab-title .icon-box i:before{
  font-size: 60px;
  color: #778899;
  margin: 0px;
}
.service-tab-title{
  position: relative;
  display: block;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 22px;
  margin-bottom: 57px;
}
.tab-details-content img{
  width: 100%;
}
.tab-details-content .single-tab-content .title{
  position: relative;
  font-size: 22px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #232323;
  margin-bottom: 20px;
}
.tab-details-content .single-tab-content .content{
  margin: 17px 0px 0px 27px;
}
.tab-details-content .single-tab-content .content .text{
  margin-bottom: 25px;
}
.tab-details-content .single-tab-content .content .text p{
  margin-bottom: 23px;
}
.tab-details-content .single-tab-content .img-box{
  margin: 0px 10px;
}


/** testimonial-section **/


.testimonial-section{
  padding: 50px 0px 76px 0px;
}
.testimonial-content .icon-box i:before{
  font-size: 60px;
  color: #494949;
  margin: 0px;
}
.testimonial-content .icon-box{
  margin-bottom: -32px;
}
.testimonial-content{
  position: relative;
  margin: 50px 0px 0px 0px;
  padding: 0px 175px;
}
.testimonial-content .text{
  font-size: 22px;
  color: #c6c6c6;
  line-height: 32px;
  margin-bottom: 21px;
  font-style: italic;
}
.testimonial-content .author-thumb{
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  margin-bottom: -2px;
}
.testimonial-content .author-thumb img{
  width: 100%;
  border-radius: 50%;
}
.testimonial-section .owl-dots{
  display: none !important;
}
.testimonial-section .owl-prev{
  position: absolute;
  top: 50%;
  left: -15px;
}
.testimonial-section .owl-next{
  position: absolute;
  top: 50%;
  right: -15px;
}
.testimonial-section .owl-theme .owl-controls span:before{
  margin: 0px;
}
.testimonial-section .author h5{
  color: #fff;
  margin-bottom: -5px;
}
.testimonial-section .author .rating li{
  position: relative;
  display: inline-block;
  margin: 0px -1px;
  font-size: 11px;
  color: #778899;
}


/** news-section **/



.news-section{
  padding-bottom: 95px;
}
.single-news-content .img-box img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.single-news-content:hover .img-box img{
  transform: scale(1.1);
}
.single-news-content .img-box{
  position: relative;
  overflow: hidden;
}
.single-news-content .img-box:before{
  position: absolute;
  content: '';
  background: #232323;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .5;
  z-index: 1;
}
.single-news-content .lower-content{
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 2;
}
.single-news-content .lower-content .meta-content li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #fff;
}
.single-news-content .lower-content h4 a{
  display: inline-block;
  color: #fff;
  margin-bottom: 20px
}
.single-news-content .lower-content .icon-box i:before{
  color: #fff;
  margin: 0px;
  transition: all 500ms ease;
}
.news-section .owl-nav{
  display: none !important;
}
.news-section .owl-dots{
  text-align: center;
  margin-top: 49px;
}
.news-section .top-text{
  margin-bottom: 56px;
}

/** brand-section **/


.brand-section{
  position: relative;
  background: #f3f3f3;
  padding: 49px 0px 50px 0px;
}
.brand-section .owl-theme .owl-controls{
  display: none;
}
.brand-section .img-box {
  position: relative;
  text-align: center;
}
.brand-section .img-box img {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 100%;
  opacity: 0.3;
  z-index: 1;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.brand-section .img-box img:hover{
  opacity: 1;
}


/** main-footer **/


.main-footer{
  position: relative;
  color: #999999;
  padding: 74px 0px 52px 0px;
}
.main-footer h4.footer-title{
  color: #fff;
  margin-bottom: 24px;
}
.main-footer .logo-widget{
  margin-right: -30px;
  margin-top: -4px;
}
.main-footer .logo-widget .logo-box{
  display: inline-block;
  margin-bottom: 28px;
}
.main-footer .logo-widget .text{
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 19px;
}
.main-footer .logo-widget .copyright,
.main-footer .logo-widget .copyright a{
  font-size: 15px;
}
.main-footer .footer-post{
  position: relative;
  margin-left: -30px;
}
.main-footer .footer-post .post{
  position: relative;
  padding: 0px 0px 18px 71px;
}
.main-footer .footer-post .post .post-thumb{
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;
  width: 51px;
  height: 51px;
  border-radius: 50%;
}
.main-footer .footer-post .post .post-thumb img{
  width: 100%;
  border-radius: 50%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.main-footer .footer-post .post:hover .post-thumb img{
  transform: scale(1.1);
}
.main-footer .footer-post .post .text a{
  position: relative;
  display: inline-block;
  font-size: 17px;
  font-family: 'Nunito Sans', sans-serif;
  color: #fff;
  margin-bottom: 2px;
}
.main-footer .footer-post .post .text a:hover{
  color: #778899;
}
.main-footer .footer-post .post .post-info{
  font-size: 13px;
  color: #7e7e7e;
}
.main-footer .instagram-widget .img-box{
  position: relative;
  overflow: hidden;
  display: inline-block;
  float: left;
  width: 60px;
  height: 60px;
  margin: 0px 5px 5px 0px;
}
.main-footer .instagram-widget{
  margin-left: 30px;
}
.main-footer .instagram-widget .img-box img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.main-footer .instagram-widget .img-box img:hover{
  transform: scale(1.1);
}
.main-footer .info-widget .contact-info li{
  position: relative;
  font-size: 16px;
  padding: 0px 0px 8px 21px;
}
.main-footer .info-widget .contact-info .icon-box{
  position: absolute;
  left: 0px;
  top: -2px;
}
.main-footer .info-widget .contact-info .icon-box i:before{
  font-size: 14px;
}
.main-footer .info-widget h4.footer-title{
  margin-bottom: 19px;
}


/*** 

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

***/


/*** Hidden Sidebar style ***/

.hidden-bar{
  position: fixed;
  top: 0;
  width: 305px;
  height: 100%;
  background: #232323;
  z-index: 99999;
  padding: 80px 30px 30px 30px;
  transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
}
.hidden-bar .mCSB_inside > .mCSB_container{
  margin-right:0px; 
}
.hidden-bar.right-align {
  right: -400px;
}
.hidden-bar.right-align.visible-sidebar{
  right:0px;  
}
.hidden-bar.right-align.visible-sidebar .logo-box{
  margin-bottom: 120px;
}
.hidden-bar.left-align.visible-sidebar {
  left: 0px;
}
.hidden-bar.left-align .hidden-bar-closer {
  right: -20px;
}
.hidden-bar .hidden-bar-closer {
  position: absolute;
  top: 5px;
  right: 10px;
  text-align: center;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  z-index: 999999;
}
.hidden-bar .hidden-bar-closer .btn {
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 14px;
  color: #fff;
  transition: all 500ms ease;
}
.hidden-bar .hidden-bar-closer .btn:hover{
  color: #778899;
}
.hidden-bar .hidden-bar-closer .btn:focus{
  outline: none;
  box-shadow: none;
}
.hidden-bar-wrapper {
  height: 100%;
}
.hidden-bar .logo {
  padding: 30px 0px;
  background: #fff;
}
.hidden-bar .side-menu {
  background-color: transparent;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-size:12px;
  letter-spacing:1px;
}
.hidden-bar .side-menu ul li ul a {
  background: transparent;
}
.hidden-bar .side-menu ul li ul li ul li a {
  background: transparent;
}
.hidden-bar .side-menu li.current > a {
  color: #fff;
}
.hidden-bar .side-menu ul li a {
  background: transparent;
  color: #fff;
  display: block;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,0.20);
  padding: 8px 15px;
  position: relative;
  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;
}
.hidden-bar .copyright{
  position: absolute;
  left: 30px;
  bottom: 60px;
  font-size: 13px;
  color: #fff;
}
.hidden-bar .side-menu ul li a .btn.expander {
  background: none;
  color: #fff;
  padding: 3px 7px;
  font-size: 14px;
  border-radius: 0px;
  position: absolute;
  top: 6px;
  right: 20px;
  outline: none;
}
.hidden-bar .side-menu ul li a .btn:focus{
  box-shadow: none;
}
.hidden-bar .navigation > li{
  display: block;
}

/** header-style-two **/

.header-style-two{
  padding: 32px 80px 31px 80px;
}
.header-style-two .sticky-header{
  padding: 22px 80px 21px 80px;
}
.header-style-two .top-left{
  margin-top: 5px;
}
.header-style-two .top-left .social li{
  display: inline-block;
  margin-right: 13px;
}
.header-style-two .logo-box{
  display: block;
  width: 120px;
  margin: 4px auto;
}
.hidden-bar-opener{
  position: relative;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #d0d0d0;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  transition: all 500ms ease;
}
.hidden-bar-opener:hover{
  border: 1px solid #778899;
  color: #778899;
}
.hidden-bar-opener:focus{
  outline: none;
  box-shadow: none;
}
.slider-style-two .theme-btn{
  padding: 12px 36px 12px 36px;
}


/** great-design **/


.great-design .text{
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 31px;
}
.great-design h2.sec-title{
  line-height: 45px;
}


/** service-style-two **/


.service-style-two{
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}
.overlay-bg:before{
  position: absolute;
  content: '';
  background: rgba(35, 35, 35, 0.9);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.service-style-two h2.sec-title{
  color: #fff;
}
.service-style-two .service-content-two{
  position: relative;
  display: block;
  border: 2px solid #fff;
  background: transparent;
  padding: 112px 0px 60px 0px;
  transition: all 500ms ease;
}
.service-style-two .service-content-two:hover{
  background: #fff;
}
.service-style-three .service-content-two:hover{
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
} 
.service-style-two .service-content-two .icon-box{
  margin-bottom: 11px;
}
.service-style-two .service-content-two .icon-box i:before{
  color: #fff;
  font-size: 60px;
  margin: 0px;
  transition: all 500ms ease;
}

.service-style-two .service-content-two:hover .icon-box i:before{
  color: #778899;
}
.service-style-two .service-content-two h4 a{
  color: #fff;
  margin-bottom: 15px;
}
.service-style-two .service-content-two h4 a:hover{
  color: #778899 !important;
}
.service-style-two .service-content-two:hover h4 a{
  color: #232323;
}
.service-style-two .service-content-two .arrow-icon i:before{
  margin: 0px;
  color: transparent;
}
.service-style-two .service-content-two:hover .arrow-icon i:before{
  color: #778899;
}
.service-style-two h2.sec-title{
  margin-bottom: 84px;
}


/** team-section **/


.single-team-content{
  position: relative;
  display: inline-block;
}
.single-team-content .inner-box{
  border-radius: 50%;
  margin-bottom: 12px;
}
.single-team-content:hover .overlay-box {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  -moz-transform: translateY(0px);
}
.single-team-content .img-box{
  overflow: hidden;
  max-width: 246px;
  height: auto;
  border-radius: 50%;
}
.single-team-content .img-box img{
  width: 100%;
}
.single-team-content .overlay-inner a{
  position: relative;
  display: inline-block;
  font-size: 0px;
  width: 100%;
  height: 100%;
}
.single-team-content .overlay-box{
  transform: translateY(0px);
}
.single-team-content .lower-content .text{
  font-size: 15px;
  margin-top: -2px;
  margin-bottom: 7px;
}
.single-team-content .lower-content .team-social li{
  position: relative;
  display: inline-block;
  margin: 0px 5px;
}
.team-section .top-text{
  margin-bottom: 54px;
}


/** overlay-style-two **/




.overlay-style-two .overlay-item{
  position: relative;
  margin-bottom: 0px;
}
.overlay-style-two .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(0, 0, 0, 0.60);
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  transform: scale(0, 0);
}
.overlay-style-two:hover .overlay {
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  transform: scale(1, 1);
}
.overlay-style-two .overlay-item img{
  width: 100%;
}
.overlay-style-two .overlay-item .overlay a{
  position: relative;
  display: inline-block;
  color: #fff;
}
.overlay-style-two .overlay-item .overlay i:before{
  font-size: 20px;
  margin: 0px;
}

/** call-out-section **/


.call-out-section{
  position: relative;
  padding: 58px 0px 57px 0px;
}
.call-out-section .text{
  position: relative;
  display: inline-block;
  font-size: 38px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  line-height: 45px;
  color: #fff;
}
.call-out-section .call-btn{
  margin-top: -4px;
}
.call-out-section .call-btn .theme-btn{
  padding: 12px 28px 12px 29px;
}

/** process-style-two **/


.process-style-two .single-process-content h4,
.process-style-two .single-process-content:hover .icon-box i:before{
  color: #232323;
}
.process-section h2.sec-title{
  margin-bottom: 100px;
}
.process-section .process-style-two{
  margin-bottom: 68px;
}


/*** 

====================================================================
                        About-Page
====================================================================

***/

.page-title{
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 152px 0px 0px 0px;
}
.page-title:before{
  position: absolute;
  content: '';
  background: rgba(35, 35, 35, 0.70);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.page-title .text{
  position: relative;
  font-size: 50px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #fff;
  line-height: 60px;
  padding-bottom: 20px;
}
.page-title .bread-crumb{
  position: relative;
  display: inline-block;
  background: #fff;
  padding: 17px 35px;
  top: 27px;
  box-shadow: 0 0 15px rgba(35, 35, 35, 0.20);
  z-index: 1;
}
.page-title .bread-crumb li{
  position: relative;
  display: inline-block;
  margin-right: 2px;
  padding-right: 10px;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #232323;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.page-title .bread-crumb li:last-child{
  margin-right: 0px;
  padding-right: 0px;
  color: #778899;
}
.page-title .bread-crumb li:first-child:before{
  position: absolute;
  content: '/';
  font-size: 12px;
  color: #232323;
  top: 0px;
  right: 0px;
}
.page-title .bread-crumb li a{
  display: inline-block;
  margin: 0px 0px;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #232323;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.page-title .bread-crumb li a:hover{
  color: #778899;
}

/** about-section **/


.about-section{
  padding: 20px 0px 93px 0px;
}
.about-section .img-box img{
  max-width: none;
  float: right;
}
.about-section h2.sec-title{
  line-height: 45px;
}
.about-section h2.sec-title:before{
  left: 0%;
  margin-left: 0px;
}
.about-section .about-content .text{
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 32px;
}
.about-section .about-content .theme-btn-two{
  padding: 12px 31px 12px 31px;
}
.about-section .about-content{
  margin-top: 52px;
}

/** callout-style-two **/


.callout-style-two{
  padding: 72px 0px 78px 0px;
}
.callout-style-two .content-box .title{
  position: relative;
  font-size: 38px;
  line-height: 45px;
  color: #232323;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  margin-bottom: 17px;
}
.callout-style-two .content-box .text{
  margin-bottom: 28px;
}
.callout-style-two .content-box .theme-btn{
  padding: 12px 29px 12px 29px;
}

/** service-style-three **/


.service-style-three h2.sec-title,
.service-style-three .service-content-two h4 a{
  color: #232323;
}
.service-style-three .service-content-two{
  background: #fff;
  box-shadow: 0 4px 5px rgba(233, 236, 239, 0.20);
}
.service-style-three .service-content-two .icon-box i:before,
.service-style-three .service-content-two h4 a:hover{
  color: #778899;
}


/** faq-section **/


.faq-section{
  padding-top: 110px;
}
.faq-section h2.sec-title:before{
  left: 0%;
  margin-left: 0px;
}
.faq-section h2.sec-title{
  margin-bottom: 93px;
}
.faq-section .faq-content{
  margin-top: 33px;
}

/** accrodian box **/

.accordion-box{
  margin-top: -10px;
}
.accordion {
  position: relative;
  margin-bottom: 10px;
}
.accordion .acc-btn{
  position: relative;
}
.accordion .acc-btn .toggle-icon {
  position: absolute;
  right: 21px;
  top: 17px;
  cursor: pointer;
}
.accordion .acc-btn .toggle-icon span:before{
  font-size: 16px;
  color: #232323;
  transition: all 500ms ease;
}
.accordion .acc-btn .toggle-icon span.fa-plus{
  position: relative;
  left: 6px;
}
.accordion .acc-btn .toggle-icon span.fa-minus{
  position: relative;
  left: -6px;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus{
  position: absolute;
  right: 12px;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus:before{
  color: #778899;
}
.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.active .toggle-icon .minus {
  opacity: 1;
}
.accordion-box .accordion .acc-content {
  display: none;
  padding: 26px 15px 15px 30px;
}
.accordion-box .accordion .acc-content.collapsed {
  display: block;
}
.accordion-box .accordion .acc-btn .title{
  position: relative;
  display: block;
  font-size: 18px;
  color: #222;
  background: #fff;
  border: 1px solid #eeeeee;
  padding: 15px 60px 12px 28px;;
  cursor: pointer;
  transition: all 500ms ease;
}
.accordion-box .accordion .acc-content p{
  margin-bottom: 0px;
}

.team-page{
  padding-bottom: 70px;
}
.team-page .single-team-content{
  margin-bottom: 74px;
}


/*** 

====================================================================
                        Error-Page
====================================================================

***/


.error-section{
  padding: 90px 0px 100px 0px;
}
.error-section .error-title{
  position: relative;
  font-size: 160px;
  line-height: 160px;
  color: #232323;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  margin-bottom: 8px;
}
.error-section .error-text{
  position: relative;
  font-size: 30px;
  line-height: 39px;
  font-family: 'Montserrat', sans-serif;
  color: #232323;
  font-weight: 600;
  margin-bottom: 29px;
}
.error-section .text{
  font-size: 22px;
  line-height: 32px;
  color: #232323;
  margin-bottom: 34px;
}


/*** 

====================================================================
                        Portfolio-Page
====================================================================

***/


.portfolio-standard-content .img-box{
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
}
.portfolio-standard-content .img-box img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.portfolio-standard-content:hover .img-box img{
  transform: scale(1.1);
}
.portfolio-standard-content{
  margin-bottom: 42px;
}
.portfolio-standard-content .text{
  font-size: 16px;
}
.portfolio-standard-content h4 a{
  display: inline-block;
  margin-bottom: 1px;
}
.portfolio-masonry .page-pagination{
  margin-top: 64px;
}
.portfolio-big-image .img-box{
  position: relative;
  overflow: hidden;
}
.portfolio-big-image .lower-content .content-box{
  position: relative;
  padding: 3px 45px 0px 0px;
}
.portfolio-big-image .lower-content{
  padding-bottom: 26px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 39px;
}
.portfolio-big-image .lower-content .like-box{
  position: absolute;
  top: 10px;
  right: 52px;
}
.portfolio-big-image .lower-content .like-box a{
  position: relative;
  display: inline-block;
  width: 70px;
  height: 30px;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #232323;
  transition: all 500ms ease;
}
.portfolio-big-image .lower-content .like-box a:hover{
  background: #778899;
}
.portfolio-big-image .lower-content .content-box .text{
  padding: 20px 0px 0px 0px;
}
.portfolio-big-image .lower-content .text p{
  margin-bottom: 17px;
}
.portfolio-big-image .lower-content .information-box h3.title{
  margin-bottom: 19px;
}
.portfolio-big-image .lower-content .information-box .text{
  position: relative;
  display: block;
  margin-bottom: 11px;
  font-size: 16px;
}
.portfolio-big-image .lower-content .information-box .text span{
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  color: #232323;
  margin-right: 6px;
}
.portfolio-big-image .lower-content .information-box .share a{
  display: inline-block;
  font-size: 15px;
  margin-right: 10px;
}
.portfolio-big-image .btn-box .prev-btn,
.default-blog-content .btn-box .prev-btn{
  position: relative;
  display: inline-block;
  padding: 0px 0px 0px 109px;
}
.portfolio-big-image .btn-box .prev-btn .img-box,
.default-blog-content .btn-box .prev-btn .img-box{
  position: absolute;
  overflow: hidden;
  background: #e5e5e5;
  left: 0px;
  top: 0px;
  width: 90px;
  height: 90px;
}
.portfolio-big-image .img-holder{
  position: relative;
  overflow: hidden;
  background: #e5e5e5;
  margin-bottom: 30px;
}
.portfolio-big-image .img-holder img,
.default-blog-content .btn-box .prev-btn .img-box img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.portfolio-big-image .img-holder img:hover,
.default-blog-content .btn-box .prev-btn .img-box:hover img{
  transform: scale(1.1);
}
.portfolio-big-image .btn-box .prev-btn .img-box img,
.default-blog-content .btn-box .prev-btn .img-box img{
  margin: 0px;
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.portfolio-big-image .btn-box .prev-btn .img-box img:hover,
.default-blog-content .btn-box .next-btn .img-box img:hover{
  transform: scale(1.1);
}
.portfolio-big-image .btn-box .next-btn,
.default-blog-content .btn-box .next-btn{
  position: relative;
  display: inline-block;
  padding: 0px 109px 0px 0px;
  text-align: right;
}
.portfolio-big-image .btn-box .next-btn .img-box,
.default-blog-content .btn-box .next-btn .img-box{
  position: absolute;
  overflow: hidden;
  background: #e5e5e5;
  width: 90px;
  height: 90px;
  right: 0px;
  top: 0px;
}
.portfolio-big-image .btn-box .next-btn .img-box img,
.default-blog-content .btn-box .next-btn .img-box img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.portfolio-big-image .btn-box .next-btn .img-box img:hover,
.default-blog-content .btn-box .next-btn .img-box img:hover{
  transform: scale(1.1);
}
.portfolio-big-image .btn-box .prev-btn .text a,
.portfolio-big-image .btn-box .next-btn .text a,
.default-blog-content .btn-box .prev-btn .text a,
.default-blog-content .btn-box .next-btn .text a{
  font-size: 15px;
  display: inline-block;
  font-weight: 300;
  margin-bottom: 2px;
}
.portfolio-big-image .btn-box .prev-btn .icon a,
.portfolio-big-image .btn-box .next-btn .icon a,
.default-blog-content .btn-box .prev-btn .icon a,
.default-blog-content .btn-box .next-btn .icon a{
  font-size: 18px;
  color: #232323;
}
.portfolio-big-image .btn-box .prev-btn .icon a:hover,
.portfolio-big-image .btn-box .next-btn .icon a:hover,
.default-blog-content .btn-box .prev-btn .icon a:hover,
.default-blog-content .btn-box .next-btn .icon a:hover{
  color: #778899;
}
.portfolio-big-image .btn-box .prev-btn h4,
.portfolio-big-image .btn-box .next-btn h4,
.default-blog-content .btn-box .prev-btn h4,
.default-blog-content .btn-box .next-btn h4{
  margin-bottom: 10px;
}
.portfolio-small-image .lower-content {
  padding-bottom: 0px;
  border-bottom: none;
  margin: -6px -50px 0px 0px;
}
.portfolio-small-image .lower-content .content-box .text {
  padding: 18px 0px 18px 0px;
}
.portfolio-small-image .btn-box{
  position: relative;
  display: block;
  margin-top: 49px;
  padding-top: 39px;
  border-top: 1px solid #e6e6e6;
}
.portfolio-small-image .lower-content .like-box{
  top: 7px;
  right: 52px;
}
.portfolio-big-slider .owl-dots{
  display: none !important;
}
.portfolio-big-slider .owl-theme .owl-controls .owl-prev{
  position: absolute;
  left: 30px;
  top: 42%;
}
.portfolio-big-slider .owl-theme .owl-controls .owl-next{
  position: absolute;
  right: 30px;
  top: 42%;
}
.portfolio-big-slider .owl-theme .owl-controls .owl-nav [class*="owl-"]{
  color: #232323;
  transition: all 500ms ease;
}
.portfolio-big-slider .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{
  color: #778899;
}
.portfolio-big-slider .owl-theme .owl-controls .owl-nav span:before{
  margin: 0px;
}
.portfolio-big-slider .portfolio-slider img{
  width: 100%;
  margin-bottom: 32px;
}


/*** 

====================================================================
                        Blog-Page
====================================================================

***/


.blog-grid{
  padding: 100px 0px;
}
.blog-grid .single-news-content{
  margin-bottom: 50px;
}
.blog-grid .single-news-content .img-box{
  position: relative;
  overflow: hidden;
}
.blog-grid .single-news-content .img-box img{
  transition: all 500ms ease;
  transform: scale(1.0);
}
.blog-grid .single-news-content:hover .img-box img{
  transform: scale(1.1);
}
.blog-grid .single-news-content .lower-content{
  bottom: 30px;
}
.default-blog-content{
  margin-right: 50px;
}
.default-blog-content .single-item .img-box img{
  width: 100%;
  transform: scale(1.0);
  transition: all 500ms ease;
}
.blog-standard-content .single-item:hover .img-box img{
  transform: scale(1.1);
}
.default-blog-content .single-item .img-box{
  position: relative;
  overflow: hidden;
  margin-bottom: 23px;
}
.default-blog-content .single-item .meta-content{
  margin-bottom: 4px;
}
.default-blog-content .single-item .meta-content li{
  position: relative;
  display: inline-block;
  font-size: 14px;
}
.default-blog-content .single-item .lower-content h3 a{
  display: inline-block;
  margin-bottom: 12px;
}
.default-blog-content .single-item .lower-content p{
  margin-bottom: 23px;
}
.default-blog-content .single-item .theme-btn-two{
  padding: 12px 32px 12px 33px;
}
.default-blog-content .single-item{
  margin-bottom: 50px;
}
.video-gallery {
  position: relative;
  text-align: center;
}
.video-gallery .img-box img {
  position: relative;
  width: 100%;
}
.video-gallery:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
}
.video-gallery .overlay-gallery {
  background-color: transparent;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  transition: all 500ms ease;
}
.video-gallery .overlay-gallery .icon-holder{
  display: table;
  height: 100%;
  width: 100%;    
}
.video-gallery .overlay-gallery .icon-holder .icon{
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.video-gallery .overlay-gallery .icon-holder .icon a{
  position: relative;
  display: inline-block;
  background: rgba(34, 34, 34, 0.85);
  width: 75px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  border-radius: 5px;
  z-index: 1;
}
.video-gallery .overlay-gallery .icon-holder .icon i:before{
  font-size: 24px;
  color: #fff;
}
.default-blog-content .single-item blockquote{
  position: relative;
  display: block;
  background: #232323;
  padding: 34px 30px 34px 130px;
  font-size: 20px;
  color: #c9c9c9;
  font-style: italic;
}
.default-blog-content .single-item blockquote .quot-icon i:before{
  font-size: 40px;
  color: #484848;
  margin: 0px;
}
.default-blog-content .single-item blockquote .quot-icon{
  position: absolute;
  left: 62px;
  top: 45px;
}
.default-blog-content .single-item blockquote .meta-content {
  margin-bottom: 13px;
}
.default-blog-content .single-item blockquote .text{
  line-height: 28px;
  margin-bottom: 10px;
}
.default-blog-content .single-item blockquote h6{
  color: #fff;
}
input[type="text"], 
input[type="email"], 
input[type="search"],
input[type="password"], 
input[type="number"],
textarea {
  position: relative;
  width: 100%;
  font-size: 15px;
  height: 50px;
  border: 1px solid #e8e8e8;
  padding: 10px 50px 10px 20px;
  transition: all 500ms ease;
}
textarea{
  height: 140px;
  resize: none;
}
input:focus,
textarea:focus{
  border: 1px solid #778899;
}
.blog-sidebar-content .sidebar-search .form-group input:focus + button, 
.blog-sidebar-content .sidebar-search .form-group button:hover {
  color: #778899;
}
.blog-sidebar-content .sidebar-search .form-group{
  position: relative;
  margin: 0px;
}
.blog-sidebar-content .sidebar-search .form-group button{
  position: absolute;
  top: 12px;
  right: 19px;
  font-size: 13px;
  color: #777;
  background: transparent;
  cursor: pointer;
  transition: all 500ms ease;
}
.blog-sidebar-content{
  margin-left: -40px;
}
.blog-sidebar-content .sidebar-widget{
  margin-bottom: 42px;
}
.blog-sidebar-content .sidebar-categories,
.blog-sidebar-content .sidebar-post{
  margin-bottom: 25px;
}
.blog-sidebar-content h4.sidebar-title{
  position: relative;
  margin-bottom: 41px;
}
.blog-sidebar-content h4.sidebar-title:before{
  position: absolute;
  content: '';
  background: #778899;
  width: 40px;
  height: 4px;
  left: 0px;
  bottom: -16px;
  border-radius: 5px;
}
.blog-sidebar-content .categories-list li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 300;
  padding: 0px 0px 0px 15px;
  margin-bottom: 11px;
}
.blog-sidebar-content .categories-list li a:before{
  position: absolute;
  content: "\f105";
  font-family: 'FontAwesome';
  font-size: 15px;
  left: 0px;
  top: 0px;
}
.blog-sidebar-content .sidebar-post .post{
  position: relative;
  padding: 0px 0px 17px 70px;
}
.blog-sidebar-content .sidebar-post .post .post-thumb{
  position: absolute;
  left: 0px;
  top: 1px;
  width: 51px;
  height: 51px;
  overflow: hidden;
  border-radius: 50%;
}
.blog-sidebar-content .sidebar-post .post .post-thumb img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.blog-sidebar-content .sidebar-post .post:hover .post-thumb img{
  transform: scale(1.1);
}
.blog-sidebar-content .sidebar-post .post .post-info{
  font-size: 13px;
}
.blog-sidebar-content .sidebar-post .post h5 a{
  margin-bottom: 2px;
}
.blog-sidebar-content .sidebar-tag .tag-list a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-family: 'Nunito Sans', Sans-serif;
  font-weight: 300;
  background: #f6f6f6;
  padding: 7px 18px 4px 19px;
  margin: 0px 1px 5px 0px;
}
.blog-sidebar-content .sidebar-tag{
  margin-bottom: 36px;
}
.blog-sidebar-content .sidebar-tag .tag-list a:hover{
  color: #fff;
  background: #778899;
}
.blog-sidebar-content .sidebar-tag h4.sidebar-title{
  margin-bottom: 46px;
}
.blog-sidebar-content .sidebar-follow .social-list a{
  position: relative;
  display: inline-block;
  font-size: 17px;
  margin-right: 25px;
}
.blog-details-content-one .single-item .lower-content .text p{
  margin-bottom: 18px;
}
.blog-details-content-one .lower-content h3{
  margin-bottom: 12px;
}
.blog-details-content-one .blockquote{
  position: relative;
  display: inline-block;
  padding: 0px 35px 0px 35px;
  margin: 24px 0px 33px 0px;
}
.blog-details-content-one .blockquote .text{
  margin-bottom: 13px;
  line-height: 33px;
  font-size: 22px;
  color: #232323;
}
.blog-details-content-one .blockquote h6{
  color: #778899;
}
.blog-details-content-one .blockquote .icon-box{
  position: relative;
  display: inline-block;
  margin-bottom: 11px;
}
.blog-details-content-one .blockquote .icon-box:before{
  position: absolute;
  content: '';
  background: #cacaca;
  width: 58px;
  height: 1px;
  left: 44px;
  top: 12px;
}
.blog-details-content-one .blockquote .icon-box:after{
  position: absolute;
  content: '';
  background: #cacaca;
  width: 58px;
  height: 1px;
  right: 44px;
  top: 11px;
}
.blog-details-content-one .blockquote .icon-box i:before{
  font-size: 30px;
  color: #a5a5a5;
  margin: 0px;
}
.blog-details-content-one .single-item{
  margin-bottom: 24px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e6e6e6;
}
.default-blog-content .post-share-option li,
.default-blog-content .share-box .tag-list li{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #848484;
  font-weight: 600;
}
.default-blog-content .share-box .tag-list li.tag,
.default-blog-content .share-box .post-share li.share{
  color: #232323;
}
.default-blog-content .post-share-option li a{
  display: inline-block;
  font-size: 15px;
  margin-right: 13px;
}
.default-blog-content .post-share-option{
  margin-bottom: 72px;
}
.group-title{
  position: relative;
  font-size: 30px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #232323;
  margin-bottom: 82px;
}
.group-title:before{
  position: absolute;
  content: '';
  background: #778899;
  width: 40px;
  height: 4px;
  left: 0px;
  bottom: -32px;
  border-radius: 5px;
}
.default-blog-content .btn-box{
  position: relative;
  margin-top: 60px;
  margin-bottom: 77px;
  padding-top: 39px;
  border-top: 1px solid #e6e6e6;
}
.default-blog-content .comments-area .comment{
  position: relative;
  padding: 0px 0px 41px 108px;
}
.default-blog-content .comments-area .comment .img-box{
  position: absolute;
  left: 0px;
  top: 5px;
  width: 79px;
  height: 79px;
  overflow: hidden;
  border-radius: 50%;
}
.default-blog-content .comments-area .comment .img-box img{
  width: 100%;
}
.default-blog-content .comments-area .comment h5{
  display: inline-block;
}
.default-blog-content .comments-area .comment .info span{
  font-size: 15px;
}
.default-blog-content .comments-area .comment .info a{
  float: right;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #778899;
}
.default-blog-content .comments-area .comment .info a:hover{
  color: #222;
}
.default-blog-content .comments-area .comment .info{
  margin-bottom: 12px;
}
.default-blog-content .comments-area{
  margin-bottom: 33px;
}
.default-blog-content .comments-area .group-title{
  margin-bottom: 67px;
}
.default-blog-content .comments-area .comment.replay{
  margin-left: 110px;
}
.default-blog-content .comment-form .form-group{
  margin: 0px;
}
.default-blog-content .comment-form input{
  margin-bottom: 19px;
}
.default-blog-content .comment-form textarea{
  margin-bottom: 23px;
}
.blog-details-content-two .single-item .lower-content h3{
  margin-bottom: 12px;
}
.blog-details-content-two .single-item .lower-content p,
.blog-details-content-two .single-item p {
  margin-bottom: 18px;
}
.blog-details-content-two .content-style-one{
  display: inline-block;
  margin-bottom: 15px;
}
.blog-details-content-two .content-style-two .img-box{
  margin: 0px -5px 23px 0px;
}
.blog-details-content-two .content-style-two .content{
  margin: 7px 0px 0px 5px;
}
.blog-details-content-two .content-style-two .content .text{
  margin-bottom: 19px;
}
.blog-details-content-two .content-style-two .list li{
  position: relative;
  display: block;
  padding: 0px 0px 0px 27px;
  margin-bottom: 7px;
}
.blog-details-content-two .content-style-two .list li:before{
  position: absolute;
  content: "\f058";
  font-family: 'FontAwesome';
  font-size: 16px;
  color: #778899;
  left: 0px;
  top: 0px;
}
.blog-details-content-two .content-style-two{
  display: inline-block;
  margin-bottom: 12px;
}
.default-blog-content .share-box .tag li a{
  font-size: 15px;
}
.blog-details-content-two .post-share-option{
  margin-bottom: 0px;
}
.blog-details-content-two .share-box{
  position: relative;
  padding: 24px 0px 0px 0px;
  margin: 0px 0px 74px 0px;
  border-top: 1px solid #e6e6e6;
}
.blog-details-content-two .post-author{
  position: relative;
  padding: 38px 15px 27px 161px;
  margin: 0px 0px 50px 0px;
  background: #f6f6f6;
}
.blog-details-content-two .post-author h5{
  margin-bottom: 13px;
}
.blog-details-content-two .post-author .text{
  margin-bottom: 11px;
}
.blog-details-content-two .post-author .author-thumb{
  position: absolute;
  left: 32px;
  top: 32px;
  overflow: hidden;
  border-radius: 50%;
  width: 101px;
  height: 101px;
}
.blog-details-content-two .post-author .author-thumb img{
  width: 100%;
  border-radius: 50%;
}
.blog-details-content-two .single-item{
  margin-bottom: 33px;
}
.blog-details-content-two .post-author .social a{
  margin-right: 11px;
}
.blog-details-content-two .related-post{
  margin-bottom: 80px;
}

/*** 

====================================================================
                        Contact-Page
====================================================================

***/


.contact-section{
  padding: 98px 0px 100px 0px;
}
#contact-google-map {
  height: 370px;
  width: 100%;
}
.google-map-section{
  position: relative;
  padding: 0px;
}
.google-map-section .google-map-area{
  margin-bottom: -60px;
}
.contact-section .form-group{
  margin: 0px;
}
.contact-section .contact-form-area{
  margin-right: 45px;
}
.contact-section .contact-form-area input{
  margin-bottom: 19px;
}
.contact-section .contact-form-area textarea{
  margin-bottom: 23px;
}
.contact-section .contact-info-box .contact-info li{
  position: relative;
  padding: 0px 0px 0px 20px;
  margin-bottom: 11px;
  font-size: 17px;
}
.contact-section .contact-info-box .contact-info .icon-box{
  position: absolute;
  left: 0px;
  top: -1px;
}
.contact-section .contact-info-box .text{
  margin-bottom: 35px;
  line-height: 27px;
}
.contact-section .contact-info-box{
  margin-left: -30px;
}
.contact-section .contact-info-box .group-title{
  margin-bottom: 76px;
}

#blanco{
  color: white !important;
}
#btn_pres{
  margin-top: 50px;
}
video#video_background_home { 
  position: relative;
  min-width: 100%;
  width: auto;
  height: auto;
}
.boldy{
  font-weight: bolder;
}
.blanco{
  color: white !important;
}