/* 



*/


* {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', arial, sans-serif;
}

#eamil-to .email-to li>a>em{
	color: #fff !important;
	font-family:'Roboto', arial, sans-serif !important;
}

body {
	overflow-x: hidden;
}

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

p {
	color: #7a7a7a;
	font-size: 14px;
	line-height: 24px;
}

.home-content {
  width: 100%;
  min-height: 100vh;
  background-size: cover;
}

.primary-white-button button {
	display: inline-block;
	background-color: #fff;
	font-size: 13px;
	padding: 10px 16px;
	color: #121212;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 20px;
}

.primary-white-button button:hover{
	display: inline-block;
	border-color: #0069a2;
	background-color: #E3F5FE;
	font-size: 13px;
	color: #121212;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 20px;
} 

.primary-blue-button a {
	display: inline-block;
	background-color: #0069a2;
	font-size: 13px;
	padding: 10px 16px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 20px;
}



.pop-button h4 {
	display: inline-block;
	background-color: #0069a2;
	font-size: 13px!important;
	padding: 12px 18px;
	color: #fff;
	font-weight: 400!important;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 20px;
	cursor: pointer;
}


.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 10000;
    transition: all 0.2s ease-in-out;
    height: 80px;
    background-color:white;  
    
    text-align: center;
    line-height: 40px;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
    text-shadow: none;
}

.navbar-brand {
	line-height: 80px;
	padding: 0px;
}
/*---Clients--*/
.col-md-6-b { margin: auto;
  width: 85%;
  padding: 10px;
}

.clients_h{
	font-size: 20px;
	font-family: 'Roboto', arial, sans-serif !important;
}
.clients-title{
	font-size: 20px;
	font-family: 'Roboto', arial, sans-serif !important;
	padding-bottom: 10px !important;
	margin-bottom: 10px !important;
}
.column {
  float: left;
  width: 25%;
}
/*---End--*/

/*--loggo-foot--*/
.logo-foot{
	padding-bottom: 10px;
	margin-bottom: 5%;
}
/*--END--loggo-foot--*/
/*--MAP--*/
.ove-rlay-2 iframe h1{
	color: black;
	font-size: 40px;
	text-align: center;
	z-index: 2000 !important;
}
.overlawy-2{
	 background-color: rgba(6,6,6,0.3);
  width: 100%;
  height: 100%;
  z-index: 2 !important;
  cursor: pointer;
}

#iframe{
	position: static;
	z-index: 1 !important;
}

#map{
	height: 500px;
}
#text2-map{
	justify-content:center;
	align-items: center;
	display: flex;
	position: absolute;
	text-ala-ign: center;
  botwtom: -40px;
  lweft: 2px;
  font-size: 20px;
  color: black;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
	 z-index: 2 !important;
}
.overlay-2 iframe{
    pointer-events: none;
}


/*---Logo Trasition--*/
.navbar-brand-imgi img {
    -webkit-transition: all 3s;
    transition: all 3s;
}
/*---End Logo Trasition--*/
.img-responsive{
	width: 100%;
	height: auto;
}

.nav .navbar-nav ul{
	width: 20% !important;
}
.navbar-nav>li>a {
	color: #000!important;
	font-size: 13px;
	font-weight: 300;
	text-transform: uppercase;
	text-shadow: none;
	line-height: 80px;
	padding: 0px;
	letter-spacing: 0.5px;
}

.navbar-nav>li {
	margin-left: 45px;
}


.header.active .navbar-nav>li>a {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	text-shadow: none;
	color: #121212!important;
}

