/*
Author       : Themes_master
Template Name: Ratio - Material Design Agency Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START FEATURE AND ABOUT DESIGN
    05. START WHY CHOOSE US DESIGN
    06. START SERVICE DESIGN
    07. START COUNTER DESIGN
    08. START PORTFOLIO DESIGN
    09. START TEAM DESIGN
    10. START TESTIMONIAL DESIGN
    11. START PARTNER LOGO DESIGN
    12. START BLOG DESIGN
    13. START NEWSLETTER DESIGN
    14. START PRICING TABLE DESIGN
    15. START CONTACT DESIGN
    16. START MAP DESIGN
    17. START SOCIAL PROFILE DESIGN
    18. START FOOTER DESIGN
    19. START SECTION TOP  DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
	background-color: #fff;
	color: #777;
	font-family: 'Hind', sans-serif;
	font-size: 14px;
	/* [disabled]font-weight: 300; */
	line-height: 26px;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
}
:focus{outline:0;}
a {
    
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a, a:hover {
    color: #dd3333;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p { margin-bottom: 0 }
ul,
li {
    margin: 0;
    padding: 0;
}

#blgs{display:none;}
.tabs li:last-child {
    margin-right: 0px !important;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
.location_set {
	text-align:left; 
	float: left;
    margin-left: 25%;
}
#recource{
	display:none;
	}
li#recource {
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 15px;
    padding: 12px 0px 0px 0px;
}
div#mobile ul li {
    padding: 0px 0px;
    margin: 0px;
    cursor: pointer;
    text-align: center;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
	
}
.pricing-list li {
    /* border-bottom: 1px dashed #eee; */
    color: #333;
    font-size: 16px;
    padding: 3px 65px !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    text-align: left;
}
 .video-sec .overlayss {
    background: rgba(5, 5, 5, 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
	transition: all linear 0.7s;
	background-size: cover !important;
}

.overlayss h1 {
    FONT-SIZE: 92px;
    /* font-weight: bold; */
    letter-spacing: -4px;
    color: #fff;
    font-family: Quarto A,Quarto B,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;
}


.blk-bg {
    background: rgb(5, 5, 5, 0);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all linear 0.7s;
    background-size: cover !important;
}
.head {
    font-size: 21px;
    text-align: left;
    letter-spacing: 0.5px;
}
.pricesss {
    font-size: 30px;
    text-align: right;
    letter-spacing: 0.5px;
    font-weight: bold;
}
#page-header h4 {
    font-size: 23px;
    margin-top: 39px;
}
.gaps {
    margin-top: 40px;
}
.gaps .form-control {
    display: block;
    width: 70%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    float: right;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	margin-bottom:15px;
}
.head {
    text-align: left;
    font-weight: bold;
}
.bt {
    margin-bottom: 30px;
}
p.para {
    text-align: center;
    letter-spacing: 0.2px;
    font-size: 17px;
}
#faqs {
    display:none;
}
#cst {
    display:none;
}
.row.acc p {
    font-size: 18px;
    margin-bottom: 14px;
}
.outer {
	
	border: 2px solid rgb(254, 195, 52);
    padding: 77px 16px;
    visibility: visible;
    animation-name: fadeInRight;	
	}

.gaps input.btn.btn-success {
    width: 70%;
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0px;
    background-color: #fec334;
}
.forgot-sec {
	
	padding:40px 0px;
	
	}
.gaps label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    line-height: 2;
}
.partner_overlay .owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    width: 110%;
    position: absolute;
    z-index: 100;
    top: 23%;
    left: -4%;
}
#page-header {
    background-color: #f7f7f7;
    padding: 10px 0;
    margin-bottom: 20px;
    margin-top: 40px;
}
#page-header2 {
    background-color: 
    #f7f7f7;
    padding: 10px 0;
    margin-bottom: 20px;
    margin-top: 84px;
	width:100%;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent !important;
    border-radius: 4px;
	color: #fff !important;
	font-size:14px;
}
button.navbar-toggle i.fa {
    font-size: 17px;
}
video.text-center.vid {
    object-fit: cover !important;
    height: 650px;
	
}
.slider-caption {
    position: absolute;
    top: 50%;
    width: 100%;
	height:780px !important;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	background: rgba(5, 5, 5, 0);
	transition: all linear 0.7s;

	
}
.overlayss p{
	color:#fff;
}
.navbar-default {
    background-color: #39ca86;
    border-color: transparent;
    border:none !important;
  }
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    box-shadow: none !important;
    -webkit-overflow-scrolling: touch;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #000;
    border: none;
    /* display: none !important; */
}
.WebRupee {
	font-family:'WebRupee';
	font-style:normal;
}
.single_feature {
    margin-bottom: 20px;
}
@font-face {
font-family: 'WebRupee';
src: url('../../font/WebRupee.V2.0.eot');
src: local('WebRupee'), url('../../font/WebRupee.V2.0.ttf') format('truetype'), url('../../font/WebRupee.V2.0.woff') format('woff'), url('WebRupee.V2.0.svg') format('svg');
font-weight:normal;
font-style:normal;
}
.text-center.gap {
    margin-bottom: 75px;
}
.desktop{display:block;
margin-bottom:20px;
}
.mobile{display:none;}
.faq-padding {
    padding: 150px 0px 0px 0;
}

.Accordions {
  display: block;
  margin: auto;
}
.slider-caption {
    position: absolute;
    top: 100%;
    width: 100%;
	height:850px;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	background: rgba(5, 5, 5, 0);
	transition: all linear 0.7s;

	
}

.Accordion_item {
  width: 100%;
  height: auto;
  margin: 5px 0;
}
.Accordion_item:first-child {
  margin-top: 50px;
}
.Accordion_item .title_tab {
  width: 100%;
  background-color: #51adf6;
  color: #FCFCFC;
  padding: 12px 30px;
  cursor: pointer;
  transition: background-color .3s ease-in;
  border-radius: 4px;
}
.Accordion_item .title_tab .title {
  font-size: 24px;
  letter-spacing: 1px;
  position: relative;    margin-bottom: 0;
}
.Accordion_item .title_tab .title .icon {
  position: absolute;
  right: 1%;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  background-color: transparent;
  transform: rotate(-90deg);
  transition: transform 0.3s ease-in;
}
.Accordion_item .title_tab .title .icon:before, .Accordion_item .title_tab .title .icon:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 2px;
  background-color: #FCFCFC;
}
.Accordion_item .title_tab .title .icon:before {
  top: 0;
  left: 2px;
  transform: rotate(-45deg);
}
.Accordion_item .title_tab .title .icon:after {
  top: 0;
  right: 2px;
  transform: rotate(45deg);
}

.title-m, .title1-m, .title2-m, .title3-m, .title4-m, .title5-m, .title6-m, .title7-m, .title8-m, .title9-m, .title10-m, .title11-m, .title12-m, .title13-m, .title14-m, .title15-m, .title16-m, .title17-m, .title18-m, .title19-m, .title20-m, .title21-m, .title22-m, .title23-m{font-size: 18px;
    color: #000;
    margin:10px 0px;
    font-weight: normal;
    text-transform: uppercase;
  text-align:center;
  line-height:50px;
  font-size: 18px !important;
}

.inner_content {
  width: 100%;
  height: auto;
  display: none;
  overflow: hidden;
}
.title, .title1, .title2, .title3, .title4, .title5, .title6, .title7, .title8, .title9, .title10, .title11, .title12, .title13, .title14, .title15, .title16, .title17, .title18, .title19, .title20, .title21, .title22, .title23{
    font-size: 18px;
    color: #fff;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    font-weight: normal;
    text-transform: uppercase;
    background: #000000ba;
    bottom: 0;
    width: 100%;
    height: 100%;
    line-height: 197px;
}

.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 57%;
    margin: 0px auto;
    left: 0px;
    margin-bottom: 30px;
}
.tabs_item {
    display: none;
    padding: 0px 0;
    padding: 0px !important;
}
.inner_content p {
  width: 98%;
  margin: auto;
  padding: 18px 15px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1px;
  opacity: 0;
  transform: translate3d(0px, 60px, 0px);
  transition: transform 0.6s cubic-bezier(0, 0.99, 0.44, 1.01), opacity 0.8s 0.1s cubic-bezier(0, 0.99, 0.44, 1.01);
}
img.img-responsive.resze {
    width: 100%;
    margin-bottom: 13px;
    box-shadow: 0px 1px 2px #00000059;
}

/* ================================= */
.Accordion_item .title_tab.active {
  background-color: #c3c0c0;
  transition: background-color .3s ease-in;
}
.Accordion_item .title_tab.active .title .icon {
  transform: rotate(0deg);
  transition: transform .3s ease-in;
}
.Accordion_item .title_tab:hover {
background-color: #c3c0c0;
  transition: background-color .3s ease-in;
}
.Accordion_item .inner_content p.show {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  transition: opacity 0.8s cubic-bezier(0, 0.99, 0.44, 1.01), transform 0.6s 0.1s cubic-bezier(0, 0.99, 0.44, 1.01);
}

