/*



Theme Name: X – Child Theme

Theme URI: http://theme.co/x/

Author: Themeco

Author URI: http://theme.co/

Description: Make all of your modifications to X in this child theme.

Version: 1.0.0.1643208204

Template: x



Updated: 2022-01-26 14:43:24
*/
.seo-lists li {
		margin-left:20px!important;
}
.headers { 
	    padding: 200px 0px 140px!important;
}

.entry-header, .entry-content {
	font-size:18px!important;
}







.backstretch img {

	top: 0px!important;

}









.minus-margin .x-main {

	  margin-top: -117px;  

}



.minus-margin .backstretch img {

	width: 100%!important;

    height: 600px!important;	  

	left: 0px!important;

}



.h1-box {

	background-color: #ee0c32;

    color: #fff;

    padding: 15px 40px;

    display: inline-block;

    border-radius: 5px;

    font-weight: 100;

    font-size: 60px;

    letter-spacing: 0em;

    margin: 0px;

  	box-shadow: 5px 10px 15px 0 #333;

}


p {

	font-size: 18px;

  	text-align: center;

  	margin-bottom: 10px!important;

  	font-weight: 400; 	

}



.about-h3 {

	text-align: center;

    font-size: 50px;

    letter-spacing: 0.040em!important;

    margin-bottom: 40px;

	color: #ffffff;

	font-weight: 700;

	margin-top: 0px;

}

.about-h2 {

	text-align: center;

    font-size: 50px;

    letter-spacing: 0.040em!important;

    margin-bottom: 40px;

	color: #ffffff;

	font-weight: 700;

	margin-top: 0px;

}

	

.about-p {

	color: #ffffff; 

	max-width: 900px; 

	line-height: 1.5em; 

	font-size: 28px; 

	margin-bottom: 30px;

	text-align: center;

  	display: inline-block;

}



.headlines {

 	margin-bottom: 30px; 

	margin-top: 0px;

	letter-spacing: 1px; 

 }



.h1-p {

	margin-top: 0px!important;

    margin-bottom: 30px!important;

    font-weight: 700!important; 

    letter-spacing: 1px!important;

    font-size: 37px!important;

}



.a-location-1 {

	margin-bottom: 10px!important;

	font-size: 25px!important;

	color: #fff;	

}



/*=========================================================================================================================================================================================

                                                                                         NAVIGATION

==========================================================================================================================================================================================*/



.x-navbar {

  text-align: Center;

}



.x-navbar .desktop {

    display: none !important;

}



.x-navbar .x-btn-navbar {

    display: inline-block;

}



.x-nav-wrap.mobile.collapse.in {

  display: block;

}



.x-nav-wrap.mobile.collapse {

  display: none;

}



.x-nav-wrap.mobile {

  display: block;

}


.x-sub-toggle{
	right:15px !important;
}


.header-section {

  margin: 40vh 0px 0px!important;

}



.x-navbar {

    border-bottom: 0px;

    background-color: transparent;

    box-shadow: none;

    -webkit-transform: none;

    -ms-transform: none;

    transform: nonel;

}



.x-btn-navbar.collapsed,.x-btn-navbar  {

    color: #000;

    background-color: transparent;

    box-shadow: none;

  	float: right;

}



.x-btn-navbar.collapsed:hover, .x-btn-navbar:hover {

    color: #ef0d33;

    background-color: transparent;

    box-shadow: none;

}



.x-btn-navbar {

    margin-top: 10px;

}





.page .x-nav-wrap.mobile.collapse.in {

    display: block;

    position: absolute!important;

    width: 100%;

    top: 75px;

}





.page .x-nav-wrap.mobile.collapse {

	position: absolute!important;  

}

			

			

.x-navbar-inner .x-container.max {

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

}





.header-cta-text p {

  font-family: 'Oswald', sans-serif;

  font-size: 80px;

  color: #ffffff;

  font-weight: 700;

  text-shadow: 2px 2px 4px rgba(0,0,0,0.7);

  letter-spacing: 1px;

}



.header-cta-text p {

  margin-bottom: 10px;

}



.header-cta {

  display: inline-block;

  padding: 20px 40px!important;

  border-radius: 5px;

}



.x-navbar .x-nav-wrap .x-nav > li > a {

    background: rgba(255,255,255,0.7);

    font-weight: 700;

}



#menu-primary-menu-1 {

	background: rgba(255,255,255,0.7)!important;

}



#menu-primary-menu-1 .sm-0, #x-nav-wrap-mobile-sm-0 {

	background: rgba(235, 235, 235, 0.9)!important;

  	margin: 0 auto!important; 

  	font-weight: 700;

}



#menu-primary-menu-1 .sm-1 {

	background: rgba(205,205,205,0.9)!important;

  	margin: 0 auto!important;  	  	

}



#menu-primary-menu-1 .sm-2 {

	background: rgba(235, 235, 235, 0.9)!important;

  	margin: 0 auto!important; 

}



.x-navbar-fixed-top {

	background-color:  #000!important;

  	padding-bottom: 10px;

}



.x-navbar-fixed-top .x-brand {

	background-image: url(/wp-content/uploads/2018/10/logo-sticky.png)!important;

    width: 335px;

    height: 80px;

  	margin-top: 5px!important;

}