.header.active {
    background-color: rgba(250, 250, 250, 0.98);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
.navbar-brand {
	font-family: 'Open Sans', sans-serif;
	font-size: 2px;
	text-transform: uppercase;
	color: #fff!important;
	transition: all 0.5s;
	 
}
.navbar-brand em {
	font-style: normal;
	color: #f7c552;
	font-size: 32px;
}
.header.active .navbar-brand {
	color: #121212!important;
}
.header .navbar-brand {
    font-weight: 800;
}
.navbar-inverse {
	background-image: none;
	background-color: transparent;
}
.header .navbar {
    margin: 0;
    border: none;
}


.page-section {
    padding: 80px 0;
}
.navbar-inverse .navbar-toggle {
	margin-top: 22px;
    border-color: #f7c552;
    background-color: #f7c552;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #f7c552;
}
bootstrap.min.css:5
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 15px!important;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


@media (max-width: 991px) {
	.logo-foot{ margin-bottom: 0px;
	padding-bottom: 0px;}
	
	.service-item_2 img{
	 margin-left: auto;
  margin-right: auto;
  display: block;
		width: 400px;
		height: auto;
		align-content: center;
	}
	#about_2{
		padding-top: 10px;
		
	}
}
@media (min-width : 991px ){
    .header .navbar-brand {
        padding-left: 0;
    }
    .navbar-nav {
        float: right;
    }
}
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}
@media (max-width: 480px) {
    .page-section h1 {
        font-size: 3em;
    }
    .page-section h2 {
        font-size: 2em;
    }
    .page-section p {
        font-size: 1em;
        margin: 0 0 20px;
    }
}
.action-1-content {
  width: 100%;
  min-height: 40vh;
}

.home-content {
  width: 100%;
  min-height: 40vh;
}

.baner-content {
	width: 100%;
  	padding-top: 20vh;
  	text-align: center;
  	background-color: whitesmoke;
  	vertical-align: middle;
}

.baner-content .text-content {
	text-align: center;
}

.baner-content .text-content h2 {
	font-size: 40px;
	font-weight: 900;
	color: #6A0084 !important;
	margin-top: 0px;
}

.baner-content .text-content h2 span {
	font-size: 40px;
	font-weight: 900;
	color: #0081c7 !important;
}

.baner-content .text-content h2 em {
	font-size: 40px;
	font-style: normal;
	font-weight: 900;
	color: #000 !important;
}

.baner-content .text-content p {
	color: #000000;
	font-size: 50px;
	line-height: 24px;
	padding: 0px 25%;
}

.baner-content .text-content .primary-white-button {
	margin-top: 20px;
}


.accordion [data-toggle="collapse"]:after {
	float: right;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  content: "\f0d8";
  transform: rotate(180deg) ;
  transition: all linear 0.25s;
  }   
.accordion [data-toggle="collapse"].collapsed:after {
  transform: rotate(0deg) ;
}


.pasnel button:after {
    font-family: 'FontAwesome';
    content: "\f0d7";    
    float: right;
}

.acscordion-opened .panel button:after {    
    content: "\f0da";    
}
#FAQs_1 .faqs_x{
	padding: 10px 30px 10px;
height: auto;
	margin-bottom: 10px;
} 

#FsAQs_1 .panel  button:after {
    font-family: 'FontAwesome';  
    content: "\f0d7";
	float: right;
}
#FsAQs_1 .panel  button.collapsed:after {
    content: "\f0da";
}

#FAQhs .svg-x:after {
    font-family: 'FontAwesome';  
    content: "\f000";
    float: right; 
}
#FAQhs .collapsible_x:hover {
    /* symbol for "collapsed" panels */
    content: "\f001"; 
}


#about {
	padding: 20px 0px 20px;
	background-color: whitesmoke;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}



#about .service-item {
	text-align: center;
}

#about .service-item .icon {
	width: 110px;
	height: 110px;
	display: inline-block;
	text-align: center;
	line-height: 104px;
	border: 3px solid #fff;
	border-radius: 50%;
	background-color: #FFBC29;
}