/* ================================= */
.inner_content p span {
  font-size: 14px;
  line-height: 30px;
}
.inner_content p b {
  color: #F44336;
  font-size: 18px;
}
#faq h4{    margin: 20px 0px 20px 0px;
    text-align: left;
    font-size: 25px;}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .3em .5em .3em .7em;
    min-height: 0;
    font-size: 100%;
}
.narrowchart {    padding: 0px 10px 20px 10px; max-width:100%; margin:0 auto;}
.narrowchart h4 {
    margin: 0 0px 2px 0px;
    text-align: left;
    font-size: 16px;
    line-height: 30px;
    color: #696969;
    font-weight: normal;
    padding-right: 30px !important;
}
#faq h4 {
    margin: 0 0px 2px 0px;
    text-align: left;
    font-size: 16px;
    line-height: 30px;
    color: #696969;
    font-weight: normal;
    padding-right: 30px !important;
}
.narrowchart .ui-state-default{border:0;}
.narrowchart .ui-state-hover{border:0;}	
.narrowchart .ui-accordion .ui-accordion-header {
    margin: 0px 0 15px 0;    background: #f7f7f7;
 
    -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.06);
    box-shadow: 0 0 7px 0 rgba(0,0,0,.06);
    border: 1px solid #ebebeb;
}
.narrowchart .ui-accordion .ui-accordion-content {
  padding: 0.5em 1.2em;
    border-top: 0;
    overflow: auto;
    background: #fff;
	text-align:left;
    -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.06);
    box-shadow: 0 0 7px 0 rgba(0,0,0,.06);
    border: 1px solid #ebebeb;
}
.narrowchart .fa {
    font-size: 24px;
    line-height: 30px;
    right: 20px;
    top: 10px;
    position: absolute;
}
.pricing-list li {
    /* border-bottom: 1px dashed #eee; */
    color: #333;
    font-size: 17px;
    padding: 3px 65px !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    text-align: left;
}
.pricing-list li i {
    font-size: 14px;
    left: 35px !important;
    position: absolute;
    top: 8px;
    color: #fcbd10;
}

 ul li a{
        display: block;
        padding: 8px 25px;
        color: #333;
        text-decoration: none;
    }
    ul li a:hover{
        color: #fff;
        background-color: rgba(88, 151, 224, .05);
    }
ul li ul.dropdown {
    min-width: 205px;
    background: #fff;
    position: absolute!important;
    z-index: 999;
    /* left: -83px; */
    padding: 0;
    top: 50px;
    display: none;
}

ul li ul.dropdown li a {
    color: #000!important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif;
}
    ul li:hover ul.dropdown{
        display: block;	/* Display the dropdown */
    }
    ul li ul.dropdown li{
        display: block;
    }
	
	
	.popup {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
      z-index: 100000000;
  background: rgba(0, 0, 0, 1);
}
.pricing-table h4 {
  color: #333;
  font-size: 21px !important;
  margin-bottom: 0;
  margin-top: 0;
  padding: 25px 0 20px;
  text-align: center;
  text-transform: uppercase;
}

.popup {
  text-align: center;
}

.popup:before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -4px;
  vertical-align: middle;
}

.popup-inner{
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  position: relative;
  max-width: 800px;
  width: 90%;
    padding: 0px 0px 13px 0px;

  box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
  border-radius: 3px;
    background: #f3f3f3;
  text-align: center;
}


 .popup-inner1{
display: inline-block;
    text-align: left;
    vertical-align: middle;
    position: relative;
    max-width: 500px;
    width: 90%;
   padding: 0px 0px 13px 0px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
    border-radius: 3px;
    background: #fff;
    text-align: center;
}

.popup-inner h1, .popup-inner1 h1 {
    /* font-family: 'Roboto Slab', serif; */
    font-weight: 500;
    FONT-SIZE: 28px;
    border-bottom: 1px #cccccc96 solid;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.popup-inner p, .popup-inner1 p {
  font-size: 18px;
  font-weight: 400;
}

.popup-close, .popup-close1 {
    width: 28px;
    height: 28px;
    padding-top: 4px;
    display: inline-block;
    position: absolute;
    top: 28px;
    right: 20px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 100%;
    background: transparent;
    border: solid 2px #fff;
}