.x-navbar-fixed-top .x-btn-navbar .x-icon-bars {

	color: #fff!important;

}



.x-navbar-fixed-top .x-brand img {

	display: none;

}



.x-breadcrumb-wrap a{

	position:relative;

  	z-index:99;

  	box-shadow:none;

  	border:none;

  	background:none;

  	opacity:1;

  	color:hsl(0, 5.9%, 36.7%)!important;

}

	

.x-breadcrumb-wrap {

	box-shadow:none!important;

}











/*=========================================================================================================================================================================================

                                                                                           HEADER

==========================================================================================================================================================================================*/



.home .x-brand img {

	display: none;

}



.home .x-brand {

	background-image: url(/wp-content/uploads/2018/10/logo.png);

    width: 335px;

    height: 80px;

    background-size: cover;

	/*margin-top: 5px!important;*/

}

	  

.x-navbar .x-nav .sub-menu ul  {

	margin: 0px!important;

}	  

	  





ul#menu-primary-menu-1 {

  height: auto;

  overflow: hidden;  

  overflow-y: scroll;

  max-height:80vh;

  margin-right: -12px;

  

}



div.x-nav-wrap {

	overflow: hidden;

}



/*=========================================================================================================================================================================================

                                                                                            FOOTER

==========================================================================================================================================================================================*/

footer #menu-primary-menu-2 {
	margin-bottom: 50px!important;
}

.a-location {

	color: #fff;

}



.a-location:hover {

	color: #ef0d33;

}







.x-colophon.top, .x-colophon.bottom {

  background: #111517;

}



.x-colophon.bottom {

		border-top: 0px;

    box-shadow: none;

  	top: -2px;

}



.locations img {

    display: block;

    margin: 0 auto;

}



.locations h5 {

  	color: #fff;

    font-size: 80px;

    margin-top: 30px;

    text-align: center;

    margin-bottom: 0px;

    letter-spacing: 1px;

  	text-shadow: none;

}



.locations p {

    text-shadow: none;

    color: #fff;

    text-align: center;

    font-size: 18px;

    line-height: 1.3em;

  	margin-bottom: 0px;

}





.locations a {

  	text-shadow: none;

    text-align: center;

    font-size: 18px;

    line-height: 1.5em;

    display: block;

}





.x-social-global a i {

    color: #fff;

    font-size: 32px;

}



.x-social-global a i:hover {

    color: #ef0d33;

}



.x-colophon.bottom .x-nav {

    margin: 0 0 20px 0;

}



.x-colophon.bottom .x-nav li {

    margin: 0 1.5em;

}



.x-colophon.bottom .x-nav li a {

    color: #fff;

    font-family: 'Oswald', sans-serif;

    font-size: 25px;

}



.footer-icon {

	padding: 5px 0;

  	display: inline-block;

}



.footer-icon img {

	margin: 10px 10px;

  	background-color: #fff;

    padding: 10px;

    border-radius: 30px;

}



.x-colophon-content p {

	text-align: center!important;



}



.x-colophon-content .footer-icon {

	text-align: center;

}



.footer-icon .icon-1 {

	width: 52px;

  	height: 52px;

  	display: inline-block;

    padding: 10px;

    border-radius: 30px;

  	background-image: url(/wp-content/uploads/2017/11/footer-icon-list-156.png);

  	background-position: 0 0; 

  	margin: 5px;

}



.footer-icon .icon-2 {

	width: 52px;

  	height: 52px;

  	display: inline-block;

    padding: 10px;

    border-radius: 30px;

  	background-image: url(/wp-content/uploads/2017/11/footer-icon-list-156.png);
  	background-position: 52px 0px;
    margin: 5px;
}

.footer-icon .icon-3 {
	width: 52px;
  	height: 52px;
  	display: inline-block;
    padding: 10px;
    border-radius: 30px;
  	background-image: url(/wp-content/uploads/2017/11/footer-icon-list-156.png);
  	background-position: 104px 0; 
    margin: 5px;
}

.footer-icon .icon-4 {
	width: 52px;
  	height: 52px;
  	display: inline-block;
    padding: 10px;
    border-radius: 30px;
  	background-image: url(/wp-content/uploads/2017/11/footer-icon-list-156.png);
  	background-position: 0px 104px; 
    margin: 5px;
}

.footer-icon .icon-5 {
	width: 52px;
  	height: 52px;
  	display: inline-block;
    padding: 10px;
    border-radius: 30px;
  	background-image: url(/wp-content/uploads/2017/11/footer-icon-list-156.png);
  	background-position: 104px 104px;
    margin: 5px;
}

.footer-icon .icon-6 {
	width: 52px;
  	height: 52px;
  	display: inline-block;
    padding: 10px;
    border-radius: 30px;
  	background-image: url(/wp-content/uploads/2017/11/footer-icon-list-156.png);
  	background-position: 52px 104px;
    margin: 5px;
}

.footer-icon .icon-7 {
	width: 52px;
  	height: 52px;
  	display: inline-block;
    padding: 10px;
    border-radius: 30px;
  	background-image: url(/wp-content/uploads/2017/11/footer-icon-list-156.png);
  	background-position: 0px 52px;
    margin: 5px;
}