#about .service-item h4 {
	text-align: left;
	margin-bottom: 10px;
	margin-top: 35px;
	font-size: 18px;
	font-weight: 450;
	color: #000;
	letter-spacing: 1px;
}
#about .service-item p b {
	text-align: left;
	margin-bottom: 5px;
	font-weight: 500;
	font font-size: 20px
	color: #000;
	cmolor: #4F4E4E;
	letter-spacing: 1px;
}


#about .service-item .line-dec {
	width: 100%;
	height: 1px;
	background-color: rgba(250, 250, 250, 0.5);
}

#about .service-item p {
	text-align: left;
	color: #000;
	margin-top: 5px;
}

#about .service-item .primary-blue-button {
	margin-top: 35px;
}

#about .info_vid{
    overflow:hidden;
    position:relative;
    height:0;
	padding-bottom: 25%;
	margin-top: 40px;
}
#about .info_vid iframe{
	 left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	margin-right: 10px;
}

#about_2a {
	padding: 5px 0px 45px;
	background-color: whitesmoke;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

	#about_2 h4{
		margin-top: 0px !important;
	text-align: left;
	font-size: 18px;
	font-weight: 450;
	color: #000;
	letter-spacing: 1px;
	}
	
	#about_2 .service-item_2 h4{
	text-align: left;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 450;
	color: #000;
	letter-spacing: 1px;
}



#about_2a .service-item {
	text-align: center;
}

#about_2a .service-item .icon {
	width: 110px;
	height: 110px;
	display: inline-block;
	text-align: center;
	line-height: 104px;
	border: 3px solid #fff;
	border-radius: 50%;
	background-color: #FFBC29;
}

#about_2a .service-item h4 {
	text-align: left;
	margin-bottom: 10px;
	margin-top: 35px;
	font-size: 18px;
	font-weight: 450;
	color: #000;
	letter-spacing: 1px;
}
#about_2a .service-item p b {
	text-align: left;
	margin-bottom: 5px;
	font-weight: 500;
	font font-size: 20px
	color: #000;
	cmolor: #4F4E4E;
	letter-spacing: 1px;
}


#about_2a .service-item .line-dec {
	width: 100%;
	height: 1px;
	background-color: rgba(250, 250, 250, 0.5);
}

#about_2a .service-item p {
	text-align: left;
	color: #000;
	margin-top: 5px;
}

#about_2a .service-item .primary-blue-button {
	margin-top: 35px;
}

#about_2a .info_vid{
    overflow:hidden;
    position:relative;
    height:0;
	padding-bottom: 25%;
	margin-top: 40px;
}
#about_2a .info_vid iframe{
	 left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	margin-right: 10px;
}

#about_2a ul li:before{
	content: "\2022";
	font-weight: 900;
	font-size: 1.5em;;
	color: #007CB2 !important;
	padding-left: 5px;
	padding-right: 15px;
}


#about_2b {
	padding: 10px 0px 45px;
	background-color: whitesmoke;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}



#about_2b .service-item {
	text-align: center;
}

#about_2b .service-item .icon {
	width: 110px;
	height: 110px;
	display: inline-block;
	text-align: center;
	line-height: 104px;
	border: 3px solid #fff;
	border-radius: 50%;
	background-color: #FFBC29;
}

#about_2b .service-item h4 {
	text-align: left;
	margin-bottom: 10px;
	margin-top: 35px;
	font-size: 18px;
	font-weight: 450;
	color: #000;
	letter-spacing: 1px;
}
#about_2b .service-item p b {
	text-align: left;
	margin-bottom: 5px;
	font-weight: 500;
	font font-size: 20px
	color: #000;
	cmolor: #4F4E4E;
	letter-spacing: 1px;
}


#about_2b .service-item .line-dec {
	width: 100%;
	height: 1px;
	background-color: rgba(250, 250, 250, 0.5);
}

#about_2b .service-item p {
	text-align: left;
	color: #000;
	margin-top: 5px;
}

#about_2b .service-item .primary-blue-button {
	margin-top: 35px;
}