.popup-close:after,
.popup-close:before,  .popup-close1:after,
.popup-close1:before{
  content: "";
  position: absolute;
   top: 10px;
    left: 4px;
    height: 4px;
  width: 16px;
  border-radius: 30px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.popup-close:after,  .popup-close1:after{
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.popup-close:hover, .popup-close1:hover{
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
  background: #fec334;
  text-decoration: none;
  border-color: #fec334;
}

.popup-close:hover:after,
.popup-close:hover:before, .popup-close1:hover:after,
.popup-close1:hover:before {
  background: #fff;
}


.pop-header{    background: #3a3939;
    height: 55px;
    position: relative;
    top: 0;    margin-bottom: 5px;
    padding: 10px 20px 20px 10px;}


.popup .form_wrapper {
  background: #fff;
     max-width: 100%;
    box-sizing: border-box;
  padding: 0px  25px;
  margin:20px;
  position: relative;
  z-index: 1000;

  opacity: 1;
}


.popup .popup-inner1 .form_wrapper {
    background: #fff;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0px;
    margin: 20px;
    position: relative;
    z-index: 1000;
    opacity: 1;
}


.popup .form_wrapper h2 {
  font-size: 1.5em;
  line-height: 1.5em;
  margin: 0;
}
.popup .form_wrapper .title_container {
  text-align: center;
  padding-bottom: 15px;
}
.popup .form_wrapper h3 {
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0;
}
.popup .form_wrapper label {
    font-size: 13px;
    text-align: left;
    margin-bottom: 0;
    float: left;
    font-weight: 500;
}
.popup .form_wrapper .row {
  margin: 0px -15px;
}
.popup .form_wrapper .col-md-6{padding: 0px 10px 0px 0px;}

.popup .form_wrapper .col-md-4{padding: 0px 10px 0px 0px;}

.popup .form_wrapper .col-md-8 {
    padding: 0px 10px 0px 0px;
}

.popup .form_wrapper .col-md-12 {
    padding: 0px 0px 0px 0px;
}
.popup .form_wrapper .row > div {
  padding: 0 15px;
  box-sizing: border-box;
}
.popup .form_wrapper .col_half {
  width: 50%;
  float: left;
}
.popup .form_wrapper .input_field {
  position: relative;
  margin-bottom: 0px;
  width:100%;
  float:left;
}
.popup .form_wrapper .input_field > span {
  position: absolute;
  left: 0;
  top: 0;
  color: #333;
  height: 100%;
  border-right: 1px solid #cccccc;
  text-align: center;
  width: 30px;
}


.popup .form_wrapper .input_field > span > i {
  padding-top: 10px;
}
.popup .form_wrapper .textarea_field > span > i {
  padding-top: 10px;
}
.popup .form_wrapper input[type="text"], .popup .form_wrapper input[type="tel"], .popup .form_wrapper input[type="email"], .popup .form_wrapper input[type="password"], .popup .form_wrapper select{
  width: 100%;
  padding: 7px 10px 7px 35px;
  height: 34px;margin-bottom: 20px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  outline: none;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
}



 .popup .popup-inner1 .form_wrapper input[type="text"], .popup  .popup-inner1 .form_wrapper input[type="email"], .popup  .popup-inner1 .form_wrapper input[type="password"], .popup .popup-inner1 .form_wrapper select {
  width: 100%;
  padding: 8px 10px 9px 35px;
  height: 35px;margin-bottom: 15px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  outline: none;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
}



  .popup .form_wrapper select{  text-align: left;
    padding: 0 10px;
    font-size: 14px;
}
.lead .button{   margin: 0px auto;
    width: 200px;
    height: 50px;
    line-height: 50px;}
.payment{
line-height: 18px;
    font-size: 20px;
    font-weight: bold;
    color: #797171;
    display: block;
	}
.jumbotron{background:#fff}	
.jumbotron h1 {
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: 500;
    color: #f5ca5b;
    padding-top: 20px;
}
.jumbotron p {
    margin-bottom: 15px;
    font-size: 20px!important;
    font-weight: 500!important;
}	
a.signbtn {
    -webkit-box-shadow: 0 9px 16.38px 1.62px rgba(0, 0, 0, .08);
    box-shadow: 0 9px 16.38px 1.62px rgba(0, 0, 0, .08);
  
    background-color: #ffcf54;
    max-width: 320px;
    text-align: center;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    display: block;
    text-decoration: none;
position: absolute;
    bottom: 0px;
    max-width: 235px;
    height: 45px;
    line-height: 45px;
    border-radius: 10px;
    margin-top: 30px;
}	
	
	

.already-acc{    text-align: center!important;
    float: none!important;
    font-weight: bold!important;
    margin: 8px auto 0px auto;
    font-size: 15px!important;}

.popup .form_wrapper input[type="text"]:hover, .popup .form_wrapper input[type="email"]:hover, .popup .form_wrapper input[type="password"]:hover, .popup .form_wrapper select:hover {
  background: #fafafa;
}
.popup .form_wrapper input[type="text"]:focus, .popup .form_wrapper input[type="email"]:focus, .popup .form_wrapper input[type="password"]:focus, popup .form_wrapper select:focus {
  -webkit-box-shadow: 0 0 2px 1px rgba(255, 169, 0, 0.5);
  -moz-box-shadow: 0 0 2px 1px rgba(255, 169, 0, 0.5);
  box-shadow: 0 0 2px 1px rgba(255, 169, 0, 0.5);
  border: 1px solid #f5ba1a;
  background: #fafafa;
}
.popup .form_wrapper input[type="submit"] {
    background: #f5ba1a;
   height: 44px;
    line-height: 30px;
    width: 100%;
    border: none;
    outline: none;
    cursor: pointer;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    margin-bottom: 10px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}
.popup .form_wrapper input[type="submit"]:hover {
  background: #e1a70a;
}
.popup .form_wrapper input[type="submit"]:focus {
  background: #e1a70a;
}
.popup .form_wrapper input[type="checkbox"], .popup .form_wrapper input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.pricing-list li {
    /* border-bottom: 1px dashed #eee; */
    color: #333;
    font-size: 17px;
    padding: 3px 65px !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    text-align: left;
}

.popup .form_container .row .col_half.last {
  border-left: 1px solid #cccccc;
}

.popup .checkbox_option label {
  margin-right: 1em;
  position: relative;
}
.popup .checkbox_option label:before {
  content: "";
  display: inline-block;
  width: 18px;
   height: 18px;
  margin-right: 0.5em;
  vertical-align: -2px;
  border: 2px solid #cccccc;
  padding: 0.12em;
  background-color: transparent;
  background-clip: content-box;
  transition: all 0.2s ease;
}
.popup .checkbox_option label:after {
  border-right: 2px solid #000000;
  border-top: 2px solid #000000;
  content: "";
  height: 20px;
  left: 2px;
  position: absolute;
  top: 7px;
  transform: scaleX(-1) rotate(135deg);
  transform-origin: left top;
  width: 7px;
  display: none;
}
.popup .checkbox_option input:hover + label:before {
  border-color: #000000;
}
.popup .checkbox_option input:checked + label:before {
  border-color: #000000;
}
.popup .checkbox_option input:checked + label:after {
  -moz-animation: check 0.8s ease 0s running;
  -webkit-animation: check 0.8s ease 0s running;
  animation: check 0.8s ease 0s running;
  display: block;
  width: 7px;
  height: 20px;
  border-color: #000000;
}

.popup .radio_option label {
  margin-right: 1em;
}
.popup .radio_option label:before {
  content: "";
  display: inline-block;
  width:18px;
  height:18px;
  margin-right: 0.5em;
  border-radius: 100%;
  vertical-align: -3px;
  border: 2px solid #cccccc;
  padding: 0.15em;
  background-color: transparent;
  background-clip: content-box;
  transition: all 0.2s ease;
}
.popup .radio_option input:hover + label:before {
  border-color: #000000;
}
.popup .radio_option input:checked + label:before {
    background-color: #6b6a6a;
    border-color: #6b6a6a;
}

.popup .select_option {
  position: relative;
  width: 100%;
}
.popup .select_option select {
  display: inline-block;
  width: 100%;
  height: 35px;
  padding: 0px 15px;
  cursor: pointer;
  color: #7b7b7b;
  border: 1px solid #cccccc;
  border-radius: 0;
  background: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: all 0.2s ease;
}
.popup .select_option select::-ms-expand {
  display: none;
}
.popup .select_option select:hover, .select_option select:focus {
  color: #000000;
  background: #fafafa;
  border-color: #000000;
  outline: none;
}

.popup .select_arrow {
  position: absolute;
  top: calc(50% - 4px);
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-width: 8px 5px 0 5px;
  border-style: solid;
  border-color: #7b7b7b transparent transparent transparent;
}

.popup .select_option select:hover + .select_arrow, .popup .select_option select:focus + .select_arrow {
  border-top-color: #000000;
}

.popup .credit {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 15px;
  color: #f5ba1a;
}
.popup .credit a {
  color: #e1a70a;
}











#accordion h1 {
    color: #333;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    font-size: 25px;
    margin: 30px 0px 10px 0px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
    display: none;
}
.accordianheader {color:#fff; background:#222; padding:10px 20px; margin-top:20px; text-align: center;}
.accordianbody {background:#f4f4f4;}
.accordianbody ul {margin:0; list-style:none; padding:0;}
.accordianbody ul li {
    padding: 10px;
    border-bottom: 0;
}
.accordianbody ul li::before{ display:none!important}
.accordianbody .faq ul li::before{ display:block!important}

.ui-state-active i {
    color: #ACD4CE;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.works_area .tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 15%;
    left: 0px;
	float:left;
}

.works_area .tab_container {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1000;
    left: -2%;
    width: 81%;
    float: left;
    min-width: 10px;
    text-align: left;
}






.works_area .tabs_wrapper {

  text-align: center;
  margin: 0 auto;
  background: transparent;
}

.works_area ul.tabs {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 10;
  margin: 15px 0 0;
  padding: 0;
  width: 25%;
  float:left;
  min-width: 175px;
  list-style: none;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;

}
.works_area .tab_content  strong{  color: rgba(17, 43, 74, .84);}

.works_area ul.tabs li {
  margin: 0;
  cursor: pointer;
    padding: 0px 0px 0px 0px;
  line-height: 31px;
color: rgba(55, 77, 103, .54);
  text-align: left;border: 0;
      font-weight: 600;width: 100%;
  text-transform:uppercase; font-size: 14px;

  /* IE6-9 */
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.works_area ul.tabs li:hover {
  color: #364c66;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.works_area ul.tabs li.active {

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c001e', endColorstr='#9f0735',GradientType=0 );
    color: #364c66;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    font-size: 14px;  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.works_area .tab_content h2{ font-size: 17px;}
.works_area .tab_content p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #a29c9c;
    color: rgba(55, 77, 103, .54)!important;
    font-size: 15px;
}
.works_area .tab_container {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1000;
  left: -2%;
  width:75%;
  float:left;
  min-width: 10px;
  text-align: left;


}

.works_area .tab_content {
	/* [disabled]padding: 20px; */
	/* [disabled]height: 100%; */
	display: block;
	/* [disabled]line-height: 22px; */
}

.works_area .tab_drawer_heading {
  display: none;
}


.mobile-view {

  display: none;
}

@media screen and (max-width: 1178px) {

.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 90% !important;
    margin: 0px auto;
    left: 0px;
}


}




@media screen and (max-width: 781px) {
 .works_area ul.tabs {
    display: none;
  }
.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 90% !important;
    margin: 0px auto;
    left: 0px;
}

  
.works_area  .tab_container {
    display: block;
    margin: 0 auto;
    width: 95%;
    border-top: none;
    border-radius: 0;
    box-shadow: 0px 0px 10px black;
  }
.works_area .narrowchart .tab_container{display: block;
    margin: 0 auto;
    left: 0%;
    width: 100%;
    border-top: none;
    border-radius: 0;
    box-shadow: 0px 0px 10px black;}
	
.works_area  .tab_drawer_heading {
      background: #ececec;
    /* IE6-9 */
    color: #655f5f;
    margin: 0 0 7px 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
  }
  .works_area  .tab_drawer_heading:last{ margin: 0 0 0px 0;}
 .works_area .tab_drawer_heading:hover {
    
   color: #364c66;
  }

.works_area  .d_active {

   color: #364c66;
  }

}





.price-period{    color: #777; font-size:20px;}
.elementor-heading-title {
    color: #fdbc10;
    font-size: 45px;
    font-family: "Open Sans", Sans-serif;
    font-weight: 500;
    padding: 30px 0px 30px 0px;
    position: relative;
}
.work_all_item{width: 1154px;
    margin: 0px auto;}
.ywbox{
	width:210px;
	height:80px;
	float:left;
	text-align:center;
	display:table;
	background:#fec334;
	padding:15px;
	}
	
	.ywbox-div{
	width:100%;
	height:100%;
	vertical-align:middle;
	display:table-cell;
	font-size:21px;
	font-weight:600;
	color:#000;	
		}
		
		
		
		
	.bkbox{
	width:210px;
	height:80px;
	float:left;
	text-align:center;
	display:table;
	background:#000;
	padding:15px;

	}
	
	.bkbox-div{
	width:100%;
	height:100%;
	vertical-align:middle;
	display:table-cell;
	font-size:21px;
	font-weight:600;
	color:#fff;	
		}	
		
		
.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    margin-right: 20%;
    display: none;
}
.owl-nav i.fa {
    font-size: 25px;
}

.owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    font-family: 'fontAwesome';

}
.owl-carousel .owl-nav .owl-prev:before{
    // fa-chevron-left
    content: "\f053";
    margin-right:10px;
}
.owl-carousel .owl-nav .owl-next:after{
    //fa-chevron-right
    content: "\f054";
    margin-right:10px;
}		
	
.status,
.status-mes {
	background-image: url("../img/status.gif");
	background-position: center center;
	background-repeat: no-repeat;
	height: 200px;
	left: 50%;
	margin: -100px 0 0 -100px;
	position: absolute;
	top: 50%;
	width: 200px;

}
.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
}
.status-mes h4 {
    color: #333;
	font-family: 'Hind', sans-serif;
	font-weight: 300;
	letter-spacing:5px;
	margin: 0;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
    background: #dd3333 none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 5px 12px;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
.section-padding { padding: 50px 0 }
/*START SECTION TITLE DESIGN*/
.section-title  h2 {
    margin: 0;
    text-transform: uppercase;
}




@media only screen and (max-width:767px) { 

.desktop{display:none;}
.mobile {
    display: block;
    margin-top: 20px;
}
video.text-center.vid {
    object-fit: cover !important;
    height: 100%!important;
    width: 100%;
}
}





.single_feature h4 {

    text-transform: uppercase;
    font-size: 18px !important;
    margin-bottom: 0px !important;

}
.home_text.slider-caption h2 {

  margin-bottom: 15px;
}
.home_text p {
    color: 
    #fff;
    margin-bottom: 30px;
    FONT-SIZE: 25PX;
}

.section-title h2 span { color: #dd3333 }
.section-title-white { color: #fff!important }
.section-title div {
    background: #dd3333  none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px auto 30px;
    width: 60px;
}
/*END SECTION TITLE DESIGN*/
/*START BTN STYLE*/
.btn-light-bg {
    background: #dd3333 none repeat scroll 0 0;
    border: 2px solid #dd3333;
    border-radius: 3px;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-family: montserrat,sans-serif;
    font-size: 12px;
    padding: 8px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.btn-light-bg:hover,
.btn-light-bg:focus {
    background: #333;
    color: #fff;
    border: 2px solid #333;
}


/*END BTN STYLE*/
/*SECTION OVERLAY*/
.overlay { background: rgba(0,0,0,0.6) none repeat scroll 0 0 }
.text-left{
	text-align: left!important;
}
/*END SECTION OVERLAY*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #dd3333 !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #dd3333 !important;
    background-color: transparent;
}
.navbar-brand { padding: 5px 0 0;}
.navbar-brand img { width: auto;margin-left:10px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #fff;
}
.menu-top {
    background: transparent;
}
.menu-top li a {
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
	font-family: "Montserrat",sans-serif;
}



.menu-top li a:hover { color: #dd3333!important }

@media only screen and (max-width:1920px) {
	
	video.text-center.vid {
    object-fit: cover !important;
    height: 950px;
	
}
	.work_all_item {
    width: 1185px;
    margin: 0px auto;
}
.overlayss h1 {
    FONT-SIZE: 120px;
    /* font-weight: bold; */
    letter-spacing: -4px;
    color: #fff;
    font-family: Quarto A,Quarto B,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;
}
.slider-caption {
    position: absolute;
    top: 75%;
    width: 100%;
    height: 850px;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background: 
    rgba(5, 5, 5, 0);
    transition: all linear 0.7s;
}
.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 57%;
    margin: 0px auto;
    left: 10%;
    margin-bottom: 30px;
}
.set .tabs {
    left: 0%;
}

	
	 }


@media only screen and (max-width:1500px) { 


.pricing-list li {
    font-size: 16px;
}
.single_feature {
	margin-bottom: 65px;
}
.partner_overlay .owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    width: 110%;
    position: absolute;
    z-index: 100;
    top: 29%;
    left: -4%;
}

.home_text.slider-caption h2 {
    margin-bottom: 45px;
	font-size:92px;
}
.overlayss h1 {
    FONT-SIZE: 92px;
    /* font-weight: bold; */
    letter-spacing: -4px;
    color: #fff;
    font-family: Quarto A,Quarto B,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;
}

.overlayss p {
	font-size:40px;
	}


.slider-caption {
	position: absolute;
	top: 90%;
	width: 100%;
	height: 750px;
	left: 0;
	text-align: center;
	z-index: 15;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	background: rgba(5, 5, 5, 0);
	transition: all linear 0.7s;
}

	.btn-home-bg {
		
		margin-top:35px;}

video.text-center.vid {
    object-fit: cover !important;
    height:823px  !important;
    /* max-height: 100%; */
	width:100%;
}
.home_text h2 {
	font-weight:600;
	font-size:87px;
	}

}



@media only screen and (max-width:1370px) { 

.slider-caption {
    position: absolute;
    top: 100% !important;
    width: 100%;
    height: 850px;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background: rgba(5, 5, 5, 0);
    transition: all linear 0.7s;
}
video.text-center.vid {
    object-fit: cover !important;
    height: 655px !important;
    /* max-height: 100%; */
    width: 100%;
}

}


@media only screen and (max-width:1370px) { .



video.text-center.vid {
    object-fit: cover !important;
    height:655px !important;
    /* max-height: 100%; */
}
.home_text h2 {
	font-weight:800;
	font-size:87px;
	}
	.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 57%;
    margin: 0px auto;
    left: 0%;
    margin-bottom: 30px;
}
}
@media only screen and (max-width:1200px) {
	
	
	video.text-center.vid {
    object-fit: cover !important;
    height:615px !important;
    /* max-height: 100%; */
}
	
	 }