.footer-icon .icon-8 {
	width: 52px;
  	height: 52px;
  	display: inline-block;
    padding: 10px;
    border-radius: 30px;
  	background-image: url(/wp-content/uploads/2017/11/footer-icon-list-156.png);
  	background-position: 104px 52px; 
    margin: 5px;
}

.x-colophon.top .x-container .x-column.x-md.x-1-4:nth-child(2) {
	width: 100%!important;
}

.x-colophon.top .x-container .x-column.x-md.x-1-4 #text-18 a {
	margin: 0 0 0 15px!important;
}

.x-colophon.top .x-container .x-column.x-md.x-1-4 #text-18 a span {
	font-size: 15px!important;
	color: white!important;
}

.x-colophon.top .x-container .x-column.x-md.x-1-4 #text-18 a:hover {
	color: white!important;
}

.x-colophon.top .x-container .x-column.x-md.x-1-4 #text-18 a span:hover {
	color: white!important;
}

.x-colophon.top .x-container .x-column.x-md.x-1-4 #text-18 .wrapper-portfolio {
	text-align: center;
	margin: 0 0 30px 0!important;
}

.x-colophon.top .x-container .x-column.x-md.x-1-4 #text-18 .portfolio {
	display: inline-flex;
}

.x-colophon.top .x-container .x-column.x-md.x-1-4:nth-child(3) {
	width:33.33%!important;
	margin-right: 0px!important;
}

 .x-colophon.top .x-container .x-column.x-md.x-1-4:nth-child(4) {
	width:33.33%!important;
	margin-right: 0px!important;
}

.x-colophon.top .x-container .x-column.x-md.x-1-4.last:nth-child(5) {
	width:33.33%!important;
	margin-right: 0px!important;
}





/*=========================================================================================================================================================================================
                                                                                             HOME
==========================================================================================================================================================================================*/



/*=============================================================================================
                                            HOME SERVICES
==============================================================================================*/

.services img {
  margin-top: 80px;
}

.services hr {
    border-top: 2px solid #ef0d33;
}

.services h2 {
  	font-size: 30px;
    margin-top: 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

.services h3 {
  	font-size: 18px;
    margin-top: 0px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #111517;
}

.services p a:first-of-type {
  	color: #fff;
    background-color: #ef0d33;
    padding: 20px 50px;
    border-radius: 3px;
  	font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.services p a:first-of-type:hover {
  	color: #ef0d33;
    background-color: transparent;
    padding: 20px 50px;
    border-radius: 3px;
  	font-family: 'Lato', sans-serif;
    font-weight: 700;
	border: 1px solid #ef0d33;
}

.services h2 a {
	color: #ef0d33;
}

.services p {
  	margin-top: 40px;
}

.g-recaptcha {
	float:left;
}

/*=============================================================================================
                                            HOME ABOUT
==============================================================================================*/

#text-14 .call-us {
	display: none;
}

#text-15 .call-us {
	display: none;
}

#text-16 .call-us {
	display: none;
}

.home .home-about .about-p span {
		    margin-bottom: 0px!important;	
}



/*=============================================================================================
                                            HOME CAROUSEL
==============================================================================================*/

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -20px!important;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -20px!important;
}


/*=============================================================================================
                                            HOME CONTACT
==============================================================================================*/

.contact-section select, 
.contact-section textarea, 
.contact-section  input[type="text"], 
.contact-section  input[type="password"], 
.contact-section  input[type="datetime"], 
.contact-section  input[type="datetime-local"], 
.contact-section  input[type="date"], 
.contact-section  input[type="month"], 
.contact-section  input[type="time"], 
.contact-section  input[type="week"], 
.contact-section  input[type="number"], 
.contact-section  input[type="email"], 
.contact-section  input[type="url"], 
.contact-section  input[type="search"], 
.contact-section  input[type="tel"], 
.contact-section  input[type="color"], 
.contact-section  .uneditable-input {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
    border-radius: 0;
}

.contact-section .x-btn, .contact-section .button, .contact-section [type="submit"] {
  background-color: #fff;
  border-radius: 5px;
  color: #ef0d33;
  text-shadow: none;
}

.contact-section .x-btn:hover, .contact-section .button:hover, .contact-section [type="submit"]:hover {
  text-shadow: none;
  background-color: #f5c4c4;
}


/*=============================================================================================
                                            HOME PARTNERS
==============================================================================================*/

.partners-h4 {
  font-weight: 700;
}

.partners-row img {
  margin-top: 45px;
}

/*=============================================================================================
                                            HOME INSTAGRAM FEED
==============================================================================================*/

.sbi_header_text h3 {
  font-size: 18px!important;
}

.sbi_bio {
  color: #000;
  font-size: 18px!important;
}

#sb_instagram .sbi_header_text .sbi_bio, #sb_instagram .sbi_header_text h3 {
    margin: 0 0 0 90px!important;
}

#sb_instagram .sbi_header_img {
    width: 80px;
}

#sb_instagram .sbi_header_img img {
  width: 80px;
}

.sbi_load_btn {
  	text-transform: uppercase;
    font-size: 18px!important;
    padding: 15px 40px!important;
}

.sbi_follow_btn a {
  	background: #fff!important;
    color: #ef0d33!important;
    text-transform: uppercase;
    font-size: 18px!important;
    padding: 15px 40px!important;
    border: 1px solid!important;
    box-sizing: border-box!important;
}

