/*-----------------------------------------------------------------------------------

    Template Name: BORAK - Material Design Business Template
    Author: theme-az
    Version: 1.0
    

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================

    1. Base CSS
    2. PRELOADER CSS
    3. HEADER AREA CSS
    4. MAIN MENU CSS
    5. SEARCH FORM CSS
    6. SLIDER AREA CSS
    7. ABOUT US CSS
    8. SERVICE AREA CSS
    9. CHOOSE US CSS
    10. PORTFOLIO CSS
    11. CALL TO ACTION CSS
    12. SKILLS AREA CSS
    13. COUNTDOWN AREA CSS
    14. TEAM AREA CSS
    15. PRICHING TABLE CSS
    16. TESTIMONIAL CSS
    17. SPONSORS AREA CSS
    18. SUBSCRIBE AREA CSS
    19. FOOTER AREA CSS
    20. COPYRIGHT AREA CSS
    21. SCROOL TO UP CSS
    22. BLOG PAGE CSS

-----------------------------------------------------------------------------------*/


/*************************
**********BASE CSS*******
**************************/

body {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1px;
    height: 100%;
    font-family: 'Lato', sans-serif;
    position: relative;
}

html,
body {
    height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}

p {
    font-family: 'Lato', sans-serif;
  
}

a {
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

p {
    line-height: 32px;
}

ul,
li {
    margin: 0;
    padding: 0;
}
img{
    width: 100%;
}
.section_title {
  margin-bottom: 70px;
  margin-top: 100px;
}

.section_title h2 {
  color: #333;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.brand_border .fa.fa-minus {
    color: #fff;
    font-size: 8px;
    height: 2px;
    width: 100px;
}
.brand_border .fa.fa-handshake-o {
    font-size: 14px;
}


.section_title p {
  color: #333;
  font-size: 14px;
  line-height: 25px;
  padding: 14px 0;
}



/*************************
*******PRELOADER CSS****
**************************/

.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -26px 0 0 -26px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 5px solid rgba(0, 0, 0, 0.08);
    border-right: 5px solid rgba(0, 0, 0, 0.08);
    border-bottom: 5px solid rgba(0, 0, 0, 0.08);
    border-left: 5px solid #F8C01B;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    -moz-animation: spinner 700ms infinite linear;
    -ms-animation: spinner 700ms infinite linear;
    -o-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}




/*************************
*******HEADER AREA CSS****
**************************/

.top_header {
  color: #fff;
}

.contact_info > p {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.contact_info i {
  font-weight: 700;
}
.contact_info span {
  margin-left: 30px;
}

.top_header_social {
  text-align: right;
}

.top_header_social a i {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  margin-top: 12px;
  margin-left: 10px;
}

.top_header_social a i:hover{
  color: #282828;
}

.header_area {
  position: absolute;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 999;
}
.is-sticky .header_area {
  background-color: #282828;
  border-bottom: 2px solid #6f6f6f;
  content: "";
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
}
.header_brand > h1 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 10px;
  text-transform: uppercase;
}
#home-sticky-wrapper {
  height: 0 !important;
}

/*************************
*******MAIN MENU CSS*****
**************************/