@media only screen and (max-width:1024px) { 

.desktop{display:none;}
.mobile {
    display: block;
    margin-top: 20px;
}
video.text-center.vid {
    object-fit: cover !important;
    height: 800px !important;
    /* max-height: 100%; */
}
.youtube_bg {
    max-height: 755px!important;
}

.work_all_item {
    width: 100% !important;
    margin: 0px auto;
}
.pricing-list li {
    /* border-bottom: 1px dashed #eee; */
    color: #333;
    font-size: 17px;
    padding: 3px 63px !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    text-align: left;
}
.pricing-table h3 {
    color: #333;
    font-size: 18px !important;
    margin-bottom: 0;
    margin-top: 0;
    padding: 25px 0 20px;
    text-align: center;
    text-transform: uppercase;
}
.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 90% !important;
    margin: 0px auto;
    left: 11% !important;
    margin-bottom: 30px;
}
.set .tabs {
    left: 21% !important;
}

.title-m, .title1-m, .title2-m, .title3-m, .title4-m, .title5-m, .title6-m, .title7-m, .title8-m, .title9-m, .title10-m, .title11-m, .title12-m, .title13-m, .title14-m, .title15-m, .title16-m, .title17-m, .title18-m, .title19-m, .title20-m, .title21-m, .title22-m {
    font-size: 15px !important;
    color: #000;
    margin: 10px 0px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
}
.title, .title1, .title2, .title3, .title4, .title5, .title6, .title7, .title8, .title9, .title10, .title11, .title12, .title13, .title14, .title15, .title16, .title17, .title18, .title19, .title20, .title21, .title22 {
    font-size: 12px !important;
    color: #fff;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    font-weight: normal;
    text-transform: uppercase;
    background: #000000ba;
    bottom: 0;
    width: 100%;
    height: 100%;
    line-height: 132px;
}

}

@media only screen and (max-width:1000px) { 

.work_all_item {
    width: 100%;
    margin: 0px auto;
}
.title-m, .title1-m, .title2-m, .title3-m, .title4-m, .title5-m, .title6-m, .title7-m, .title8-m, .title9-m, .title10-m, .title11-m, .title12-m, .title13-m, .title14-m, .title15-m, .title16-m, .title17-m, .title18-m, .title19-m, .title20-m, .title21-m, .title22-m {
    font-size: 15px !important;
    color: #000;
    margin: 10px 0px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
}
.pricing-list li {
    /* border-bottom: 1px dashed #eee; */
    color: #333;
    font-size: 14px;
    padding: 3px 55px !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    text-align: left;
}
.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 57%;
    margin: 0px auto;
    left: 11% !important;
}



}



@media only screen and (max-width:768px) { 
.work_all_item {
    width: 100%;
    margin: 0px auto;
}
.section-padding {
    padding: 95px 0 50px 0px;
}
.youtube_bg {
    max-height: 755px!important;
}
video.text-center.vid {
    object-fit: cover !important;
    height: 905px !important;
}
.video-sec .overlayss {
    background: rgba(5, 5, 5, 0);
    position: absolute;
    top: 0;
    left: 0;
    /* z-index: 100; */
    width: 100%;
    height: 100%;
    transition: all linear 0.7s;
    background-size: cover !important;
}
.blk-bg {
    background: rgb(5, 5, 5, 0);
    position: absolute;
    top: 0;
    width: 100%;
    height: 70%;
    transition: all linear 0.7s;
}

.slider-caption {
    position: absolute;
    top: 63% !important;
    width: 100%;
	height:420px !important;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	background: rgba(5, 5, 5, 0);
	transition: all linear 0.7s;

	
}


.menu-top li a {

    color: #fec232 !important;
    font-size: 15px !important;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif;

}


    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
  .tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 94% !important;
    margin: 0px auto;
    left: 2% !important;
    margin-bottom: 30px;
}
.set .tabs {
	
	left: 16% !important;
	
	}
.title, .title1, .title2, .title3, .title4, .title5, .title6, .title7, .title8, .title9, .title10, .title11, .title12, .title13, .title14, .title15, .title16, .title17, .title18, .title19, .title20, .title21, .title22 {
    font-size: 18px !important;
    color: #fff;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    font-weight: normal;
    text-transform: uppercase;
    background: #000000ba;
    bottom: 0;
    width: 100%;
    height: 100%;
    line-height: 215px;
}
.title-m, .title1-m, .title2-m, .title3-m, .title4-m, .title5-m, .title6-m, .title7-m, .title8-m, .title9-m, .title10-m, .title11-m, .title12-m, .title13-m, .title14-m, .title15-m, .title16-m, .title17-m, .title18-m, .title19-m, .title20-m, .title21-m, .title22-m {
    font-size: 18px !important;
    color: #000;
    margin: 10px 0px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
}
}