#sbi_load {
  margin-top: 40px;
}


/*=============================================================================================
                                            HOME RECENT PROJECTS
==============================================================================================*/

.recent-projects .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 45%!important;
}

.recent-projects .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 45%!important;
}

.recent-projects .owl-theme .owl-controls .owl-buttons div {
    top: 110%;
}

.recent-projects .owl-carousel .owl-item {
  padding: 10px;
}

.recent-projects .owl-item div {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}


/*=============================================================================================
                                            HOME BLOG
==============================================================================================*/

.x-recent-posts a {
    border: 0px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: none;
}

.x-recent-posts .h-recent-posts {
  	font-family: "Lato",sans-serif;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
  	margin: 15px 0;
}


.x-recent-posts .x-recent-posts-date {
    color: rgba(0,0,0,0.50);
    text-align: center;
    font-size: 14px;
}

.blog-custom-field{
  overflow: auto;
}

/*=========================================================================================================================================================================================
                                                                                      SEO
==========================================================================================================================================================================================*/

.seo-locations .locations p {
	font-size: 20px;
}

.seo-locations .seo-btn {
    padding: 10px 20px!important;
    font-size: 15px!important;
}






/*=========================================================================================================================================================================================
                                                                                      BLOG
==========================================================================================================================================================================================*/
.single-post .site {
	    background-image: url(/wp-content/uploads/2017/04/Website-Look-and-Flow.jpg);
}

.cta-single-post a {
	background-color: hsl(350, 90%, 49%);
	text-shadow: none;
	padding: 20px 40px !important;
	border-radius: 5px;
	position:fixed;
	left: 67%;
	top: 89%;
	width:245px;
	color:#fff;
	right:0;
}

.cta-single-post.mobile {
		display:none;
}

.single-post .x-comments-area .comment-reply-title {
	color: #fff!important;
}
	
.single-post .x-comments-area .comment-form-comment label {
	color: #fff!important;
}
		
.single-post .x-comments-area .form-submit .submit {
	color: #fff!important;
    border-color: #ef0d3!important;
    background-color: #ef0d33!important;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5)!important;
    border-radius: 5px!important;
    padding: 0.714em 1.286em 0.952em!important;
}
			
			
.single-post .x-comments-area label	{
	color: #fff!important;
}		
			
			
			

	@media (max-width: 1024px) {
  		.cta-single-post a {
  		left: 50%;
	transform: translate(-50%, -50%);
	top: 95%;
		}
	.cta-single-post.desktop {
		display:none;
	}
	.cta-single-post.mobile {
		display:block;
	}
  }
  .home .cta-single-post {
	display:none;
}
/*=========================================================================================================================================================================================
                                                                                            REQUEST A QUOTE
==========================================================================================================================================================================================*/

.wpcf7 input[type="submit"] {
  	padding: 20px 40px;
    color: #ffffff;
    background-color: hsl(350, 90%, 49%);
    font-family: "Lato",sans-serif;
    text-transform: uppercase;
    text-shadow: none;
    border-radius: 5px;
  	height: auto;
}

  
  .wpcf7 input[type="submit"]:hover {
	background-color: hsl(350, 86%, 35%);
}

.wpcf7 input {
	font-size: 18px;
    height: 40px;
}

.wpcf7 select {
	font-size: 18px;
    height: 45px;
}

.wpcf7 textarea {
	font-size: 18px;
    height: 150px;
}

.wpcf7 .wpcf7-checkbox .wpcf7-list-item {
	margin-right: 15px;
  	width: 25%;
    float: left;
  	text-align: left;
  	margin: 0 auto;
}

.wpcf7 .wpcf7-checkbox .wpcf7-list-item input {
	margin-right: 15px;
  	width: 25px;
}

.request-recaptcha div {
	margin: 0 auto;
}

/*=========================================================================================================================================================================================
                                                                                            CONTACT
==========================================================================================================================================================================================*/

.page-id-427 .x-colophon .x-column {
	display: none;
}

.page-id-427 .x-colophon .x-nav {
	display: none;
}
		
.page-id-427 .x-colophon  {
    padding: 1% 0 0%!important;
}		


/*==========================  contact us form  =====================================*/
.page-id-427 .vc_col-sm-6 {
   width: 50%;
	float: left;
}
.page-id-427 .vc_col-sm-6:first-child{
	padding-right:20px;
	float: left;
}
.page-id-427 .vc_col-sm-6:last-child{
	padding-left: 20px;
	float: right;
}

.page-id-427 input.wpcf7-form-control.wpcf7-text {
   
}
.page-id-427 input::placeholder {
  color: #848d95;
}
.page-id-427 textarea::placeholder {
  color: #848d95!important;
}
.page-id-427 #responsive-form h3{ 
    margin-top: 30px;
    margin-bottom: 20px;
	color: #484e4c;
	text-align: center;
	display: inline-block;
    width: 100%;

}
.page-id-427 .checkboxes-wrapper{
	margin: 20px 0;
}   
.page-id-427 .wpcf7 textarea::placeholder{
	color: #848d95;
}

.page-id-427 .wpcf7 input[type="submit"] {
	float: right;
	width: 25%;
}