.main_menu {
    margin-top: 10px;
    margin-bottom: 10px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.is-sticky .main_menu {
    margin-top: 5px;
    margin-bottom: 0px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.navbar {
  border: medium none;
  margin-bottom: 10px;
}
.main_menu ul {
    list-style: none;
}
.main_menu ul li {
    float: left;
    position: relative;
}
.main_menu ul.nav.navbar-nav li.active a {
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.main_menu ul.nav.navbar-nav li.active a:after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: -4px;
  position: absolute;
  top: 70px;
  width: 100%;
}
.is-sticky .main_menu ul.nav.navbar-nav li.active a:after {
  top: 60px;
}
.main_menu ul li a {
  color: #FFFFFF;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  margin-right: 6px;
  text-transform: uppercase;
}
.main_menu ul li a:hover {
    text-decoration: none;
    background: none;
}
.nav > li > a:focus, .nav > li > a:hover {
  background-color: none;
}

/*************************
**********SEARCH FORM CSS********
**************************/

.ss-content {
	background:rgba(255,255,255,0.8);
	position:fixed;
	height:100%;
	width:100%;
	z-index:999999999;
	top:0;
	left:0;
	right:0;
	visibility:hidden;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: .4s;
	transition:.4s;
}

.ss-content-act {
	visibility:visible;
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}	

.ssc-inner {
	height:100vh;
	display:table;
	margin:0 auto;
	width:50%;
}

.ssc-inner form {
	display:table-cell;
	vertical-align:middle;
	margin:auto;
	position:relative;
}

.ssc-inner form input {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: transparent none repeat scroll 0 0;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 4px;
  font-size: 30px;
  font-weight: 300;
  height: 90px;
  line-height: 88px;
  padding-right: 60px;
  width: 100%;
}

.ssc-inner form button {
    border: none;
    background: transparent;
    position: absolute;
    right: 0px;
    margin-top: 33px;
}

.ss-trigger i {
  font-size: 12px;
  color: #FFFFFF;
}

.s-search i {
  cursor: pointer;
  font-size: 12px;
  position: relative;
  right: 0;
  top: 10px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  right: 7px;
}

.is-sticky .icon-search2 {
  top: 12px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.ss-close {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  color: #FFFFFF;
}

.ss-close i {
  color: #ff3c3c;
  font-size: 32px;
  font-weight: 300;
}

.submt_sr i {
  cursor: pointer;
  font-size: 28px;
  position: relative;
  right: 5px;
  top: 4px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}



/*************************
*****SLIDER AREA CSS*****
**************************/


.full_slider {
    position: relative;
    height: 100%;
    z-index: 1;  
    width: 100%;
}

.full_slider:after {
    background: #343642 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.slider1 {
    background-image: url(../images/slider/slider_bg.jpg);
    position: relative;
    background-size: cover;
    height: 100%;
}

.slider2 {
    background-image: url(../images/slider/slider_bg2.jpg);
    position: relative;
    background-size: cover;
    height: 100%;
}

.slider3 {
    background-image: url(../images/slider/slider_bg3.jpg);
    position: relative;
    background-size: cover;
    height: 100%;
}

.slider4 {
    background-image: url(../images/slider/slider_bg4.jpg);
    position: relative;
    background-size: cover;
    height: 100%;
}
.carousel, .carousel-inner, .item.text-center {
  height: 100%;
}
.mainslider_area {
   position: relative;
   z-index: 1;
   padding-bottom: 25px;
   padding-top: 1px;
   width: 100%;
  height: 100%;
  display: table;
}
.single_slider {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
   width: 100%;
}
.slider_area p {
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px;
    letter-spacing: 1px;
}
.slider_area h1 {
    color: #ffffff;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 60px;
}

.left-control, .right-control {
  top: 45%;
  height: 35px;
  width: 35px;
  line-height: 31px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  opacity: 1;
}

.left-control {
  left: 1%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
} 

.right-control {
  left: auto;
  right: 1%;
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
}

.left-control:hover, 
.right-control:hover {
  color: #fff;
}
.carousel-indicators li {
  background-color: #fff;
  border: medium none;
  border-radius: 3px;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

#tohash i.fa.fa-angle-down {
  position: absolute;
  left: 50%;
  bottom: 50px;
  color: #fff;
  display: inline-block;
  width: 24px;
  margin-left: -12px;
  font-size: 24px;
  line-height: 24px;
  z-index: 999;
  -webkit-animation: bounce 3000ms infinite;
  animation: bounce 3000ms infinite;
}
.button {
    margin-top: 30px;
}
.button_one a {
    border: 2px solid #D4D4D6;
    color: #ffffff;
    font-size: 12px;
    padding: 8px 25px;
}
.button_one a:hover{
    color: #ffffff;
    text-decoration: none;
    
}
.button_two a {
    color: #ffffff;
    font-size: 12px;
    padding: 10px 25px;
}
.button_two a:hover{
    color: #ffffff;
    text-decoration: none;
}

.icon_right {
    background-repeat: repeat-x;
    left: 1085px;
    right: 0;
    top: 0px;
}
.icon_left {
    background-repeat: repeat-x;
    left: -120px;
    top: 0px;
}


/*************************
*****ABOUT US AREA CSS****
**************************/

.about_us {
  padding-top: 100px;
}

.aboutus_text h2 {
    font-size: 22px;
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 38px;
}
.seprator {
  color: #fff;
  height: 3px;
  margin: 15px 0;
  width: 13%;
}
.aboutus_text p {
    font-size: 14px;
    color: #333;
    line-height: 25px;
}
.aboutus_text > a {
    color: #fff;
    display: inline-block;
    margin-top: 10px;
    padding: 7px 14px;
}
.aboutus_text > a:hover{
    color: #fff;
}


/*************************
*****SERVICE AREA CSS*****
**************************/

#service .single_service {
  padding: 32px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

#service .single_service:hover{
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.4);
}

#service .icon {
  border: 1px solid #666;
  border-radius: 5%;
  color: #333333;
  font-size: 35px;
  line-height: 65px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 70px;
}