@media only screen and (max-width:480px) { 
.pricing-table h3 {
    color: #333;
    font-size: 28px !important;
    margin-bottom: 0;
    margin-top: 0;
    padding: 25px 0 20px;
    text-align: center;
    text-transform: uppercase;
}
video.text-center.vid {
    object-fit: cover !important;
    height: 670px !important;
}
.slider-caption {
    position: absolute;
    top: 88% !important;
    width: 100%;
    height: 100% !important;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background: rgba(5, 5, 5, 0);
    transition: all linear 0.7s;
}
.video-sec .overlayss {
    background: rgba(5, 5, 5, 0);
    position: absolute;
    top: 0;
    left: 0;
    /* z-index: 100; */
    width: 100%;
    height: 100%;
    transition: all linear 0.7s;
    background-size: cover !important;
}
	
	.head {

    text-align: center;

}
.pricesss {

    text-align: center;

}
 

   .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
	.row.acc p {
    font-size: 15px;
    margin-bottom: 14px;
}
	fixed-top .navbar-collapse {
    max-height: 420px !important;
}
.outer {
	
	border: 0px solid rgb(254, 195, 52);
    padding: 0px;
    visibility: visible;
    animation-name: fadeInRight;	
	}
	img.icon-set {
    width: 10%;
    margin-right: 4px;
}

    .title, .title1, .title2, .title3, .title4, .title5, .title6, .title7, .title8, .title9, .title10, .title11, .title12, .title13, .title14, .title15, .title16, .title17, .title18, .title19, .title20, .title21, .title22 {
    font-size: 18px !important;
    color: #fff;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    font-weight: normal;
    text-transform: uppercase;
    background: #000000ba;
    bottom: 0;
    width: 100%;
    height: 100%;
    line-height: 428px;
}
}



@media only screen and (max-width:480px) { 
.head {
    text-align: center;
    font-weight: bold;
    padding: 0px 15px;
}
#page-header h4 {
    font-size: 23px;
    margin-top: 21px;
}
p.para {
    text-align: center;
    letter-spacing: 0.2px;
    padding: 0px 5px;
}

.gaps input.btn.btn-success {
    width: 100%;
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0px;
    background-color: #fec334;
}
.gaps .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    float: right;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
ul li ul.dropdown {
    min-width: 205px;
    background: 
    #fff;
    position: absolute !important;
    z-index: 999;
    left: 21%;
    padding: 0;
    top: 36px;
    display: none;
}
#page-header {
    background-color: #f7f7f7;
    padding: 10px 0;
    margin-bottom: 20px;
    margin-top: 21px;
}
#page-header2 {
    background-color: #f7f7f7;
    padding: 10px 0;
    margin-bottom: 20px;
    margin-top: 74px;
    width: 100%;
}
.navbar-brand img {
	width: auto;
	margin-left: 10px;
	
}
.counter_feature {
    background: 
    #000 none repeat scroll 0 0;
    padding: 60px 0;
    display: none !important;
}

nav ul {
    background: 
    #050505;
    padding-bottom: 0px;
}
.navbar-default{
	padding-bottom:0px !important;
	
	
	}

.single_feature p {
    margin-bottom: 0;
    font-size: 16px !important;
}
.partner_overlay .owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    width: 110%;
    position: absolute;
    z-index: 100;
    top: 23%;
    left: -4%;
    display: none;
}



    .menu-top { background-color:transparent; }
    .navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
    text-align: center;
}
}
.navbar-default.menu-shrink {
      background-color: #000;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
}


}

