/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR Busizone        |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                TABLE OF CONTENT               |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Top bar Area Css
05. Header Area Css
06. Mainmenu Area Css
07. Rev Slider Wrapper style
08. Sevices Area style
09. Service Section / Style Two
10. Consltation Area Style
11. About Us Area Style
12. Contact Area style
13. Fact Counter Area style
14. Team Section
15. Testimonial Area style
16. Price Table Sec
17. Blog Section / Blog Style 2
18. Side Bar Area Style 
19. Service Details
20. Latest Project Area style
21. Busizone Pagination
22. Blog Details
23. Project Details
24. FAQ'S area
25. Error Page
26. Footer Area
27. Page Title
28. Testimonial Section
29. Map Section


****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/



/* Imported styles */

@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,600,700,700i|Roboto:400,400i,500,700,900');

@import url(/intro/css/bootstrap.min.css);



/*==============================================
   Base Css
===============================================*/


html,
body { height: 100% }
body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #888888;
  line-height: 26px;
  font-weight: 400;
  background: #f6f8f9;
  
}

body.hp-2 {
  color: #707070;
}
button:focus{
  outline: none;
}
h1, h2, h3 {
  font-family: 'Poppins', sans-serif;
  margin: 0;
  text-transform: capitalize;
}

h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  text-transform: capitalize;
}

a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
  color: #888888;
}

img {
  max-width: 100%;
    height: auto;
}
i {
  font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}

p{
  font-family: 'Roboto', sans-serif;
  text-transform: capitalize;
  color: #888888;
}
button, input, select, textarea {
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
}
button{
  border: none;
  text-transform: capitalize;
}
.thm-btn {
  font-size: 14px;
  font-weight: 600;
  padding: 12px 30px;
  text-transform: capitalize;
  font-family: 'Roboto', sans-serif;
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
}
.thm-btn:before {
  background-color: rgb(6, 96, 169);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale(0.5, 1);
     -moz-transform: scale(0.5, 1);
      -ms-transform: scale(0.5, 1);
       -o-transform: scale(0.5, 1);
          transform: scale(0.5, 1);
  -webkit-transition: all 0.4s ease 0s;
     -moz-transition: all 0.4s ease 0s;
      -ms-transition: all 0.4s ease 0s;
       -o-transition: all 0.4s ease 0s;
          transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
  border-radius: 5px;
}

.sec-title {
  margin-top: -1px;
  padding-bottom: 30px;
  position: relative;
}

.sec-title h2 {
  color: #222222;
  font-size: 25px;
  font-weight: 700;
  line-height: 40px;
  text-transform: capitalize;
  margin: 0 0 1px;
}
.sec-title .border{
  height: 2px;
  width: 50px;
  display: inline-block;
  background: #0660a9;
}

.sec-title.style-two .border{
  height: 1px;
  width: 125px;
  display: inline-block;
  background: #159eee;
  position: relative;
}

.sec-title.style-two .border:before {
    content: "";
    position: absolute;
    left: 42%;
    top: -6px;
    width: 14px;
    height: 14px;
    background: #ffe67f;
    border-radius: 50%;
}



.boxed_wrapper {
  /*background: #fff none repeat scroll 0 0;*/
  min-width: 320px;
  overflow-x: hidden;
  width: 100%;
  background:url(/intro/intro_bg.jpg);
  background-size:auto;
  background-position:center;
  height:100%;
}




/* Overlay styles one */

.overlay-style-one{
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
  -webkit-transition-delay: 0.10s;
     -moz-transition-delay: 0.10s;
      -ms-transition-delay: 0.10s;
       -o-transition-delay: 0.10s;
          transition-delay: 0.10s; 
}
.overlay-style-one .box{
  display: table;
  height: 100%;
  width: 100%;    
}
.overlay-style-one .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}

/* Overlay styles two */

.overlay-style-two{
  background-color: rgba(43, 44, 54, 0.9);
  width: 100%;
  height: 100%;
  position:absolute;
  top:0;
  left:0;
  -webkit-transform: scale(0);
  transform: scale(0);
  border: 3px solid #fd3e67;
  -webkit-transition: all 0.7s ease;
     -moz-transition: all 0.7s ease;
      -ms-transition: all 0.7s ease;
       -o-transition: all 0.7s ease;
          transition: all 0.7s ease;
}
.overlay-style-two .box{
  display: table;
  height: 100%;
  width: 100%;    
}
.overlay-style-two .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}




/*** 

====================================================================
  Blog Section
====================================================================

***/

.blog-section{
  position: relative;
  padding: 60px 0px 60px;
  z-index: 1;
  /*background: #f6f8f9;*/
}
.blog-section .item-holder{
  position: relative;
  margin-bottom: 40px;
  border-radius: 0px;
  border: 1px solid #e9ebec;
  border-top: none;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
}
.blog-section .item-holder:hover{
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
  /*
  -webkit-box-shadow: 0 0 20px 5px #f1f1f1;
     -moz-box-shadow: 0 0 20px 5px #f1f1f1;
      -ms-box-shadow: 0 0 20px 5px #f1f1f1;
       -o-box-shadow: 0 0 20px 5px #f1f1f1;
          box-shadow: 0 0 20px 5px #f1f1f1;*/
		  
-webkit-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.8);
       -moz-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.8);
        -ms-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.8);
         -o-box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.8);
            box-shadow: 0px 8px 30px 0px rgba(173, 173, 173, 0.8);
		  
		  
}
.blog-section .item-holder .image-box{
  position: relative;
  border-radius: 0px;
}
.blog-section .item-holder img{
  position: relative;
  width: 100%;
}
.blog-section .item-holder .text-area{
  border-radius: 0px;
  background: #fff;
}
.blog-section .item-holder .content-text {
    position: relative;
    padding: 30px 26px 20px;
}
.blog-section .content-text .title h5 {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #323232;
    padding-bottom: 15px;
}

.blog-section .content-text .text p{
  font-size: 16px;
  line-height: 26px;
  color: #888888;
  font-weight: 400;
  padding-bottom: 15px;
}

.blog-section .read-more-btn a{
  font-size: 16px;
  line-height: 26px;
  color: #888888;
  font-weight: 400;
  padding-bottom: 15px;
  -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
       -o-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
}

.blog-section .read-more-btn a:hover{
  color: #0660a9;
}
/*** 

====================================================================
  Footer Area
====================================================================

***/

.footer-bottom-area {
    padding: 20px 0 11px;
}
.footer-bottom-area p {
    color: #cccccc;
    font-size: 16px;
    font-weight: 400;
}
.footer-bottom-area p a{
  color: #cccccc; 
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
}
.footer-bottom-area p:hover a{
  color: #0660a9;
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
          transition: all 500ms ease;
}