.home .wpcf7 input[type="submit"] {
	float: right;
	width: 25%;
	line-height: 50px;
    padding: 0px;
    height: 50px;
}

.home .vc_col-sm-6 {
   width: 50%;
	float: left;
}
.home .vc_col-sm-6:first-child{
	padding-right:20px;
	float: left;
}
.home .vc_col-sm-6:last-child{
	padding-left: 20px;
	float: right;
}

.home .wpcf7-list-item {
    color: #fff;
	font-size: 16px;
}
.home input::placeholder {
  color: #fff;
}
.home #responsive-form h3{ 
	margin-top:25px;
	margin-bottom: 15px;
	color: #fff;
	text-align: center;
	display: inline-block;
    width: 100%;

}
.home .checkboxes-wrapper{
	margin: 20px 0;
}   
.home .wpcf7 textarea::placeholder{
	color: #fff;
}
.home .wpcf7 .wpcf7-checkbox .wpcf7-list-item input {
    margin-right: 10px;
    width: 20px;
}

.home .wpcf7 input {
    font-size: 16px;
    height: 35px;
}

.home .wpcf7 textarea {
	height: 120px!important;
	font-size: 16px;
}


/*=========================================================================================================================================================================================
                                                                                            BLOG
==========================================================================================================================================================================================*/

.blog p, .single-post p {
	text-align:left;
}

.blog footer a {
	color: rgba(255, 255, 255, 0.4);
}
		
/*=========================================================================================================================================================================================
                                                                                            SEO - PAGE
==========================================================================================================================================================================================*/





.seo-btn {
	border-radius: 5px!important;
    border:0px!important;
    text-align: center!important;
    padding: 10px 32px!important;
    font-size: 16px!important;
    color: #fff!important;
  	background-color: hsl(350, 90%, 49%)!important;
}

.seo-btn:hover {
	color: hsl(350, 90%, 49%)!important;
  	background-color: #fff!important;
}

 /********** YOUTUBE PLUGIN *********************/
@media (min-width:1024px){
.youtube_channel div.ytc_video_container.ar16_9 {
	width: 33.33% !important;
	}
}
/*=========================================================================================================================================================================================
                                                                                           VIDEO PRODUCTION - PAGE
==========================================================================================================================================================================================*/

.video-prod {
	margin-top:25px;
}

/*=========================================================================================================================================================================================
                                                                                           WEB DEV - PAGE
==========================================================================================================================================================================================*/


.dev-img {
	margin-top: 25px;
}

/*=========================================================================================================================================================================================
                                                                                            LANDING PAGES
==========================================================================================================================================================================================*/

.h1-box2{
    color: #fff;
	font-weight: 600;
    font-size: 60px;
    letter-spacing: 1px;
    text-shadow: 5px 0px 10px #191919;
	text-transform:uppercase;
}

.landing-h2{
	color: #ef0d33;
	font-weight: 600;
	font-size: 40px;
	text-transform:uppercase;
}

.landing-h3{
	color: #f5f5f5;
	font-weight: 600;
	font-size: 36px;
	letter-spacing: 1px;
	text-transform:uppercase;
}

.landing-p{
	font-size: 22px;
	line-height: 1.4;
}

.landing-cta{
    color: #fff;
    background-color: #ef0d33;
    padding: 15px 30px;
	border: 1px solid #ef0d33;
    border-radius: 3px;
    font-family: 'Lato',sans-serif;
    font-weight: 500;
	font-size: 16px;
	display: block;
}

.landing-cta:hover{
    color: #ef0d33;
    background-color: transparent;
    border: 1px solid #ef0d33;
}

.partners-background{
	background-image: url(/wp-content/uploads/2018/08/Partners-background.jpg);
	background-repeat:no-repeat;
	background-size: cover; 
	padding: 20px 20px 50px;
	max-width:720px;
	margin:auto;
}

.margin-bottom40{
	margin-bottom: 40px;
}

.margin-bottom50{
	margin-bottom: 50px;
}

.marketing-background{
	background-image: url(/wp-content/uploads/2018/08/digital-marketing.jpg);
	background-repeat:no-repeat;
	background-size: cover; 
	padding: 20px 20px 50px;
}

.audit-background{
	background-color: #ef0d33;
	padding: 50px 20px;
}

.audit-background .wpcf7 input[type="submit"]{
	color: #ef0d33;
    background-color: #fff;
    padding: 15px 30px;
    border-radius: 3px;
    font-family: 'Lato',sans-serif;
    font-weight: 700;
	font-size: 16px;
	margin: 20px auto 0;
    display: block;
}

.audit-background .wpcf7 input[type="submit"]:hover{
	color: #ef0d33;
    background-color: #f5f5f5;
}

.audit-background .g-recaptcha{
	float:none;
	clear: both;
}

.audit-background .wpcf7 input[type="text"],
.audit-background .wpcf7 input[type="email"],
.audit-background .wpcf7 input[type="tel"],
.audit-background .wpcf7 textarea{
    background-color: transparent;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    color: #f5f5f5;
}
/*=========================================================================================================================================================================================
                                                                                            PORTFOLIO
==========================================================================================================================================================================================*/
.page-id-3323 .x-navbar .x-brand img {
	display: none;
}