.navbar-default.menu-shrink li a { color: #fff!important }
.navbar-default.menu-shrink li a:hover { color: #dd3333 !important }
.navbar-default .navbar-toggle {
    background: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: transparent }
.navbar-default .navbar-toggle .icon-bar { background-color: #dd3333 }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

.btn-home-bg {
    background: #dd3333 none repeat scroll 0 0;
    border: 1px solid #dd3333;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-family: montserrat,sans-serif;
    font-size: 15px;
    margin-top: 20px;
    padding: 12px 30px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}

.btn-home-border {
	background: transparent;
	border: 2px solid #fff;
	border-radius: 3px;
	color: #fff;
	font-family: montserrat,sans-serif;
	font-size: 13px;
	padding: 10px 25px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	margin-top: 20px;
	display: inline-block;
}
.btn-home-border:hover,
.btn-home-border:focus{
	background: #fff none repeat scroll 0 0;
	border-color: #fff;
	color: #777;
}
.btn-home-bg:hover,
.btn-home-bg:focus {
    background: none;
    color: #fff;
    border: 2px #fff solid;
}
.border_btn{
	border-color: #fff;
	background: transparent;
	margin-right: 20px;
}
.carousel-control{
	z-index: 1;
	background-image: none !important;
	top: 46.6%;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	line-height: 45px;
	background: rgba(0,0,0,0.5);
}
.carousel-control:hover{
	background: #fff;
	color: #dd3333;
}
.carousel-control.left{
	margin-left: 20px;	
}
.carousel-control.right{
	margin-right: 20px;	
}
/*START OTHER HOME PAGE DESIGN*/
.youtube_bg{
	height: 650px;
	position: relative;
}
.youtube_bg:before {
	background: rgba(0, 0, 0, 0.6);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;
	width: 100%;
}
.home_text {
  text-align: center;
}
.home_text h2 {
    FONT-SIZE: 87PX;
    /* font-weight: bold; */
    letter-spacing: -4px;
	color:#fff;
    font-family: Quarto A,Quarto B,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;
}
.home_text p {
    color: #fff;
    margin-bottom: 30px;
}



/*START HTML5 VIDEO DESIGN*/
.html-video {
    top: 0%;
    left: 0%;
    max-height: 730px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.html-video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  content: "";
  left: 0;
  top: 0;
}



video { min-width: 100% ;}
/*END HTML5 VIDEO DESIGN*/

/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/



/*
* ----------------------------------------------------------------------------------------
* 04.START FEATURE AND ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.text-center{ text-align:center;}
#about{ padding-bottom:250px;}
.mat40{margin-top:60px;}
.feature h2, .about_us h2, .pricing_table h2, .our_service h2, .works_area h2, .contact_area h2{font-size:55px;
    font-weight: 800!important;
    /* font-weight: bold; */
    text-transform: none;
    letter-spacing: -1px;
    color: #000;
    font-family: Quarto A,Quarto B,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;}
.our_service p{font-size: 17px;    padding: 0px 40px;}	
.our_service h5 {
    border-bottom: 0px solid #f4bf18;
    margin: auto;
    font-weight: 800 !important;
    padding-bottom: 10px;
    margin-bottom: 0px;
}
.feature p{ font-size:20px;}
.feature{	
	padding-bottom:60px;
	background: #f7f7f7;/*border-top:20px #000 solid;*/
}
.single_about {
	background: #fff none repeat scroll 0 0;
	border-bottom: 1px solid #e8e8e9;
	border-right: 1px solid #e8e8e9;
	padding: 40px 20px;
	transition: all 0.4s ease 0s;
	text-align: center;
}
@media only screen and (max-width:768px) { 

.home_text {
  text-align: center;
}
    .single_about { margin-bottom: 40px }
    .counter h2 {
    color: #fff;
    font-weight: 700;
    margin-top: 0;
    FONT-SIZE: 19PX;
    margin-bottom: 5px !important;
}

.pricing-list li i {
    font-size: 14px;
    left: 4px !important;
    position: absolute;
    top: 8px;
    color: #fcbd10;
}
.pricing-list li {
    /* border-bottom: 1px dashed #eee; */
    color: #333;
    font-size: 13px;
    padding: 3px 23px !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    text-align: left;
    margin-left: 6px;
}
.elementor-heading-title {
    color: #fdbc10;
    font-size: 35px;
    font-family: "Open Sans", Sans-serif;
    font-weight: 500;
    padding: 30px 0px 30px 0px;
    position: relative;
    margin-top: 0px;
    /* line-height: 35px !important; */
}
.single_about:last-child { border-right: 0px }
.single_about:hover { }
.single_about i {
	background: #333 none repeat scroll 0 0;
	border: 1px solid #333;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 24px;
	height: 60px;
	line-height: 60px;
	margin: 0 0 24px;
	text-align: center;
	text-decoration: none;
	transition: all 0.5s ease-in-out 0s;
	width: 60px;
}
.single_about h4 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.5s ease-in-out 0s;
}
.single_about p {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
}



	 
	 @media only screen and (max-width:1370px) { 

	.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 57%;
    margin: 0px auto;
    left: 0%;
    margin-bottom: 30px;
}
.overlayss h1 {
    FONT-SIZE: 92px;
    /* font-weight: bold; */
    letter-spacing: -4px;
    color: #fff;
    font-family: Quarto A,Quarto B,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;
}
}
	 
	 

@media only screen and (max-width:768px) { 
    .single_about h4 { font-size: 15px }

    .pricing-table h3 {
    color: #333;
    font-size: 18px !important;
    margin-bottom: 0;
    margin-top: 0;
    padding: 25px 0 20px;
    text-align: center;
    text-transform: uppercase;
}

.single_about:hover i {
    background: #dd3333;
    color: #fff;
    border: 1px solid #dd3333;
	transform: scale(1.1);
}
.single_about:hover h4 { color: #dd3333; }
/*END FEATURE DESIGN*/
/*START ABOUT DESIGN*/
.single_about_content h4 {
	font-size: 24px;
	letter-spacing: 1px;
	margin-bottom: 20px;
	margin-top: 0;
	text-transform: uppercase;
}
.single_about_content p {
    margin-bottom: 30px;
}
@media only screen and (max-width:480px) { 
    .about_img { margin: 60px 0 }
}
/* START SKILL DESIGN */
.single_about_content iframe{
border: 0 none;
width: 100%;
height: 340px;
}
.progress-bar-text {
	color: #333;
	font-family: "Hind",sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 4px;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #dd3333 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/* END SKILL DESIGN */
/*END ABOUT DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 04.END FEATURE AND ABOUT  DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 05.START WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_feature {
	margin-top: 50px;
}
}
@media only screen and (max-width:768px) { 
    .single_feature { padding-top: 0px }
}
@media only screen and (max-width:480px) { 
    .single_feature { padding-top: 50px }
	
	.single_feature {
    padding-top: 0px;
    margin: 10px 0px 60px 0px!important;
}

.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 94% !important;
    margin: 0px auto;
    padding-left: 9% !important;
    left: 0% !important;
    margin-bottom: 30px;
}
}
.feature_img {
    margin: auto auto 0;
    max-width: 350px;
}
.single_feature i {
    border-radius: 50%;
    color: #fff;
	background:#dd3333;
    display: inline-block;
    font-size: 24px;
    height: 60px;
    line-height: 62px;
    margin: 0 auto 15px;
    position: relative;
    text-align: center;
    width: 60px;
    z-index: 3;
	transition: .5s;
}
.single_feature:hover i{
	background: #222;
}
.single_feature h4 {
    text-transform: uppercase;
     font-size: 20px;
}
.single_feature span {
/*    border-bottom: 1px dashed #ccc;*/
    width: 80px;    margin-top: 20px;
    display: block;
	margin-bottom: 10px;
}
.single_feature p { margin-bottom: 0;font-size: 18px; }
.carousel-indicators li {
    background:none;
    border: 1px solid #dd3333;
    border-radius: 12px;
    height: 12px;
    margin: 0 1px;
    width: 12px;
}
.carousel-indicators .active {
    height: 12px;
    margin: 0 1px;
    width: 12px;
    border: 1px solid #dd3333;
    background: #dd3333 none repeat scroll 0 0;
}
.carousel-indicators { bottom: -60px }
@media only screen and (max-width:480px) { 
    .carousel-indicators { bottom: -60px }
}
/*
* ----------------------------------------------------------------------------------------
* 05.END  WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 0.START OUR SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_service { background: #f7f7f7 }
.single_service {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    margin-left: -1px;
    margin-top: -1px;
    padding: 40px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    position: relative;
}
.single_service:hover {

}
.single_service i {
	color: #dd3333;
	display: block;
	float: left;
	font-size: 40px;
	padding-bottom: 20px;
	transition: all 0.2s ease 0s;
	padding-right: 20px;
}
.single_service:hover i{
	transform: scale(1.1)
}
.single_service h4 {
	color: #333;
	font-size: 16px;
	margin: 0;
	padding-top: 11px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	text-align: left;
}
.single_service p {
	display: block;
	margin-bottom: 0;
	overflow: hidden;
	text-align: left;
	transition: all 0.2s ease 0s;
	width: 100%;
}
/*
* ----------------------------------------------------------------------------------------
* 0.END OUR SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/




/*
* ----------------------------------------------------------------------------------------
* 0.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.work_all_item .grid-item { margin-bottom:30px;}

.work_all_item .mix {
  display: none;
 margin-bottom:20px;
}
.our_work_menu {
  margin-bottom: 50px;
    margin-top: 50px;
}

.our_work_menu ul{
	list-style-type: none;
	padding: 0;
}
.work_all_item .col-md-3{
	padding: 0;
}
.our_work_menu ul li{
	border: 1px solid #f7f7f7;
	color: #777;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	margin: 0 7px 15px;
	padding: 6px 21px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
}
.work_all_item  .tab{  width: 100%;}
.work_all_item  .tabs {width: auto;}
.tab {
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	width: 70%;
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	line-height: 1.5;
	font-weight: 300;
	/* [disabled]color: #888; */
	-webkit-font-smoothing: antialiased;
}


.tabs li {
    float: left;
    line-height: 38px;
    overflow: hidden;
    padding: 0;
    margin-right: 10px;
    border: 1px solid #efe6e6;
}
.tabs a {
    background-color: #f7f7f7;
    color: #888;
    font-weight: 500;
    display: block;
    letter-spacing: 0;
    padding: 0px 35px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 0px 13px;
    text-transform: uppercase;
}
.tabs a:hover {

  background-color: #fec334;
  color: #fff;
}

.tabs_item {
  display: none;
  padding: 0px 0;
}
.tabs_item h4 {
  font-weight: bold;
  color: #87d3b7;
  font-size: 20px;
}
.tabs_item img {
    width: 100%;
    float: left;
    margin-right: 0px;
}
.tabs_item:first-child {
  display: block;
}

.current a {
  color: #fff;
  background: #fec334;
}



.our_work_menu ul li:hover, .our_work_menu ul li.active{
	border-color: #dd3333 ;
	color:#dd3333;
}
#our_work .grid-item{
	margin-top: 30px;
}
.single_project {
  padding-bottom: 40px;
}
.single_our_work{
	overflow: hidden;
	text-align: center;
	transition: all 0.3s ease 0s;
}
.sing_work_photo{
	position: relative;
}

.single_our_work img{
	width: 100%;
	transition: all 0.2s ease 0s;
}

.single_our_work figure{
	margin-bottom: 0;	
}
.sing_work_text_link{
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	color: #fff;
	background: rgba(221, 51, 51, .5);
	transition: .5s;
	opacity: 0;
	visibility: hidden;
}
.sing_work_content_wrap{
	display: table;
	height: 100%;
	width: 100%;
}
.sing_work_content{
	display: table-cell;
	vertical-align: middle;
}
.sing_work_text_link h5{
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	margin-top: 20px;
	text-transform: uppercase;
}


.sing_work_text_link p{
	margin: 0 0 10px;
}
.sing_link_img a i.fa{
	font-size: 14px;	
}
.sing_link_img a{
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	border-radius: 50%;
	color: #dd3333;
	display: inline-block;
	height: 40px;
	line-height: 41px;
	transition: all 0.3s ease 0s;
	width: 40px;	
}
.sing_link_img a:hover{	
	background: #fff none repeat scroll 0 0;
	border-color: #fff;
	color: #333;
}
.sing_link_img a.search{
	margin-right: 16px;
}
.single_our_work:hover  .sing_link_img a.search{
	animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover  .sing_link_img a.link{
	animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover{
	background: #32c5d2;
	color: #fff;
}
.single_our_work:hover .sing_work_text_link{
	opacity: 1;
	visibility: visible;
}
.works_area{padding-bottom: 40px;}
.portfolio_btn { padding-top: 40px }
/*
* ----------------------------------------------------------------------------------------
* 0.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 0.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature {
    background: #000 none repeat scroll 0 0;
    padding: 60px 0;
}
@media only screen and (max-width:768px) { 
    .counter {
        margin-bottom: 60px;
        overflow: hidden;
    }
}
.counter{
	text-align: center;
}
.counter i {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #eee;
	border-radius: 100px;
	color: #dd3333;
	font-size: 30px;
	height: 70px;
	line-height: 70px;
	margin-bottom: 16px;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 70px;
}
.counter:hover i {
	background: #dd3333 none repeat scroll 0 0;
	border: 1px solid #dd3333;
	color: #fff;
	box-shadow: 0px 11px 10px 0px rgba(0,0,0,0.1);
}

.counter h2 {
    color: #fff;
    font-weight: 700;
    margin-top: 0;
    FONT-SIZE: 19PX;
}
.counter h5 {
	color: #fff;
    font-family: 'Hind', sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 0;
	text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
    .counter p { font-size: 13px }
}

@media only screen and (max-width:480px) { 

	.home_text h2 {
	font-size:46px;
	letter-spacing: 0px !important;
}
.overlayss h1 {
    FONT-SIZE: 46px;
    /* font-weight: bold; */
    color: #fff;
    font-family: Quarto A,Quarto B,Baskerville,Baskerville Old Face,Hoefler Text,Garamond,Times New Roman,serif;
}
.overlayss p {
	font-size:25px;
	}


#faqs{display:block;}
#blgs{display:block;}
#clc{display:none;}
#cst{display:block;}
.navbar-nav {

    margin: 7.5px -15px;

}

}
@media only screen and (max-width:375px) {
	
video.text-center.vid {
    object-fit: cover !important;
    height: 720px !important;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 600px;
}
img.icon-set3 {
    width: 10%;
    margin-left: 15%;
}
.navbar-default .navbar-nav li:last-child a {
    padding-bottom: 140px;
}
div#mobile ul li:last-child a{
	
	padding-bottom: 8px;
	
}
div#mobile ul li {
    background: #050505;
    color: #fec12d;
}
	
	} 

@media only screen and (max-width:360px) { 
    .counter p { font-size: 12px }
	video.text-center.vid {
    object-fit: cover !important;
    height: 670px !important;
}
img.icon-set3 {
    width: 10%;
    margin-left: 15%;
}
	
		#recource{
		display:block;
		}