#about_2b .info_vid{
    overflow:hidden;
    position:relative;
    height:0;
	padding-bottom: 25%;
	margin-top: 40px;
}
#about_2b .info_vid iframe{
	 left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	margin-right: 10px;
}

#about_2b ul li:before{
	content: "\2022";
	font-weight: 900;
	font-size: 1.5em;;
	color: #007CB2 !important;
	padding-left: 5px;
	padding-right: 15px;
}

#about_2c {
	padding: 10px 0px 45px;
	background-color: whitesmoke;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}



#about_2c .service-item  .1st_x{
	text-align: center;
}

#about_2c .service-item .icon {
	width: 110px;
	height: 110px;
	display: inline-block;
	text-align: center;
	line-height: 104px;
	border: 3px solid #fff;
	border-radius: 50%;
	background-color: #FFBC29;
}

#about_2c .service-item h4 {
	text-align: left;
	margin-bottom: 10px;
	margin-top: 35px;
	font-size: 18px;
	font-weight: 450;
	color: #000;
	letter-spacing: 1px;
}

#about_2c .service-item p b {
	text-align: left;
	margin-bottom: 5px;
	font-weight: 500;
	font font-size: 20px
	color: #000;
	cmolor: #4F4E4E;
	letter-spacing: 1px;
}


#about_2c .service-item .line-dec {
	width: 100%;
	height: 1px;
	background-color: rgba(250, 250, 250, 0.5);
}

#about_2c .service-item p {
	text-align: left;
	color: #000;
	margin-top: 5px;
}

#about_2c .service-item .primary-blue-button {
	margin-top: 35px;
}

#about_2c .info_vid{
    overflow:hidden;
    position:relative;
    height:0;
	padding-bottom: 25%;
	margin-top: 40px;
}
#about_2c .info_vid iframe{
	 left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	margin-right: 10px;
}

#about_2c ul li:before{
	content: "\2022";
	font-weight: 900;
	font-size: 1.5em;;
	color: #007CB2 !important;
	padding-left: 5px;
	padding-right: 15px;
}


#about_img-2 img{
	max-height: 300px;
	paddsing: 0% 4% 0% 25%;
}

#benefit_list{
	text-align: left;
}


#about ul li:before{
	content: "\2022";
	font-weight: 900;
	font-size: 1.5em;;
	color: #007CB2 !important;
	padding-left: 5px;
	padding-right: 15px;
}


#benefit_list li{
	color: #000;
}

#about-header-2 .services_header{
	background-color: whitesmoke;
	margin-bottom: 0px;
	padding: 0px 15px;
	
	
}

#about-header-2 .services_header h3 {
	align-content: center;
	text-align: center;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	font-size: 25px;
	font-weight: 600;
	color: #000;
	letter-spacing: 1px;}

#contact-header-2 .services_header{
	background-color: whitesmoke;
	margin-bottom: 5px;
	padding: 0px 15px 5px;
	
	
}

#contact-header-2 .services_header h3 {
	align-content: center;
	text-align: center;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	font-size: 25px;
	font-weight: 300;
	color: #000;
	letter-spacing: 1px;}

@media (max-width:1200px) and (max-width:1200px){

#about_img img{
	padding-top: 10%;
}
	
}
.service-item_2 #about_p{
	text-align: left;
	margin-top: 10px;
	color: #000;
	letter-spacing: 1px;
}
#about_2 .service-item_2 p{
	text-align: left;
	color: #000;
	letter-spacing: 1px;
}



.portfolio-x{
	margin-bottom: 20p;
}

.project-filter{
	padding-bottom: 5;
	margin-bottom: 25;
}

.projects-holder .mix {
  display: none;
}

.projects-holder {
	padding: 30px 15px 0px 15px;
}

.filter-categories {;
  margin-top: 60px;
	margin-bottom: 60px;
}

.filter-categories ul li {
  margin: 0px 10px 15px 0px;
  display: block;
}