.page-id-3323 .x-navbar .x-brand {
		background-image: url(/wp-content/uploads/2018/10/logo-sticky.png)!important;
    	width: 335px;
    	height: 80px;
    	margin-top: 5px!important;
    	background-size: cover;
}	
#slider_3351_slide19, #slider_3351_slide11, #slider_3351_slide20, #slider_3351_slide10 {
	margin-top:-20px!important;
}
#slider_3351_slide01,#slider_3351_slide02,#slider_3351_slide11,#slider_3351_slide13,#slider_3351_slide14,#slider_3351_slide16,#slider_3351_slide15,#slider_3351_slide18,#slider_3351_slide06{
		padding:9% 0!important;}

#slider_3351_slide03,#slider_3351_slide04,#slider_3351_slide05{
		padding:15% 0!important;}

#slider_3351_slide10 {
	padding: 12% 0!important;
} 
#slider_3351_slide07 {
	padding: 20% 0!important;
} 
#slider_3351_slide12,#slider_3351_slide15,#slider_3351_slide27,#slider_3351_slide28,#slider_3351_slide29,#slider_3351_slide30,#slider_3351_slide31,#slider_3351_slide32,#slider_3351_slide33,#slider_3351_slide34,#slider_3351_slide35,#slider_3351_slide36,#slider_3351_slide37{
		padding:5% 0!important;}

/*#slider_3351_slide27{
		padding:0!important;}

#slider_3351{
		height:175px!important;}
#slider_3351_slide28{
		padding: 0!important;
		margin: 0px 0 0 30px!important;}*/




.category-container{
		text-align: center;
		width: 100%;
		height:238px;
		padding:40px;
		overflow:hidden;
}
.category-icon{
		width:80px;
		height:80px;
}
.category-text{
		font-size: 1.5em;
		color: #4b4b4b;
		letter-spacing: 1px;
		margin-top: 30px;
		line-height:1.2;
		font-weight:800;
}
#x-section-3, #x-section-4 {
		padding:0;
}
#post-3323 h2{
		color: #EE4037;
		font-weight: 900;
		margin-bottom: 24px;
		text-align: left;
}
#post-3323 h2 span:first-child{
		font-size:6vw;
		letter-spacing:6px;
}
#post-3323 h2 span:last-child{
		font-size:3vw;
		text-decoration: underline;
		letter-spacing: 1px
}
#post-3323 h2+p{
		font-size: 1.1vw;
		text-align: left;
		line-height:1.8;
			color:rgb(146, 146, 146);
}
.category-col-text{
		padding: 5% 19% 12% 19%!important;
}
#webdes-clients .esg-grid .mainul li.eg-logo-clients-wrapper:hover{
		background:#EE4037;
		cursor:pointer;
	}
.e3323-119, .e3323-87, .e3323-139, .e3323-155{
		padding:5% 0% 5% 8%;
}
.e3323-139 {
	padding: 0;
}
.esgbox-slide video {
    max-width: 100%;
    max-height: 100%;
}
#slider_3351 .owl-stage{
	margin-top:	13px;
}

#slider_3351 .owl-dots {
top:84%;
}
.page-id-3323 .x-btn-navbar.collapsed, .x-btn-navbar {
    color: #fff;
}
.h1-box-portfolio {
	background-color: #fff0;
	color: #fff;
	padding: 15px 40px;
	display: inline-block;
	border-radius: 5px;
	font-weight: 700;
	font-size: 80px;
	letter-spacing: 0.38em;
	margin: 0px;
	box-shadow: none;
}

#print-media-mob{
	display:none;
	}

/*=========================================================================================================================================================================================
                                                                                            PROGRAMMATIC & RTB
==========================================================================================================================================================================================*/
.page-id-139 .x-main .widget {
	margin-top: 0;
}

/*=========================================================================================================================================================================================
                                                                                           NEWSLETTER SUBSCRIBE FORM - FOOTER & POPUP
==========================================================================================================================================================================================*/
.newsletter-subscribe-form {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    justify-content: center;
}
.newsletter-subscribe-form .form-field-1-3 {
    flex: 0 31%;
    padding-bottom: 10px !important;	
    min-height: 50px;
	margin-right: 1%;
}
#pum-5618 .newsletter-subscribe-form .form-field-1-3 {
    flex: 0 50%;   
}
#popmake-5618 .wpcf7-form {
	margin-bottom:10px!important
}
.newsletter-subscribe-form input {
	font-size: 18px!important;
	height: 40px!important;
}
.newsletter-subscribe-form input[type="submit"] {
    padding: 8px 30px!important;
	float: none!important;
	width: 100%!important;
	line-height: 1.3!important;	
	margin-top: 0!important;
}
.newsletter-subscribe-form .form-field-1-3 input::placeholder {
    color: #000000 !important;
}
.newsletter-subscribe-form .wpcf7-not-valid-tip {    
    font-size: 1em!important;
    color: red!important;
    text-shadow: none!important;
}
div[id^="wpcf7-f5603"] .wpcf7-response-output {    
    margin: 0.75em auto 1em auto!important;    
    max-width: 620px;
	font-size: 18px!important;
	text-align: center!important;
	padding: 0.7em !important;
}
#pum_popup_title_5618 {
    margin-bottom: .8em!important;
}
/*=========================================================================================================================================================================================
                                                                                            MEDIA QUERY
==========================================================================================================================================================================================*/



