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

1. Imported styles
2. Global styles
3. Header styles
4. Slider styles
5. Our Services styles
6. Our features styles
7. About section styles
8. Team Member styles
9. call to action styles
10. Blog styles
11. Testimonial styles
12. contact styles
13. Subscription styles
14. Footer styles
15. Inner banner styles
16. Inner banner styles
17. Project content styles
18. Shop styles
19. Cart Page styles
20. Checkout page styles
21. fact section styles

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

/* ==============================
   1. Imported styles
   ============================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700%7cMontserrat:400,700&subset=latin,latin-ext');

@import url(bootstrap.min.css);
@import url(bootstrap-select.min.css);
@import url(jquery.bootstrap-touchspin.css);


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




/* ==============================
   4. Slider styles
   ============================== */

.rev_slider_wrapper .tparrows {
  width: 40px;
  height: 100px;
  font-size: 18px;
  line-height: 100px;
  color: #fff;
  background: #004b83;
  visibility: visible ;
  opacity: 2 ;
  margin-top: -50px;
  transition: all 0.5s ease;
}
.rev_slider_wrapper .tparrows:before {
  line-height: 54px;
  font-size: 18px;
  line-height: 98px;
  font-weight: bold;
}
.rev_slider_wrapper .tparrows:hover {
  background: #000;
}
.rev_slider_wrapper .tp-bannertimer {
  display: none;
}
.rev_slider_wrapper .tp-bannertimer.tp-bottom { 
  top:auto; 
  bottom:0px ;
  height:5px
}




.rev_slider_wrapper{
  position:relative;
  width:100%;
}

.rev_slider_wrapper .tp-caption{
  z-index:5;
}

.rev_slider_wrapper .tp-dottedoverlay{
  background-color:rgba(0,0,0,0) !important;  
}

.rev_slider_wrapper .content-box{
  position:relative;
  max-width:570px;
  padding:30px 40px 30px 115px;
  background:rgba(0, 0, 0, 0.75);  
}

.rev_slider_wrapper .text{
  font-weight:400;
  line-height:1.8em;
  color:#1c1c1c;
  font-size:14px;
  margin-bottom:20px;
}

.rev_slider_wrapper h2{
  position: relative;
  font-size:34px;
  color:#fff;
  font-weight:600;
  font-family: "Raleway", sans-serif;
  text-transform:capitalize;
  line-height:50px;
  padding-bottom: 15px;
  margin-bottom:15px;
}
.rev_slider_wrapper h2:after {
  position:absolute;
  content: "";
  left:0px;
  right:0;
  bottom: 0;
  width:100%;
  height:1px;
  background: #352d26;
}
.rev_slider_wrapper h2:before {
  position:absolute;
  content: "";
  left:0px;
  right:0;
  bottom: 1px;
  width:60px;
  height:3px;
  background: #004b83;
}
.rev_slider_wrapper h2 i:before {
  position: absolute;
  left: -90px;
  top: 10px;
  font-size: 55px;
  color: #004b83;
}

.rev_slider_wrapper .list-info {
  position: relative;
}
.rev_slider_wrapper .list-info ul {
  position: relative;
  float: left;
  margin-right: 30px;
  padding-bottom: 15px;
}

.rev_slider_wrapper .list-info ul li {
  color: #004b83;
  position: relative;
  padding-left: 22px;
  padding-bottom: 10px;
  font-size: 14px;
}

.rev_slider_wrapper .list-info ul li:after {
  position: absolute;
  content: "\f046";
  font-family: "FontAwesome";
  font-size: 15px;
  color: #004b83;
  left: 0;
}





.rev_slider_wrapper .upper-line{
  position:relative;
  width:100%;
  width:700px;
  height:8px;
  border-top:8px solid #ffffff; 
}

.rev_slider_wrapper .upper-line:before{
  content:'';
  position:absolute;
  right:100%;
  top:-8px;
  width:8px;
  height:60px;
  border-right:8px solid #ffffff; 
}

.rev_slider_wrapper .upper-line:after{
  content:'';
  position:absolute;
  left:100%;
  top:-8px;
  width:8px;
  height:60px;
  border-right:8px solid #ffffff; 
}

.rev_slider_wrapper .lower-line{
  position:relative;
  width:100%;
  width:700px;
  height:8px;
  border-bottom:8px solid #ffffff;  
}

.rev_slider_wrapper .lower-line:before{
  content:'';
  position:absolute;
  right:100%;
  bottom:-8px;
  width:8px;
  height:60px;
  border-right:8px solid #ffffff; 
}

.rev_slider_wrapper .lower-line:after{
  content:'';
  position:absolute;
  left:100%;
  bottom:-8px;
  width:8px;
  height:60px;
  border-right:8px solid #ffffff; 
}

.rev_slider_wrapper h3{
  font-size:22px;
  color:#f0bc00;
  font-weight:400;
  line-height:1em;
  text-transform:capitalize;
}

.rev_slider_wrapper .subtitle{
  font-size:14px;
  color:#ffffff;
  line-height:24px;
  padding:4px 30px;
  font-weight:400;
  background:#f7542b;
  text-transform:uppercase;
}

.rev_slider_wrapper .title{
  font-size:50px;
  color:#ffffff;
  font-weight:700;
  line-height:1.3em;
  text-transform:uppercase;
  word-spacing:3px;
  letter-spacing:1px;
}

.rev_slider_wrapper .title-uppercase{
  font-size:60px;
  color:#ffffff;
  font-weight:700;
  line-height:1.3em;
  text-transform:uppercase;
  word-spacing:5px;
  letter-spacing:2px;
}


.rev_slider_wrapper .link_btn{
  font-size:14px;
  color:#ffffff;
  font-weight:700;
  text-transform: uppercase;
  line-height:1.3em;
  font-family: "Raleway", sans-serif;
  display: inline-block;
  transition: .5s ease;
}
.rev_slider_wrapper .link_btn span{
  transform: rotate(-90deg);
}

.rev_slider_wrapper .link_btn:hover {
  color: #004b83;
  transition: .5s ease;
}