.filter-categories ul li span {
  cursor: pointer;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 500;
  left: 0.5px;
}

.filter-categories ul li.active span {
  color: #f7c552;
}



.services_header-x{
	background-color: #0068A2;
padding: 30px;
	margin-bottom: 20px;
}

.services_header-x h3 {
	text-align: center;
	margin: auto;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	letter-spacing: 1px;}



.services_header{
	background-color: #0068A2;
	height: 50px;
	margin-bottom: 20px;
	padding: 0px 15px;
	
}


/*#services .section-heading h4 {
	text-align: center;
	margin-top: 20px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	letter-spacing: 1px;
}*/

#services .section-heading p {
	color: #000;
}

#services .col-md-4{
	padding: 0px;
	margin-bottom: 0px;
}


#services .collapsible {
  background-color: #E9E9E9;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
}

#servwices .active, .collapsible:hover {
  background-color: #ccc;
}

#services .content {
	color: black;
  padding: 5px 20px;
  display: none;
  overflow: hidden;
  background-color: #fff;
}

.action-baner-content {
	width: 100%;
  	padding-top: 5vh;
  	text-align: center;
	height: 10px;
  	background-color: whitesmoke;
  	vertical-align: middle;
}

.action-1-content {
  width: 100%;
  height: 10px !important;
  background-size: cover;
}

#action-1 {
	background-color: whitesmoke;
	text-align: center;
	height:auto;
}

#action-1 .testimonials-item h4 {
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin-top: 30px;
	margin-bottom: 5px;
}

#action-1 .testimonials-item span {
	font-size: 13px;
	color: #fff;
	letter-spacing: 0.5px;
}

#action-1 p {
	font-size: 13px;
	color: #505050;
	font-weight: 300;
	padding: 10px 30px 10px 30px;
	margin-bottom: 10px;
}

.owl-pagination {
  margin-top: 20px;
  opacity: 1;
  display: inline-block;
}

.owl-page span {
  display: block;
  width: 8px;
  height: 8px;
  margin: 0px 5px;
  filter: alpha(opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #fff;
}

#FAQs-header .services_header{
	background-color: whitesmoke;
	margin-bottom: 0px;
	padding: 10px 15px 0px;
	
}

#FAQs-header .services_header h3 {
	align-content: center;
	text-align: center;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	font-size: 25px;
	font-weight: 600;
	color: #000;
	letter-spacing: 1px;}

#FAQs_1 .collapsible_x {
	text-align: left;
	font-weight: 700;
	font-size: 20px;
	padding: 20px;
  background-color: #FCFCFC;
  color: #444;
  cursor: pointer;
	width: 100%;
  border: none;
  outline: none;
}

#FAQs .collapsible {
	text-align: left;
	font-weight: 700;
	font-size: 20px;
	padding: 20px;
  background-color: #FCFCFC;
  color: #444;
  cursor: pointer;
	width: 100%;
  border: none;
  outline: none;
}

#FAQs .collapsible_x:hover {
  background-color: #ccc;
}


#FAQs_1 .collapsible_x:hover {
  background-color: #ccc;
}
#FAQss_1 .collapsible_x:active {
  background-color: #ccc;
}


#FAQs .content p{
	color:#000 !important;
}

#FAQs_1 .content {
  padding: 5px 20px;
	color: black;
  background-color: #fff;
}
.faqs_x{
	padding: 10px 30px 0px;
}


#blog {
	background-image: url(../img/blog-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#blog .section-heading {
	text-align: left;
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: rgba(0, 0, 0, 0.5);
	height: auto;
	margin-left: -100vh;
	padding-left: 100vh;
	overflow: hidden!important;
}

#blog .section-heading h4 {
	margin-top: 0px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	letter-spacing: 1px;
}

#blog .section-heading .line-dec {
	width: 270px;
	height: 1px;
	background-color: rgba(250, 250, 250, 0.5);
	margin: 20px 0 15px 0;
}