.location_set {
    text-align: left;
    float: left;
    margin-left: 4%;
    width: 100%;
}
	
	.home_text h2 {
	font-size:46px;
	letter-spacing: 0px !important;
}

   .pricing-list li {
    /* border-bottom: 1px dashed #eee; */
    color: #333;
    font-size: 17px;
    padding: 3px 65px !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    text-align: left;
}
.pricing-list li i {
    font-size: 14px;
    left: 40px !important;
    position: absolute;
    top: 8px;
    color: #fcbd10;
}
.title, .title1, .title2, .title3, .title4, .title5, .title6, .title7, .title8, .title9, .title10, .title11, .title12, .title13, .title14, .title15, .title16, .title17, .title18, .title19, .title20, .title21, .title22 {
    font-size: 18px !important;
    color: #fff;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    font-weight: normal;
    text-transform: uppercase;
    background: #000000ba;
    bottom: 0;
    width: 100%;
    height: 100%;
    line-height: 306px !important;
}


}
@media only screen and (max-width:320px) { 
	#recource{
		display:block;
		}
		.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 600px;
}
    .counter p { font-size: 18px }
}
/*
* ----------------------------------------------------------------------------------------
* 0.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 0.END ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_video{
	height: 400px;
	position: relative;
}
.about_video:before {
	background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #dd3333, #24c5e5) repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;
	width: 100%;
}
.video-container h3 {
	color: #fff;
	font-size: 50px;
	font-weight: 400;
	margin-bottom: 40px;
	margin-top: 70px;
	text-transform: uppercase;
}
.play-video {
	background-color: #fff;
	border-radius: 30px;
	cursor: pointer;
	height: 60px;
	left: 50%;
	margin-left: -38px;
	position: absolute;
	top: 85%;
	transition: all 0.2s ease 0s;
	width: 60px;
}
.video-container a {
  display: inline-block;
}
.video-container a:hover .play-video { }
.play-video .fa-play {
	color: #333;
	font-size: 22px;
	font-weight: 400;
	left: 24px;
	position: absolute;
	top: 20px;
}
.modal-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-top: 100px;
    text-align: center;
    box-shadow: none;
    border: none;
}
.modal-content iframe{border: none;}
/*
* ----------------------------------------------------------------------------------------
* 0.END ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 0.START OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_team{
	margin-top: 30px;
}
.single_team h3{
	color: #333;
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 18px;
}
.img_wrap{
	position:relative;
}
.single_team .img_wrap img {
  display: inline-block;
  text-align: center;
}
.single_team p{
	margin-bottom: 10px;
}
.single_team .social_link{
	border-top: 1px solid #f0f0f0;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 20px;
	padding-top: 20px;	
}
.single_team .social_link a{
	border: 1px solid #f0f0f0;
	border-radius: 40px;
	color: #777;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: 40px;
	transition: .5s;
}
.single_team .social_link a:hover{
	background: #dd3333;
	border-color: #dd3333;
	color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 0.END OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* .START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.center-block{
	float: inherit;
}
.newsletter{position: relative;}
.newsletter::before{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  content: "";
  left: 0;
  top: 0;
}
.signup_form h3{
	color: #fff;
	font-size: 18px;
	line-height: 34px;
	margin-bottom: 30px;
	margin-top: 0;
	text-transform: capitalize;
	font-weight: 300;
}
.signup_form input{
	background: transparent none repeat scroll 0 0;
	border: 1px solid #fff;
	border-radius: 0;
	color: #fff;
	margin-bottom: 30px;
	transition: all 0.2s ease 0s;
	height: 45px;
	line-height: 45px;
}

.signup_form input:focus {
    border-color:#dd3333;
    box-shadow: none;
    outline: 0 none;
}
.signup_form button {
	font-family: montserrat,sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 10px 30px;
}
.signup_form button:hover{
	background: #fff none repeat scroll 0 0!important; 
	color: #333;
	border:2px solid #fff;
}
/*
* ----------------------------------------------------------------------------------------
* .END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/



/*
* ----------------------------------------------------------------------------------------
* 0.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-table {
    background-color: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
	position: relative;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.pricing-table:hover{
 
}

.pricing-table.active { box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) }

.price {
    color: #333;
    display: inline-block;
    font-family: montserrat,sans-serif;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-transform: uppercase;
    width: 100%;
    border-radius: 60px 60px 0px 0px!important;
	padding-top:25px;
}
.pricing-table {
    background-color: #fff ;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 20px 0px 20px 0px;
    transition: all 0.4s ease 0s;
    border-radius: 60px 60px 60px 60px!important;
}
.price.color-two h3{
	color: #fff;
}
.color-one {
    background: #f2f2f2;
}
.color-two {
    background: #dd3333;
    color: #fff;
}
.color-three {
    background: #dd3333;
    color: #fff;
}
.price span {
	display: block;
	font-size: 42px;
	font-weight: 700;
	padding-bottom: 20px;
}
.pricing-list {
    list-style: outside none none;
    margin-bottom: 0;
    text-align: center;
}

.pricing-list li:hover {}
.pricing-btn { padding: 20px 0 }
.pricing-btn button {
    background: #fcbd10;
    border: 1px solid #fcbd10;
    display: inline-block;
    text-decoration: none;
    background-color: #fdbc10;
    color: white;
    cursor: pointer;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    margin: 0;
    height: 50px;
    padding: 0px 33px;
    border-radius: 25px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pricing_table {padding-bottom:0px;}
.pricing-btn  button:hover {
   background: #333;
   border: 1px solid #333;
   color: #fff;
}

.faq li{

    padding: 5px 0px;
    margin: 0px 0px; text-align:left;}
.accordianbody p{margin: 10px 10px;}

.faq ul {
  list-style: none; /* Remove default bullets */
}	
.faq ul li::before {
  content: "\2022"; 
  color: #fec334; 
  font-weight: bold; 
  display: inline-block; 
  width: 1em;
  margin-left: -1em; float: left;
}
.ui-accordion .ui-accordion-header:hover{    background: #fec334;}	
.ui-accordion .ui-accordion-header:hover h3{    color: #fff;}	

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #f7f7f7 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}
/*
* ----------------------------------------------------------------------------------------
* 0.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 0.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial_overlay{
/*	background:#fff;*/
	padding: 0px 0;
}
.avatar{
	width: 80px;
	margin: 0 auto;
}
.avatar img{
	border: 4px solid #fff;
	border-radius: 50%;
	width: 120px;
}
.testimonials_area p{
	color: #000;
	font-size: 15px;
	margin: 20px 0 10px;
}
.testimonials_area span{
	color: #000;
	font-size: 12px;
	margin-bottom: 2px;
	text-transform: uppercase;
}
.testimonials_area a:hover{
	color: #fff;
}


/*
* ----------------------------------------------------------------------------------------
* 0.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* .START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo{background:#F8F8F8;}
.partner {
	/* [disabled]text-align: center; */
	VISIBILITY: VISIBLE!IMPORTANT;
}
.partner img {}


.owl-carousel .owl-item{    float: left;
    position: relative; margin-right:5px;}
	

	




.signwrap{    height: 375px;
    position: relative;}

/*
* ----------------------------------------------------------------------------------------
* .END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14.START BLOG PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*START HOME BLOG*/
}
@media only screen and (max-width:360px) { 

	#recource{
		display:block;
		}


.pricing-table h3 {
    color: #333;
    font-size: 22px !important;
    margin-bottom: 0;
    margin-top: 0;
    padding: 25px 0 20px;
    text-align: center;
    text-transform: uppercase;
}
.narrowchart h3 {
    margin: 0 0px 2px 0px;
    text-align: left;
    font-size: 16px;
    line-height: 30px;
    color: #696969;
    font-weight: normal;
    padding-right: 22px !important;
}

}

@media only screen and (max-width:375px) { 

	#recource{
		display:block;
		}
.location_set {
    text-align: left;
    float: left;
    margin-left: 4%;
    width: 100%;
}

.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 94% !important;
    margin: 0px auto;
    padding-left: 0% !important;
    margin-bottom: 20px;
}
.set .tabs {
    left: 0% !important;
}
    
    .pricing-table h3 {
    color: #333;
    font-size: 24px !important;
    margin-bottom: 0;
    margin-top: 0;
    padding: 25px 0 20px;
    text-align: center;
    text-transform: uppercase;


}
.tabs a {
    padding: 0px 7px;
    font-size: 8px !important;
}
.title, .title1, .title2, .title3, .title4, .title5, .title6, .title7, .title8, .title9, .title10, .title11, .title12, .title13, .title14, .title15, .title16, .title17, .title18, .title19, .title20, .title21, .title22 {
    font-size: 18px !important;
    color: #fff;
    margin: 0;
    padding: 10px 10px;
    position: absolute;
    font-weight: normal;
    text-transform: uppercase;
    background: #000000ba;
    bottom: 0;
    width: 100%;
    height: 100%;
    line-height: 316px !important;
}

}


@media only screen and (max-width:768px) { 
    .home_single_blog { margin-bottom: 30px }
}
.home_single_blog img {
	width: 100%;
}
.home_blog_text {
	background: #fff none repeat scroll 0 0 !important;
	border: 1px solid #eee;
	padding: 30px;
	position: relative;
	z-index: 1;
}
.home_blog_text i {
	margin-right: 5px;
 }

.home_blog_text span {
    color: #dd3333;
    text-transform: uppercase;
    margin-right: 15px;
	font-size: 14px;
}
.home_blog_text h4 {
	margin: 10px 0 15px;
	text-transform: uppercase;
 }