#service .single_service .single_service-left {
  padding-right: 25px;
}

.single_service-heading {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}

.single_service-body p {
  font-size: 13px;
  line-height: 25px;
}

.single_service-left {
  display: table-cell;
  vertical-align: top;
}
.single_service-body {
  color: #333333;
  display: table-cell;
  vertical-align: top;
}


/*************************
******CHOOSE US CSS*******
**************************/

.choose_us {
  margin-top: -50px;
  padding-bottom: 20px;
}

.panel-default > .panel-heading h4 a {
  color: #FFFFFF;
  font-size: 13px;
  text-transform: uppercase;
}
.panel-body {
  padding: 10px 20px;
}
.panel-heading .panel-title a.collapsed[data-toggle="collapse"]:after{
    content: "+";
    font-size: 20px;
}
.panel-heading .panel-title a[data-toggle="collapse"]:after {
  color: #333;
  content: "-";
  display: block;
  font-size: 20px;
  padding-bottom: 7px;
  padding-top: 5px;
  position: absolute;
  right: 0em;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 9%;
}
.panel-collapse {
  border: 1px solid #ddd;
}
.panel-heading .panel-title a[data-toggle="collapse"] {
  color: #FFF;
  display: block;
  font-size: 14px;
  height: 100%;
  position: relative;
  width: 100%;
  letter-spacing: 1px;
  text-transform: capitalize;
}
.panel-heading h4 a {
  padding: 15px 10px;
}
.panel-heading h4 a.collapsed {
  padding: 15px 10px;
}
.panel-heading {
  margin: 0 0 -6px;
}
.panel {
  box-shadow: inherit;
}
.panel-default {
  border: medium none;
}
.panel-default > .panel-heading {
    color: #000;
    background-color: inherit;
    border: none;
    text-decoration: none;
    padding: 5px 0px;
}
.panel-default > .panel-heading h4 a{
  font-size: 15px;
}
.panel-default > .panel-heading h4 a:hover{
  text-decoration: none;
}
.panel-default > .panel-heading h4 a:focus{
  outline: none;
}
.panel-body {
    color: #333;
    font-size: 14px;
    line-height: 26px;
}

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


/*************************
********PORTFOLIO CSS******
**************************/

.work {
  background: #F6F6F6 none repeat scroll 0 0;
  padding-bottom: 90px;
}

.work-inner .mix {
    display: none;
}

ul.work {
  list-style: outside none none;
  padding-bottom: 10px;
  text-align: center;
}

ul.work li {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 8px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    border: none;
    cursor: pointer;
}

ul.work li:hover {
    color: #333;
    border: none;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
}