#blog .section-heading p {
	color: #fff;
	padding-right: 70px;
}


.wrapper {
  text-align: center;
}

.tabs {
  list-style: none;
  margin-top: 40px;
  padding-right: 70px;
}

.tabs li {
  display: block;
  text-align: center;
  margin: 25px 0px;
}

.tabs a {
  display:block;
  text-align:center;
  text-decoration:none;
  text-transform:capitalize;
  letter-spacing: 0.5px;
  color:#121212;
  font-size: 15px;
  font-weight: 500;
  padding: 12px 12px;
  background-color: #fff;
}

.tabs a:hover {
  color: #f7c552;
}

.tabs .active {
  color: #f7c552;
}
#first-tab-group {
	margin-top: 30px;
	margin-bottom: 15px;
}
.tabgroup .text-content	 {
  background-color: #fff;
  color: #fff;
  padding: 25px;
  text-align: left;
}

/*--Services--*/

/*--svg--*/
.iconx {
  display: inline-block;
  width: 70px;
  height: 70px;
  background-size: cover;
}
.svg-x:hover svg path,
.svg-x:hover h4,
.svg-x-x:focus {
  fill: #0069a2;
	color: #0069a2;
}

.grid-containerx {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
}
/*----------------SVG IMAGES CSS - NOT IN USE-----
.icon-seo {
  background-image: url(../img/seo.svg);
}
.icon-seo:hover,
.icon-seo:focus {
  background-image: url("../img/seo_blue.svg");
}

.icon-sms {
  background-image: url(../img/sms.svg);
}
.icon-sms:hover,
.icon-sms:focus {
  background-image: url("../img/sms_blue.svg");
}

.icon-ads {
  background-image: url(../img/video-advertising.svg);
}
.icon-ads:hover,
.icon-ads:focus {
  background-image: url("../img/video-advertising_blue.svg");
}

.icon-mail {
  background-image: url(../img/mail.svg);
}
.icon-mail:hover,
.icon-mail:focus {
  background-image: url("../img/mail_blue.svg");
}

.svg-x:hover svg path,
.svg-x:hover h4,
.svg-x-x:focus {
  fill: #0069a2;
	color: #0069a2;
}

.icon-funnel {
  background-image: url(../img/sales-funnel.svg);
}
.icon-funnel:hover,
.icon-funnel:focus {
  background-image: url("../img/sales-funnel_blue.svg");
}

.icon-influencer {
  background-image: url(../img/promotion.svg);
}
.icon-influencer:hover,
.icon-influencer:focus {
  background-image: url("../img/promotion_blue.svg");
}

.icon-ppc {
  background-image: url(../img/click.svg);
}
.icon-ppc:hover,
.icon-ppc:focus {
  background-image: url("../img/click_blue.svg");
}

.icon-content {
  background-image: url(../img/content.svg);
}
.icon-content:hover,
.icon-content:focus {
  background-image: url("../img/content_blue.svg");
}

.icon-pr {
  background-image: url(../img/digital-relations.svg);
}


.icon-pr:hover,
.icon-pr:focus #service-tab {
  background-image: url("../img/digital-relations_blue.svg");
	color: #0069A2;
}
----------------------------------------*/



/*--end svg--*/

/*--tabs--*/

.service-tab{
	padding-top: 15px;
	padding-bottom: 10px;
	
}


/*--End--Tabs--*/





.tabgroup{
	height: 600px;
}

.tab-size{
	height: auto;
	width: auto;
	background-color: #fff;
	overflow: hidden;
}
.tabgroup .text-content h4 {
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: #121212;
	margin-top: 0px;
	margin-bottom: 5px;
}
.tabgroup .text-content span {
	font-size: 13px;
	color: #0069a2;
}
.tabgroup .text-content a {
	font-size: 13px;
	color: #0069a2;
	text-decoration: none;
}
.tabgroup .text-content p {
	margin-top: 10px;
}