.home_blog_text p { margin-bottom: 20px }
/*END HOME BLOG*/
/*
* ----------------------------------------------------------------------------------------
* .END BLOG PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* .START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.buy_now {
    background: #dd3333 none repeat scroll 0 0;
    padding: 60px 0;
}
.buy_now_title {


    color: #fff;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
    .buy_now_title { font-size: 22px }
}
@media only screen and (max-width:360px) { 
    .buy_now_title { font-size: 15px }
}
.btn-promotion-bg {
	background: #222 none repeat scroll 0 0;
	border: 1px solid #222;
	border-radius: 2px;
	box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.2);
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 4px;
	margin-top: 20px;
	padding: 10px 30px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
}
@media only screen and (max-width:480px) { 
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 600px;
}
.location_set {
    text-align: left;
    float: left;
    margin-left: 4%;
    width: 100%;
}
img.icon-set3 {
    width: 10%;
    margin-left: 15%;
}
.navbar-default .navbar-nav li:last-child a {
    padding-bottom: 140px;
}
div#mobile ul li:last-child a{
	
	padding-bottom: 8px;
	
}
div#mobile ul li {
    background: #050505;
    color: #fec12d;
}

	#recource{
		display:block;
		}

    .btn-promotion-bg {
        margin-left: 0px;
        margin-top: 20px;
    }
	.price span {
    display: block;
    font-size: 35px;
    font-weight: 700;
    padding-bottom: 20px;
}
.head {
    font-size: 21px;
    text-align: center;
    letter-spacing: 0.5px;
}
.price {
    font-size: 30px;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: bold;
}
.form-group .portfolio_btn {
    padding-top: 40px;
    margin: auto;
    width: 100%;
}
.form-group .btn-light-bg {
    background: #fec63d none repeat scroll 0 0;
    border: 2px solid #fec63b;
    font-weight: bold;
    width: 100%;
}
	.set .tabs {
    left: 0% !important;
}
    .counter h2 {
    color: #fff;
    font-weight: 700;
    margin-top: 0;
    FONT-SIZE: 19PX;
    margin-bottom: 5px !important;
}
      .pricing-list li {
    /* border-bottom: 1px dashed #eee; */
    color: #333;
    font-size: 17px;
        padding: 3px 0px 3px 30px !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    text-align: left;
}
.pricing-list li i {
    font-size: 14px;
    left: 12px !important;
    position: absolute;
    top: 8px;
    color: #fcbd10;
}


}
.btn-promotion-bg:hover,
.btn-promotion-bg:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #333;
}
/*
* ----------------------------------------------------------------------------------------
* .END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* .START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact {
    padding: 0 30px;
}
.contact input {
	background: #fff;
	border: 1px solid #f8f8f8;
	box-shadow: none;
	color: #333;
	font-family: montserrat,sans-serif;
	height: 55px;
	padding: 10px 20px;
}
.contact textarea {
    background: #fff;
    border-radius: 0;
	font-family: montserrat,sans-serif;
    border: 1px solid #f8f8f8;
    box-shadow: none;
	padding: 10px 20px;
    color: #333;
    height: 200px;
	border-radius: 3px;
}
.contact .form-control{
	margin-bottom: 15px;
}
.contact input:focus,
.contact textarea:focus {
    border-color:  #dd3333;
    box-shadow: none;
    outline: 0 none;
}
#submitButton{
	height: 50px;
	padding: 10px 15px;
}
.success {
    background: #fff none repeat scroll 0 0;
    color: #dd3333;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}

.contact_address h3 {
    color: #333;
    margin: 0 0 15px;
    text-transform: uppercase;
}
.contact_address p {
    color: #333;
    margin-bottom: 30px;
}
.contact_address ul { list-style: none }
.contact_address ul li {
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
}
.contact_address ul li i {
    background: #dd3333 none repeat scroll 0 0;
    border-radius: 30px;
	color:#fff;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    margin-right: 20px;
    text-align: center;
    width: 45px;
}
.btn-contact-bg {
	background: #dd3333 none repeat scroll 0 0 !important;
	border: 1px solid #dd3333 !important;
	color: #fff!important;
	font-family: montserrat,sans-serif;
	font-size: 14px;
	padding: 10px 30px !important;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333!important;
    border-bottom: 1px solid #333!important;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* .END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

#map{height:400px;}
/*
* ----------------------------------------------------------------------------------------
* 18.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
    background-color: #171B1E;
}

.footer img { padding-bottom: 30px }
/*START FOOTER SOCIAL DESIGN*/
.footer_social {
  margin-bottom: 30px;
}
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
	background: #1f2428 none repeat scroll 0 0;
	border: 1px solid #1f2428;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 14px;
	height: 40px;
	line-height: 20px;
	margin: 2px;
	padding: 9px 12px;
	transition: all 0.2s ease 0s;
	width: 40px;
}
@media only screen and (max-width:768px) { 
    .footer_social ul li a { font-size: 12px }
}


@media only screen and (max-width:480px) { 
    .pricing-table { margin-bottom: 40px;    margin: 20px 30px 20px 30px; }
    .tabs li {
    margin-right: 10px !important;
}
}

@media only screen and (max-width:380px) { 
.pricing-table { margin-bottom: 40px;    margin: 20px 10px 20px 10px; }
}
@media only screen and (max-width:360px) { 
    .footer_social ul li a { font-size: 14px }
}
.footer_social ul li a:hover { color: #fff }
.f_facebook:hover {
    background: #5D82D1;
    border: 1px solid #5D82D1;
}
.f_twitter:hover {
    background: #40BFF5;
    box-shadow: 0 0 0 0px #40BFF5;
    border: 1px solid #40BFF5;
}
.f_google:hover {
    background: #EB5E4C;
    box-shadow: 0 0 0 0px #EB5E4C;
    border: 1px solid #EB5E4C;
}
.f_linkedin:hover {
    background: #238CC8;
    box-shadow: 0 0 0 0px #238CC8;
    border: 1px solid #238CC8;
}
.f_youtube:hover {
    background: #CC181E;
    box-shadow: 0 0 0 0px #CC181E;
    border: 1px solid #CC181E;
}
.f_skype:hover {
    background: #00AFF0;
    box-shadow: 0 0 0 0px #00AFF0;
    border: 1px solid #00AFF0;
}
/*END FOOTER SOCIAL DESIGN*/
.footer_content p {
	border-top: 1px solid #282828;
	color: #fff;
	font-family: montserrat,sans-serif;
	font-size: 14px;
	margin: 0;
	padding-top: 30px;
}
/*
* ----------------------------------------------------------------------------------------
* 18.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  19.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-top{    
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.section-top-title h2 {
    color: #fff;
    font-size: 45px;
    margin: 0;
    text-transform: uppercase;
}

@media only screen and (max-width:360px) { 
.tabs a {
    padding: 0px 7px;
    font-size: 8px !important;
}
.tabs li {
    float: left;
    line-height: 38px;
    overflow: hidden;
    padding: 0;
    margin-right: 4px !important;
    border: 1px solid #efe6e6;
}

}


@media only screen and (max-width:320px) { 
    .section-top-title h2 { font-size: 40px }
	.home_text h2 {
    font-size: 46px;
    letter-spacing: 0px !important;
}
img.icon-set3 {
    width: 10%;
    margin-left: 15%;
}
.location_set {
    text-align: left;
    float: left;
    margin-left: 4%;
    width: 100%;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 600px;
}
.navbar-default .navbar-nav li:last-child a {
    padding-bottom: 140px;
}
div#mobile ul li:last-child:last-child a{
	
	padding-bottom: 8px;
	
}
div#mobile ul li {
    background: #050505;
    color: #fec12d;
}

    .tabs a {
    padding: 0px 2px;
    font-size: 10px;
}
}
.section-top-title {
padding-bottom: 90px;
padding-top: 150px;
}
.section-top-title,
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}
.section-top-title ol li { color: #fff!important }
.section-top-title ol li a { color: #fff!important }
.section-top-title ol li a:hover { color: #dd3333!important }
/*
 * ----------------------------------------------------------------------------------------
 * 19.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 20.Single PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
*/
.about_project{
	margin-bottom: 20px;
}
.about_project_details ul{
	list-style: none;
}
.about_project_details ul li i{
	padding-right: 10px;
}
.about_project_details ul li{
	padding-bottom: 8px;
}
.about_project_details {
	margin-bottom: 20px;
}
.related_porject{
	padding-bottom: 30px;
}
#team .section-title div{
	margin-bottom: 30px;
}

.blk1-element,.blk2-element, .blk3-element, .blk4-element, .blk5-element, .blk6-element, .blk7-element, .blk8-element {
  display: none;
}
.blk1:hover .blk1-element, .blk2:hover .blk2-element, .blk3:hover .blk3-element, .blk4:hover .blk4-element, .blk5:hover .blk5-element, .blk6:hover .blk6-element, .blk7:hover .blk7-element, .blk8:hover .blk8-element {
    display: block;
    position: absolute;
    bottom: 0px;
    text-align: center;
    display: block;
    font-size: 26px;
    width: 100%;
    color: #fff;
    padding: 10px 0px;
    background: #00000087;
}
@media only screen and (max-width: 767px) {
.works_area .tab{    width:100%;    margin: 10px auto;}
.our_service p{padding:0px;}



.youtube_bg {
    max-height: 655px!important;
}
.single_feature {
    padding-top: 0px;
}
.home_text h2 {
   
    letter-spacing: 0px !important;
}
.tab{    width: 100%!important;}
.tabs{width: 100%!important;}
.tabs a{    padding: 0px 7px;font-size: 9px;}
.tabs li{    margin-right: 0px;}
.work_all_item {
    width: 100%!important;
    margin: 0px auto;
}
.counter_feature {
    background: #000 none repeat scroll 0 0;
    padding: 40px 0px 10px 0;
}
.feature h2, .about_us h2, .pricing_table h2, .our_service h2, .works_area h2, .contact_area h2, .portfolio h2{font-size:35px;}
}
@media only screen and (max-width:360px) { 
    .section-title  h2 { font-size: 35px }
.set .tabs {
    left: 0% !important;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 600px;
}
.navbar-default .navbar-nav li:last-child a {
    padding-bottom: 140px;
}
div#mobile ul li:last-child a{
	
	padding-bottom: 8px;
	
}
div#mobile ul li {
    background: #050505;
    color: #fec12d;
}


}