@media (max-width: 1200px) {
  .header-cta-text p {
      font-size: 60px;
      line-height: 1.5em;
  }
}

@media (max-width: 1200px) {
     .locations p {
  		font-size: 22px!important;
	}
	.seo-btn {
    	padding: 10px 15px!important;
    	font-size: 13px!important;
}
	.new-york-services .locations p {
  		font-size: 21px!important;
}
	.home .wpcf7-list-item {
	   font-size: 16px!important;
}
	.wpcf7 .wpcf7-checkbox .wpcf7-list-item {
    	width: 33%;
}
#post-3323 h2 + p {
    font-size: 16px;
    
}
	
@media (max-width: 1010px) {
	.new-york-services .locations p {
  		font-size: 19px!important;
}
}


  @media (max-width: 979px) {
  	.x-navbar-fixed-top {
  		position: fixed!important;
    	top: 0px!important;
  }	
	  .partners-background .x-block-grid>li{
		  display:block;
		  margin:auto !important;
		  float:none;
		  clear:both;
	  }
	  .partners-background .four-up>li:first-child,
	  .partners-background .four-up>li:last-child{
		  display:none;
	  }
	  .category-col-text{
			padding:28px 33px 43px 28px;
}
	  
	 .x-colophon.top .x-container .x-column.x-md.x-1-4:nth-child(3) {
	width:100%!important;
}

 .x-colophon.top .x-container .x-column.x-md.x-1-4:nth-child(4) {
	width: 100%!important;
}

.x-colophon.top .x-container .x-column.x-md.x-1-4.last:nth-child(5) {
	width:100%!important;
} 
	  
	  
	  
}  
	@media (min-width : 768px) and (max-width : 1010px) {
		.category-container{
			height:302px;
		}
		.e3323-50, .e3323-75, .e3323-87, .e3323-107, .e3323-119, .e3323-139, .e3323-155 {
   			margin-top: 18%!important;
}
			}
  
  
  
  
@media (max-width: 960px) {
     .locations p {
  		font-size: 19px!important;
	}
	.seo-btn {
    	padding: 10px 15px!important;
    	font-size: 13px!important;
}
  }
  
@media (max-width: 900px) {  
  .wpcf7 .wpcf7-checkbox .wpcf7-list-item {
		width: 100%;
		display: block;
	}
	.new-york-services .locations p {
  		font-size: 17px!important;
}
}

	
@media (max-width: 840px) {
     .locations p {
  		font-size: 17px!important;
}
  	.new-york-services .locations p {
  		font-size: 16px!important;
}
}
	
  	
@media (max-width: 800px) {
  .header-cta-text p {
      font-size: 32px;
      line-height: 1.5em;
}
}
		  
		  
		  
@media (max-width: 850px) {
  .seo-locations .locations p {
	font-size: 20px!important;
}

  .seo-locations .seo-btn {
    padding: 10px 20px!important;
    font-size: 15px!important;
}
   .web-dev-locations .locations p {
	font-size: 20px!important;
}

  .web-dev-locations .seo-btn {
    padding: 10px 20px!important;
    font-size: 15px!important;
}
  .cont-mar-locations .locations p {
	font-size: 20px!important;
}

  .cont-mar-locations .seo-btn {
    padding: 10px 20px!important;
    font-size: 15px!important;
}
  .programmatic-locations .locations p {
	font-size: 20px!important;
}

  .programmatic-locations .seo-btn {
    padding: 10px 20px!important;
    font-size: 15px!important;
}
  .ppc-locations .locations p {
	font-size: 20px!important;
}

  .ppc-locations .seo-btn {
    padding: 10px 20px!important;
    font-size: 15px!important;
}
  .sm-locations .locations p {
	font-size: 20px!important;
}

  .sm-locations .seo-btn {
    padding: 10px 20px!important;
    font-size: 15px!important;
}
   .video-locations .locations p {
	font-size: 20px!important;
}

  .video-locations .seo-btn {
    padding: 10px 20px!important;
    font-size: 15px!important;
}
  .vr-locations .locations p {
	font-size: 20px!important;
}

  .vr-locations .seo-btn {
    padding: 10px 20px!important;
    font-size: 15px!important;
}
}
			