.clearfix:after {
  content:"";
  display:table;
  clear:both;
}
.contact_x{
	backgroaund-color: grey;
	padding: 0px 30px;
	
}

#contact-us {
 margin: 25px;
	background-color: whitesmoke;
	text-align: center;
	padding: 50px 0px;
	border-radius: 20px;
	border-width: 10px;
	border-style: solid;
	border-color: #706F6F;
	border-width: 1px;
}

#contact-us .section-heading h4 {
	margin-top: 0px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	letter-spacing: 1px;
}

#contact-us .section-heading .line-dec {
	width: 270px;
	height: 1px;
	background-color: rgba(250, 250, 250, 0.5);
	margin: 20px auto 15px auto;
}

#contact-us .section-heading p {
	color: #fff;
	padding: 0px 33%;
}

#contact-us .pop-button {
	margin-top: 30px;
}

#contact input {
  border-radius: 0px;
  padding-left: 15px;
  font-size: 13px;
  color: #232323;
  background-color: rgba(250, 250, 250, 1);
  outline: none;
  border: none;
  box-shadow: none;
  line-height: 50px;
  height: 50px;
  width: 100%;
  margin-bottom: 30px;
}

#contact textarea {
  border-radius: 0px;
  padding-left: 15px;
  padding-top: 10px;
  font-size: 13px;
  color: #232323;
  background-color: rgba(250, 250, 250, 1);
  outline: none;
  border: none;
  box-shadow: none;
  height: 165px;
  max-height: 220px;
  width: 100%;
  margin-bottom: 25px;
}

#contact button {
  display: inline-block;
	background-color: #0068a2;
	font-size: 13px;
	padding: 12px 18px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 20px;
}

#contact button:hover {
	display: inline-block;
	border-color: #0069a2;
	background-color: #E3F5FE;
	font-size: 13px;
	color: #121212;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 20px;
}


.pop #contact {
	z-index: 99999;
	position: fixed;
	top: 25%;
	left: 20%;
	right: 20%;
}

.pop {
	z-index: 99999;
	text-align: center;
	padding: 30px;
    display:none;
    position:fixed;
    width: 100%;
    top:0;
    left:0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    box-shadow: 0px 0px 15px;
}

.pop span {
	z-index: 999;
	position: relative;
	margin-bottom: 20px;
	cursor: pointer;
	width: 44px;
	height: 44px;
	display: inline-block;
	line-height: 44px;
	color: #fff;
	text-align: center;
	background-color: #0069a2;
}

.pop span:hover {
	background-color: #596065;
	transition: all 0.5s;
}




footer {
	margin-top: -6px;
	background-color: #373a3c;
	padding: 50px 0px;
}
footer .logo em {
	font-style: normal;
	font-size: 28px;
	color: #f7c552;
}
footer .logo-ft {
	display: inline-block;
	margin-top: 15px;
	text-decoration: none;
	color: #fff!important;
	font-size: 21px;
	font-weight: 900;
	text-transform: uppercase;
	text-shadow: none;
	letter-spacing: 1px;
}

footer .logo p {
	font-weight: 300;
	font-size: 12px;
	color: #fff;
	margin-bottom: -10px;
	letter-spacing: 0.5px;
}

footer .logo span {
	font-weight: 600;
	color: #f7c552;
}

footer .logo a {
	color: #FFF;
}

footer .logo a:hover {
	color: #9F0;
}

footer .location h4 {
	margin-top: 0px;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 30px;
}