ul.work li.active {
    border: none;
    color: #333;
    box-shadow: 0px 1px 4.7px 0.3px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.work .item {
    margin-top: 30px;
    position: relative;
}

.work .item img {
    width: 100%;
}

.portfolio-caption {
    color: #FFFFFF;
}

.portfolio-caption {
  height: 90%;
  left: 0;
  margin-left: 18px;
  margin-top: 18px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  width: 90%;
}

.hvr-rectangle-in:before {
  background: #000;
}

.portfolio-caption h4 {
  color: #333;
  margin-top: 25px;
  text-transform: inherit;
}
.portfolio-caption span i {
  margin-top: 135px;
  font-size: 35px;
  color: #333
}
.work .item:hover .portfolio-caption {
  opacity: .9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=100);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}



/*************************
*****CALL TO ACTION CSS***
**************************/

.purchase {
    background-image: url(../images/work1.jpg);
    background-attachment: fixed;
    padding-bottom: 60px;
}
.purchase_area {
  padding-top: 35px;
}
.purchase_oppisiti {
    position: relative;
    z-index: 1;
    padding-bottom: 25px;
   height: 255px;
   padding-top: 1px;
}
.purchase_oppisiti:after {
    background: #282828 none repeat scroll 0 0;
    content: "";
    height: 125%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.purchase_text h3 {
      color: #FFFFFF;
      font-size: 30px;
      font-weight: 700;
      letter-spacing: 1.8px;
      text-transform: uppercase;
}
.purchase_text > p {
  color: #fff;
  font-size: 14px;
  line-height: 30px;
}
.purchase_text {
  padding: 0 100px;
}
.purchase_now > a {
  color: #ffffff;
  font-size: 12px;
  padding: 11px 23px;
  text-transform: uppercase;
  font-weight: 700;
}
.purchase_now > a:hover{
  background-color: #FFFFFF;
  color: #333;
}
.purchase_now {
  margin-top: 25px;
}
.cum_img {
    margin-top: 16px;
}
.purchase_icon {
    color: #FFFFFF;
}


/*************************
*********SKILLS CSS*******
**************************/

.float_right {
  float: right;
  margin-right: 10px;
}

.progress-bar {
    background: #ddd none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 25px;
    margin: 0 0 23px;
    position: relative;
    width: 100%;
    border-radius: 5px;
}
.progress-bar-text {
  color: #333;
  font-size: 15px;
}
.progress-bar > span {
    display: block;
    height: 100%;
    width: 0;
    border-radius: 5px;
}


/*************************
*****COUNTDOWN AREA CSS***
**************************/

.count_down {
   background: #ECECEC none repeat scroll 0 0;
   padding-bottom: 25px;
   padding-top: 1px;
   margin-top: 30px;
}
.countdown_area {
  margin-top: 30px;
}
.counter_item {
    background-color: #282828;
    border-radius: 5px;
    padding-bottom: 20px;
}
.counter_item h2 {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 700;
}
.counter_item p {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
}
.awsam_icon i:hover{
    color: #FFFFFF;
}
.fa.fa-graduation-cap.fa-3x, .fa.fa-users.fa-3x, .fa.fa-trophy.fa-3x, .fa.fa-heart.fa-3x {
  margin-left: 2px;
  margin-top: 42px;
}



/*************************
********TEAM AREA CSS*****
**************************/

.team_profile {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.team_profile:hover{
  border: 1px solid #282828;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  box-shadow: 0 6px 12px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
}
.team_profile h4 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin-top: 16px;
}
.team_profile h4 span {
  font-size: 13px;
  line-height: 32px;
  text-transform: none;
}
.team_profile p {
  color: #333;
  font-size: 12px;
  line-height: 25px;
  margin-left: 30px;
  text-align: left;
}
.team_social {
   padding-bottom: 25px;
}
.team_social_icon {
  color: #fff;
  height: 30px;
  margin-right: 7px;
  width: 35px;
  padding-top: 7px;
}
.fa.fa-facebook.team_social_icon:hover{
  background-color: #3B5997;
}
.fa.fa-twitter.team_social_icon:hover{
   background-color: #29C5F6;
}
.fa.fa-linkedin.team_social_icon:hover{
   background-color: #006DC0;
}

.fa.fa-google-plus.team_social_icon:hover{
   background-color: #D13D2F;
}


/*************************
****PRICHING TABLE CSS****
**************************/

.priching {
  margin-bottom: 120px;
}
/*--Basic table area--*/

.basic_table {
    border: 2px solid #E5E5E5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.basic_table:hover{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.basic_table h4 {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 15px 0;
  text-transform: uppercase;
}
.basic_table p {
  border-bottom: 1px solid #E0E0E0;
  color: #7a7a7a;
  font-size: 13px;
  padding: 15px 0;
}
.basic_table b {
  color: #333333;
  font-size: 35px;
}
.basic_table span {
    font-style: italic;
}
.basic_table ul {
  list-style: outside none none;
  padding: 0;
  text-align: left;
}
.basic_table ul li {
    padding: 15px  0px;
    border-bottom: 1px solid #E0E0E0;
    
}
.basic_table ul li a {
    color: #7a7a7a;
    font-size: 12px;
    margin: 0 0 0 112px;
    font-weight: 700;
}
.basic_table ul li a:hover{
    text-decoration: none;
    cursor: default;
}
.basic_table ul li fa fa-check {
    margin-right: 35px;
}
.table_button {
    margin-bottom: 20px;
    padding: 20px 0;
}
.table_button a {
  border: 1px solid #E0E0E0;
  color: #7a7a7a;
  font-size: 12px;
  font-weight: 700;
  padding: 11px 34px;
  text-transform: uppercase;
}
.table_button a:Hover{
    color: #fff;
    text-decoration: none;
    background: #282828;
    border: none;
}
.basic_table li:hover {
  background: #F0F0F0;
}

/*--Popular table area--*/

.popular_table {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    box-shadow: 0 8px 16px 0 rgba(eb40390,0,0,0.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.popular_table:hover{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.popular_table h4 {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 15px 0;
  text-transform: uppercase;
}
.popular_table p {
  border-bottom: 1px solid #e0e0e0;
  color: #FFFFFF;
  font-size: 13px;
  padding: 15px 0;
}
.popular_table b {
  color: #FFFFFF;
  font-size: 35px;
}
.popular_table span {
    font-style: italic;
}
.popular_table ul {
  list-style: outside none none;
  padding: 0;
  text-align: left;
}
.popular_table ul li {
    padding: 15px  0px;
    border-bottom: 1px solid #FFFFFF;
    
}
.popular_table ul li a {
    color: #FFFFFF;
    font-size: 12px;
    margin: 0 0 0 112px;
    font-weight: 700;
}
.popular_table ul li a:hover{
    text-decoration: none;
    cursor: default;
}

.popular_table ul li a i {
  color: #ffffff;
}
.popular_table ul li a i.priching_icon_crose {
  color: #F04C4A;
}
.priching_icon {
    margin-right: 35px;
    color: #28A3D6;
}
.priching_icon_crose {
    margin-right: 35px;
    color: #F04C4A;
}
.popular_table_button {
    margin-bottom: 20px;
    padding: 20px 0;
}
.popular_table_button a {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 11px 34px;
  text-transform: uppercase;
}
.popular_table_button a:Hover{
    color: #000;
    text-decoration: none;
    background: #fff;
    border: none;
 }



/*************************
******TESTIMONIAL CSS*****
**************************/

.testimonial_area {
    background-image: url(../images/review_bg.jpg);
    background-attachment: fixed;
}
.testimonial {
    position: relative;
    z-index: 1;
    padding-bottom: 25px;
   height: 610px;
   padding-top: 1px;
}
.testimonial:after {
    background: #282828 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.testimonialtop_icon {
    padding-top: 70px;
    padding-bottom: 40px;
}
.single_testimonial p {
    color: #fff;
    font-size: 14px;
    font-style: italic;
    line-height: 30px;
}
.single_testimonial h4 {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    margin-top: 50px;
}
.single_testimonial span {
    color: #BABDC2;
    font-size: 12px;
    padding-bottom: 30px;
    display: inline-block;
}
.single_testimonial img {
    width: 120px;
}
.quote_icn_left {
    float: right;
}
.quote_icn_right {
    float: left;
}
.carousel-indicators {
  bottom: -75px;
}


/*************************
**********BLOG CSS********
**************************/

.post-thumb {
  position: relative;
}
.post-icon {
  position: absolute;
  top:10px;
  right:10px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius:4px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.post-meta {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
}

.post-meta span {
  margin-right: 16px;
}
#post-carousel .carousel-indicators {
  bottom: 3px;
  left: 90%;
}
.blog-left-control, .blog-right-control {
  position: absolute;
  top: 45%;
  width: 30px;
  text-align: center;
  color: rgba(255,255,255,.7);
  font-size: 36px;
}
.blog-left-control {
  left: 0;
}
.blog-right-control {
  right: 0;
}
.blog-left-control:hover, .blog-right-control:hover {
  color: #fff;  
}
.post_content h3 a {
  color: #3f3333;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.post_content h3 a:hover{
  color: #3f3333;
  text-decoration: none;
}
.single_post {
  background-color: #ffffff;
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.single_post:hover{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.post_content {
    padding: 0 12px 28px;
}
.post_content p {
  color: #333;
  font-size: 14px;
  line-height: 25px;
}
.post_content .date, .cetagory {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
  position: relative;
}

.post_content .date:after {
  content: "";
  position: absolute;
  left: 0;
  bottom:-22px;
  width: 20px;
  height: 3px;
}
.load-more {
  display:block;
  text-align: center;
  margin-top: 100px;
}
.read_more_btn a {
  background: #282828 none repeat scroll 0 0;
  color: #fff;
  border-radius: 5px;
  margin-top: 15px;
  padding: 8px 14px;
}
.read_more_btn a:hover{
  background: #282828 none repeat scroll 0 0;
  color: #fff;
  text-decoration: none;
}
.btn-loadmore {
  border: 1px solid #f2f2f2;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 14px 125px;
  text-transform: uppercase;
}
.btn-loadmore:hover {
  color:#fff;
  text-decoration: none
}



/*************************
******SPONSORS AREA******
**************************/

.sponsors_area {
  margin-bottom: 160px;
  margin-top: 160px;
}
#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}


/*************************
******SUBSCRIBE AREA*****
**************************/

.subscribe_area {
  margin-top: -75px;
}
.subscribe_now h2 {
  color: #282828;
  font-size: 22px;
  letter-spacing: 4px;
  margin-bottom: 35px;
  margin-top: 30px;
  text-transform: uppercase;
}
.subscribe_now_boder {
  padding: 10px;
}
.subscribe_now {
  border: 2px dashed #ffffff;
  padding-bottom: 30px;
}
.newsletter input {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-bottom: 1px solid #fff;
  -o-border-image: none;
     border-image: none;
  border-left: medium none;
  border-radius: 0;
  border-right: medium none;
  border-top: medium none;
  color: #282828;
  font-size: 13px;
  font-weight: 700;
  padding: 7px 9px;
  width: 100%;
}
.send_btn {
  background-color: #282828;
  color:#fff; 
  border: medium none;
  float: left;
  padding: 11px 0;
  text-align: center;
  width: 90%;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.send_btn:hover{
  background-color: #0d2a38;
  color:#fff; 
}


/*************************
********FOOTER AREA******
**************************/

.footer_area {
  background-color: #282828;
  padding-bottom: 20px;
}
.footer_bottom {
  margin-top: 50px;
}
.single_widget p {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 30px;
  margin-top: 10px;
}
.single_widget > h3 {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.single_widget ul li {
  list-style: none;
}
.single_widget ul li a {
  color: #fff;
  font-size: 14px;
  line-height: 30px;
}
.footer_social {
  margin-top: 20px;
}
.footer_social i {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  margin-right: 15px;
}
.single_info span {
  color: #A1B4BA;
  font-size: 14px;
  line-height: 25px;
  margin-top: 10px;
}
.contactinfo_area h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px
}
.fa_fa_icon {
  color: #282828;
  display: inline-block;
  float: left;
  margin-right: 20px;
  margin-top: 4px;
  font-size: 14px;
}
.single_info {
  border-bottom: 1px solid #232e3c;
  display: inline-block;
  margin-top: 5px;
  padding-bottom: 5px;
  width: 80%;
}
.fa.fa-map-marker {
  margin-top: 19px;
}
.form-group input {
  background-color: #1b1d29;
  border: 1px solid #273141;
  color: #fff;
  box-shadow:  none;
  font-size: 12px ;
}
.form-control {
  box-shadow:  none;
}
.message_area .form-control {
  background-color: #1b1d29;
  color: #fff;
  border: 1px solid #273141;
  font-size: 12px ;
}
.contactus_area > h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 20px
}
.form-control:focus {
  box-shadow:  none;
  outline: 0 none ;
}
.submit_btn {
  border: medium none;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 9px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}


/*************************
*******COPYRIGHT CSS******
**************************/

.copyright_section {
  background-color: #282828;
  border-top: 1px solid #2c3640;
  padding-bottom: 15px;
}
.copyright_text p {
    color: #FFFFFF;
    font-size: 14px;
    margin-top: 30px;
}

/*--Footer Menu--*/

.footer_menu {
    margin-top: 10px;
    margin-bottom: 10px;
}
.footer_menu ul {
    list-style: none;
}
.footer_menu ul li {
    float: left
}
.footer_menu ul li a {
    font-size: 13px;
    color: #FFFFFF;
    margin-right: 15px;
    display: inline-block;
    font-weight: 700;
    padding: 20px 6px
}
.footer_menu ul li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}


/*************************
******SCROOL TO UP CSS****
**************************/

#toTop {
  background: url("../images/arr2.png") no-repeat scroll 0 0;
  border: medium none;
  bottom: 10%;
  display: none;
  height: 36px;
  overflow: hidden;
  position: fixed;
  right: 3%;
  text-decoration: none;
  text-indent: 100%;
  width: 38px;
  z-index: 999;
  border-radius: 5px;
}
#toTop:hover{
 box-shadow: 0 6px 11px 0 rgba(0,0,0,0.2);
}
#toTopHover {
  display: block;
  float: right;
  height: 32px;
  opacity: 0;
  overflow: hidden;
  width: 32px;
}


/*************************************************************************************************
***************BLOG PAGE HEADER AREA**************************************************************
**************************************************************************************************/

.blog_post_area {
  margin-bottom: 150px;
}
.blog_head_area {
    background-image: url(../images/blog/blog_bg.jpg);
    min-height: 300px;
    background-attachment: fixed;
}
.blog_head_opacity {
    position: relative;
    z-index: 1;
    padding-bottom: 25px;
   height: 300px;
   padding-top: 1px;
}
.blog_head_opacity:after {
    background: #343642 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: .9;
}
.blog_head h4 {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  margin-top: 100px;
  text-transform: capitalize;
}


/*************************
****BLOG POST AREA CSS****
**************************/

.blog_post {
  margin-top: 80px;
}
.blog_title h2 {
  color: #151515;
  font-size: 25px;
  font-weight: 700;
  padding: 20px 0;
  text-transform: uppercase;
}
.blog_meta ul li i {
  font-size: 14px;
  margin-right: 5px;
}
.blog_meta > ul li {
  border-right: 1px solid #e9e9e9;
  color: #999999;
  display: block;
  float: left;
  font-size: 13px;
  list-style: outside none none;
  padding: 0 15px;
}
.blog_meta {
  border-bottom: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  padding: 13px 18px 34px 0;
}
.post-content > p {
  color: #6E6E6E;
  font-size: 14px;
}
.social_share {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  padding: 12px 18px 38px 0px;
}
.post_tag > ul li {
  border: 1px solid #CCCCCC;
  color: #868686;
  float: left;
  font-size: 13px;
  list-style: outside none none;
  margin-left: 20px;
  padding: 0 12px;
}
.tag_active {
  color: #fff !important;
}
.post_tag > ul li:hover{
  color: #fff;
  border: 1px solid #fff;
}
.post_share > ul li {
  border: 1px solid #d6d6d6;
  border-radius: 20px;
  float: left;
  font-size: 12px;
  list-style: outside none none;
  margin-left: 20px;
  padding: 2px 30px;
  color: #777777;
}
.post_tag span {
  color: #8f8f8f;
  float: left;
  font-size: 14px;
}
.post_like i {
  text-align: left;
  margin-left: -12px;
  margin-right: 12px;
}
.post_like > span {
  color: #fff;
  margin-left: 6px;
  padding: 0 4px;
  border-radius: 5px;
}
.fb_share {
  background-color: #215b9a;
  color: #fff !important;
}
.fb_share i {
  margin-left: -12px;
  margin-right: 12px;
}
.tw_share {
  background-color: #00ADF2;
  color: #fff !important;
}
.tw_share i {
  margin-left: -12px;
  margin-right: 12px;
} 
.media {
  border: 1px solid #dedede;
  padding: 30px 20px;
}
.media-heading {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.media-body p {
  font-size: 13px;
  line-height: 25px;
}
.media-body {
  color: #333333;
}
.comments {
  margin-top: 40px;
} 
.post-comment {
  margin-top: 40px;
} 
.post-comment h3 {
  color: #333333;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 16px;
} 
.post-comment .form-control {
  border-radius: 0;
  box-shadow: none;
  color: #6e6e6e !important;
} 
.post-comment .btn-send {
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  padding: 10px 25px;
  text-align: center;
}
.media-body > a {
  color: #fff;
  font-size: 12px;
  padding: 5px 20px;
  text-align: center;
  border: 1px solid #fff;
}
.media-body > a:hover{
  background-color: #fff;
  color: #868686;
  font-size: 12px;
  padding: 5px 20px;
  text-align: center;
  border: 1px solid #cccccc;
}
.comment_input input {
  background-color: transparent !important;
  border: 1px solid #ccc !important;
}
.form-horizontal > p {
  text-align: center;
  margin-top: 30px;
}
.post_pagination {
  border-top: 2px solid #ececec;
}
.previous_post > a {
  color: #999999;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 50px;
  display: block;
}
.previous_post > a:hover{
  color: #E74B3C;
}
.previous_post a i {
  font-size: 18px;
  font-weight: 700;
  margin-right: 5px;
}
.next_post > a {
  color: #999999;
  font-size: 14px;
  text-transform: uppercase;
  text-align: right;
  margin-top: -22px;
  display: block;
}
.next_post a i {
  font-size: 18px;
  font-weight: 700;
  margin-left: 5px;
}
.next_post > a:hover{
  color: #E74B3C;
}



/*************************
********SIDEBAR CSS*******
**************************/

.sidebar .widget {
  margin-bottom: 40px;
  padding: 15px;
}
.sidebar .widget h3 {
  margin-top: 8px;
}
.sidebar .search input.form-control {
  border-right: 0;
  border-radius: 0;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}
.sidebar .search button {
  border-left: 0;
}
.sidebar .search button:hover {
  background: transparent;
}
.sidebar .categories ul li {
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 0;
  list-style: none;
}
.sidebar .categories ul li span.badge {
  float: right;
  background: transparent;
  color: #444;
  border: 1px solid #dedede;
  border-radius: 0;
}
.sidebar .categories ul li a {
  color: #555;
}
.sidebar .categories ul li:last-child {
  border-bottom: none;
}
.sidebar .recent-post ul li {
  margin: 20px 0;
  list-style: none;
}
.sidebar .recent-post ul li a {
  color: #555;
  font-size: 15px;
}
.sidebar .recent-post ul li a:hover {
  color: #02bdd5;
}
.sidebar .recent-post span {
  font-weight: 300;
  color: #999;
  font-size: 12px;
}