@media (max-width: 768px) {
	
	.landing-h2{
		font-size: 26px;
	}
	
	.landing-h3{
		font-size: 22px;		
	}
	
	.landing-p{
		font-size: 18px;		
	}
	
  .about-h3 {
     font-size: 32px!important;
     margin-bottom: 25px!important;
     letter-spacing: 1px;
}
	.about-h2 {
     font-size: 32px!important;
     margin-bottom: 25px!important;
     letter-spacing: 1px;
}
  .headlines {
	font-size: 32px!important;
    margin-bottom: 25px!important;
    letter-spacing: 1px;
}			
  .about-p {
	 font-size: 20px;
}
  
  .about-p span {
     font-size: 20px!important;
     margin-bottom: 30px!important;
}
  
  .partners-row .x-column:first-child img {
     margin-top: 0px;
}

  .headers {
  	padding: 140px 0px 100px 0px!important;
}

  #text-14 .call-us {
	 display: inline-block;
}

  #text-14 .more-about-us {
	display: none;
}

  #text-15 .call-us {
	 display: inline-block;
}
  #text-15 .more-about-us {
	 display: none;
} 

  #text-16 .call-us {
	 display: inline-block;
}
  #text-16 .more-about-us {
	 display: none;
} 

  .h1-box, .h1-box-portfolio {
	 font-size: 45px;
	 padding: 10px 25px;
}
  .seo-btn {
  	 margin-bottom: 30px!important;
}
  .seo-locations .cs-ta-center {
	padding: 0px!important;
}
  .web-dev-locations .cs-ta-center {
	padding: 0px!important;
}
  .cont-mar-locations .cs-ta-center {
	padding: 0px!important;
}
  .programmatic-locations .cs-ta-center {
	padding: 0px!important;
}
  .ppc-locations .cs-ta-center {
	padding: 0px!important;
}
  .sm-locations .cs-ta-center {
	padding: 0px!important;
}
  .video-locations .cs-ta-center {
	padding: 0px!important;
}
   .vr-locations .cs-ta-center {
	padding: 0px!important;
}
	.locations p {
  		font-size: 22px!important;
}
  	.seo-btn {
    	padding: 10px 20px!important;
    	font-size: 14px!important;
}
	.locations img {
  		width: 40%!important;
}
	.x-navbar-fixed-top .x-brand {
    	background-image: url(/wp-content/uploads/2018/10/logo.png);
		width: 226px;
    	margin-top: 15px!important;
    	background-size: cover;
    	height: 54px;
}
	.h1-p {
        letter-spacing: 1px!important;
        font-size: 26px!important;
}
	.page-id-254 .x-main {
    	margin-top: -130px;
}
	.page-id-427 .vc_col-sm-6 {
   		width: 100%;
}
	.page-id-427 #responsive-form h3{ 
		margin-top:10px!important;
		text-align: left;
}
	.page-id-427 .wpcf7 .wpcf7-checkbox .wpcf7-list-item input {
    	margin-right: 10px!important;
    	width: 18px!important;
    	height: 25px!important;
}
	.page-id-427 .vc_col-sm-6:first-child {
    	padding-right: 0px;
    	float: left;
}
	.home .vc_col-sm-6 {
   		width: 100%;
}
	.home #responsive-form h3{ 
		margin-top:10px!important;
		text-align: left;
}
	.home .wpcf7 .wpcf7-checkbox .wpcf7-list-item input {
    	margin-right: 10px!important;
    	width: 18px!important;
    	height: 25px!important;
}
	.home .vc_col-sm-6:first-child {
    	padding-right: 0px;
    	float: left;
}
	.home .wpcf7 input[type="submit"] {
		width: 100%;
		margin-top: 25px;
}
	.page-id-427 .wpcf7 input[type="submit"] {
		width: 100%;
		margin-top: 25px;
	}
	#post-3323 h2 span:first-child{
		font-size:65px;
		
}
		#post-3323 h2 span:last-child{
		font-size:35px;		
}	
	.newsletter-subscribe-form .form-field-1-3 {
		flex: 0 100%!important;
		margin-right:0!important;
		padding-left: 0;
}
}
@media(max-width: 657px){

#print-media-mob{
	display:block;
	}
#print-media-large{
	display:none;
	}
	}

@media (max-width: 600px) {
  .x-brand.img img {
    width: 226px;
    margin-top: 15px;
  }
  .h1-box, .h1-box-portfolio {
    font-size: 35px;
    padding: 10px 15px;
}
  .home .x-brand,.page-id-3323 .x-navbar .x-brand {
    width: 226px;
    margin-top: 15px!important;
    background-size: cover;
    height: 54px;
}
  .x-navbar-fixed-top {
  		position: fixed!important;
    	top: 0px!important;
}	
  .footer-icon img {
  	width: 20px;
}
   .footer-icon img {
	margin: 10px 5px;
}
}
@media(max-width: 520px){
	.category-col-text {
    padding: 5% 5% 12% 5% !important;
}
	}
@media (max-width: 480px) {
  #slider_3351 .owl-dots .owl-dot span {
	width: 5px !important;
	height: 5px !important;
	}
	}
  
@media (max-width: 400px) {
  .x-brand.img img {
    width: 153px;
    margin-top: 20px;
  }
  .home .x-brand,.page-id-3323 .x-navbar .x-brand {
    width: 153px;
    margin-top: 30px!important;
    background-size: cover;
    height: 36px;
}
.x-navbar-fixed-top .x-brand {
    background-image: url(/wp-content/uploads/2018/10/logo.png);
	width: 153px;
    margin-top: 30px!important;
    background-size: cover;
    height: 36px;
}	
#pum_popup_title_5618 {
    font-size: 22px;
}
}


/*header-CTA height*/

@media (max-height: 730px) {
  .header-section {
    margin: 30vh 0px 0px!important;
  }
}

	  
@media (max-height: 630px) {
  .header-section {
    margin: 20vh 0px 0px!important;
  }
}

		
@media (max-height: 630px) {
  .header-section {
    margin: 10vh 0px 0px!important;
  }
}

		  
@media (max-height: 470px) {
  .header-section {
    margin: 0vh 0px 0px!important;
  }
}
		
		
		

.dubai-services .x-1-5 {
	position: relative!important;
  	padding: 0px 0px 40px!important;
}
}