footer .location ul li {
	font-size: 13px;
	color: #fff;
	display: inline-block;
	line-height: 24px;
	letter-spacing: 0.5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

footer .location ul li:first-child {
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid rgba(250, 250, 250, 0.1);
}

footer .contact-info h4 {
	margin-top: 0px;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 30px;
}

footer .contact-info ul li {
	font-size: 13px;
	color: #fff;
	display: inline-block;
	line-height: 24px;
	letter-spacing: 0.5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 300;
	margin-bottom: -15px;
}

footer .contact-info ul li em {
	font-style: normal;
	font-weight: 500;
}

footer .connect-us h4 {
	margin-top: 0px;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 35px;
}

footer .connect-us ul li {
	display: inline-block;
	margin-right: 2px;
}

footer .connect-us ul li a {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
	color: #373a3c;
	font-size: 15px;
	transition: all 0.3s;
}
footer .connect-us ul li a:hover {
	background-color: #f7c552;
}


/* RESPONSIVE */

@media (max-width: 991px){
	
	#about .info_vid{
    overflow:hidden;
    position:relative;
    height:0;
	padding-bottom: 35%;
	margin: 30px 10px;
	}

	.baner-content .text-content p {
		padding: 0px 15%;
	}


	#about .service-item {
		margin-bottom: 80px;
	} 

	#services .section-heading {
		background-color: #AAAAAA;
		height: auto;
		overflow: hidden;
	}


	#services .section-heading p {
		color: #000;
	}

	.projects-holder {
		text-align: center;
		padding: 15px 0px;
	}

	#services .project-item {
		margin: 15px 0px;
	}

	#blog .section-heading {
		text-align: center;
		padding-top: 100px;
		padding-bottom: 100px;
		background-color: rgba(0, 0, 0, 0.5);
		margin-left: -15px;
		padding-left: 0vh;
		margin-right: -15px;
		padding-right: 0vh;
		overflow: hidden!important;
	}

	#blog .section-heading .line-dec {
		margin: 20px auto 15px auto;
	}

	#blog .section-heading p {
		padding: 0px 30px;
	}

	.tabs {
		padding: 0px 45px;
	}

	#first-tab-group {
		margin-bottom: 30px;
	}

	#contact-us .section-heading p {
		padding: 0px 10%;
	}

	footer {
		text-align: center;
	}

	footer .logo {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid rgba(250, 250, 250, 0.1);
	}

	footer .location {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid rgba(250, 250, 250, 0.1);
	}

	footer .contact-info {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid rgba(250, 250, 250, 0.1);
	}

	footer .contact-info ul li {
		margin-right: 10px;
		margin-left: 10px;
	}

}

@media (max-width: 768px){
	.baner-content .text-content p {
		padding: 0px 10%;
	}
	#main-nav {
		margin-left: -15px;
		margin-right: -15px;
		border-top: none;
		margin-top: 15px;
		background-color: rgba(250, 250, 250, 0.95);
	}

	.navbar-nav {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.navbar-inverse .navbar-nav>li {
		margin-left: 0px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.navbar-inverse .navbar-nav>li:last-child {
		border-bottom: none;
	}


	.navbar-inverse .navbar-nav>li>a {
		font-family: 'Roboto', sans-serif!important;
		line-height: 55px;
		color: #343434!important;
	}

}

@media (max-width: 500px){
	
	.service-tab{
		padding-bottom: 5px;
		padding-top: 10px;
	
		padding-left: 10px;
	}

.service-tab h4{
		text-align: left;
	padding-left: 15px;
	}

	.iconx {
		padding-right: 15px;
		float: left;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-size: cover;
}
	.blank{display: none;}
}

@media (max-width: 430px){
#services .section-heading {
		text-align: center;
		background-color: #AAAAAA;
		height: auto;
		overflow: hidden;
	}
	
	
}

@media (max-width: 410px){
#services .section-heading {
		text-align: center;
		background-color: #AAAAAA;
		height: auto;
		overflow: hidden;
	}
}

@media (max-width: 385px){
	
#services .section-heading {
		text-align: center;
		background-color: #0069a2;
		height: 570px;
		overflow: hidden;
	}
	
	
	footer .location ul li {
		display: block;
	}

	footer .location ul li:first-child {
		margin-right: 0px;
		padding-right: 0px;
		border-right: none;
	}

}