/*
Theme Name:     ipshospitality
Author:         Results Advertising
Template:       indigo
Version:        1.0
*/








body, p {
    font-family: 'Open Sans', sans-serif!important;
    color: #0e0e0e!important;
	font-size: 14px;
	font-weight:400;
	line-height: 1.4;
}

#logo{
    width: 120px;
    float: none;
	position:relative;
    margin: 0;
    padding: 0;
    margin: 5px auto 0;
    display: block;
	overflow: hidden!important;
}

#header{position: relative; transform: none!important; border:none!important}

#headerin {
    max-width: 1200px;
    margin: 0 auto;
	position: relative;}
	
.ipsphoneemail{position:absolute; top:5px; left:5px; font-weight:normal; color:#CCC}
.ipsphoneemail a{text-decoration:none; font-size:14px; font-weight:bold; color:#666}
.sep{display: inline;}

/*SEARCH BOX*/
#searchform {
    width: 100%;
    border-bottom: 1px solid #CCC;
    overflow: hidden;
}

.ipssearch{position:absolute; width:290px; top:15px; right:0} 
input.search-field{width:260px;border:none; padding:2px 2px 10px 3px; font-size:12px}

.ipssearch .fa-search::before {
    content: "\f002";
    padding: 1px;
    color: #8D8D8D;
}

.ipstraining{position:relative; width:140px; margin:10px 5px 0 0; transform: skew(-15deg); background-color:#900; float:right;}
.ipstraining a{display:block; text-align:center;color:#fff; text-decoration:none; font-size:10px; font-weight:bold;transform: skew(15deg)!important; line-height:12px; padding: 1px 2px 2px 2px; text-transform: uppercase;}
	
#mainmenu {
   width: 100%;
    float: none;
    margin: 0 0 0 0;
    /* width: 95%;
    float: none;
    margin: 0 5% 0 auto;*/
	}
	
.mainnav {
    margin: 0 auto 0;
    padding: 0;
    list-style: none;
    float: none;
	position: relative;
	text-align: center;
}

.mainnav li {float: none;display: inline-block;}

.mainnav a {font-size: 16px;font-weight: 600; border: none;}

.mainnav li.current-menu-item a, .mainnav li:hover a {
    border: none;
	color:#000;
}

.mainnav ul {padding-bottom: 20px;}

.mainnav li li{padding:0}
.mainnav li li a{text-align:left;}
.mainnav li li a, .mainnav li li a:link, .mainnav li li a:visited{padding: 20px 20px 0 20px;}

/*headcontent*/

#headcontent{margin:176px 0 0 0; position:relative; width:100%; display:block;}
.headbg{width:100%; height:auto; position:absolute; z-index:2;background-color: #000;
opacity: 0.2;}
.headbg img{display:block;}
.headcopy{position:absolute; margin:15% 0 0 15%; z-index:3;  }
.headcopy h1{font-size:28px; font-weight:600; margin:0 0 0 0; color:#fc0606}
.headcopy h2{font-size:50px; font-weight:600; margin:0 0 10px 0; color:#fff;letter-spacing: -1px;}


/* home- banner */
#homebanner{width:100%; position:relative;text-align:center; max-width:578px; margin:-10px auto 25px auto;}

.overbanner{position: absolute;z-index: 5;border:1px solid #fff; -webkit-box-shadow: 0 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}

#homebanner img{display:block;}



#banner{position:relative; width:100%; background-color:#FFF; overflow:hidden; box-sizing: border-box;}
.banner-left{float:left; width:76%; height:75px; box-sizing: border-box;}
.banner-left .left-image{float:left; width:68px; display:inline-block; margin:3px 0 0 7px}
.banner-left .left-text{float:left; text-align:left; color:#000!important; width:75%; display:inline-block; font-size: 13px; padding: 18px 0 0 12px;}
.banner-left .left-text a{color:#8e182e; text-decoration:none;}

.banner-right{float:right; width:24%; height:75px; background-color:#8e182e; color:#fff; text-align:center;box-sizing: border-box;
padding: 20px 0 0 0;}
.banner-right a{color:#fff; display:block; text-decoration:none;}
.banner-right strong{display:block;font-size:15px; line-height:15px;}

.red{color:#8e182e;}
.brightred{color:#fc0606}


/*home - video*/
.ipsvideo {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	position:relative;
	padding-bottom: 36.5%; /* 16:6  for 1920x700*/
	padding-top: 0px;
	height: 0;
}


.ipsvideo iframe,
.ipsvideo embed,
.ipsvideo object {
   background-size: cover;
    background-position:top center;
    background-repeat: no-repeat;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('images/vid_bg.jpg');
  
}

/*video*/

/* intro video */

.aboutvideo{width:81.25%; margin-bottom:35px!important;}
/* intro video */


#wrapper{
    width: 100%;
    float: none;
	clear:both; display:block; padding:0; border:none;
    margin:0 auto 0;
	overflow: hidden;
}

#contentwrapper {
    max-width: 1200px;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0 auto;
}

#contentfull{
    width: 100%;
    float: none;
	clear:both; display:block; padding:0; border:none;
    margin:0 auto 0;
	overflow: hidden;
	position:relative;
}




/*home - items*/


#hero-content{box-sizing:border-box; width:100%; display:block; position:relative; margin:100px auto 30px auto; padding:50px; overflow:hidden; max-width:1200px; border:1px solid #CCC}

#hero-content h1{font-size:30px; margin:0 0 20px 0;}
#hero-content p, #hero-content ul{margin-left:20px; font-size: 15px;line-height: 1.5;}
#hero-content .su-row{margin-bottom:0}

.homerowbg{background:url(images/homebg.gif) repeat-x top #f8f7f7; width:100%}
.homerow{width:100%; display:block; position:relative; margin:50px auto 50px auto; padding:0 0 20px 0; overflow:hidden; max-width:1200px}

.homerow .su-row {margin-bottom: 2.2em;}

.homerow h2{color:#6d6c6c!important;font-size:24px; font-weight:700; text-align:center;line-height:24px; padding:0; margin:0 auto 25px auto!important; display:block;}

.home-item{width:100%; min-height:510px; position:relative; padding:0; margin:0; margin:50px auto 0; background-color:#fff;}

.home-item-in{padding:0px 20px 10px 20px; text-align:center;box-sizing:border-box; width:78%; margin:0 auto 20px;display:block;font-size:12px; color:#0e0e0e}
.home-item-in-serv{width:60%; padding:0px 0px 10px 0px;}


.home-item-photo {width:100%; max-width:700px; margin:0 0 0 0!important; padding:0!important; text-align:center;}
.home-item-photo img{width:100%;margin:0!important; padding:0!important; height:auto; display:block;}


.home-item h3{color:#6d6d6d!important;font-size:20px; font-weight:700;margin:15px auto 10px auto; padding-bottom:10px;width:70%; text-align:center; border-bottom:1px solid #CCC}
.home-item p{margin:0 0 12px 0; text-align:center; text-align:center; font-size:12px; color:#0e0e0e}
.home-item ul{margin: 5px 0 12px 0}
.home-item ul li{color:#0e0e0e;list-style:none; font-size:14px; margin:0 0 2px 0;}

.home-item a{margin:0 0 10px 0;text-decoration:none!important;}
.hm-readmore{color:#900; font-size:13px; font-weight:600;text-transform:uppercase;display:block;text-align:center; width:100%; position:absolute; bottom:5px;}

.odd-box{background-color:#00457a!important; height: 510px;overflow: hidden;}
.odd-box .home-item-photo{margin:0!important}
.odd-box img{display:block;}
.odd-box h3, .odd-box p{font-size:30px; 
line-height: 1.6; color:#fff!important; 
border:none;
position: absolute;
top: 30%;
left:25%;
font-weight: 600;
width: 50%;}




/*INSIDE PAGES*/


.frontwidget-bg-img {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-color:#006;
}

/*security image*/
.page-id-158 .frontwidget-bg-img{background-position: top center;}

#titlewrapper {
    width: 100%;
    float: none;
    clear: both;
    height: 500px;
    position: relative;
    overflow: hidden;
}


#titlewrapper-thin {
    width: 100%;
    float: none;
    clear: both;
    height: 75px;
    position: relative;
    overflow: hidden;
	background-color: #006;
}

#titleinner {
max-width: 1200px;
margin-top: 100px;
}


.headfloat{width:100%; max-width:1200px; margin:0 auto 0; text-align:left }
.headcontent{max-width:800px; width:100%; margin:4% 0 2%; display:block; padding:0; text-align:left; position:absolute; z-index:15;}
.headimage{float:left; max-width:500px; width:45%; margin-left:10%}
.headimage img{width:100%; height:auto}

.headcontent h1{font-size:28px; font-weight:600; margin:0 0 30px 0; color:#fFF; text-transform:uppercase}
.headcontent h2{font-size:50px!important;color:#fff!important; font-weight:500!important; letter-spacing: -1px;margin:0 0 20px!important; line-height: 1.2; display:block}
.headcontent p{font-size:19px!important; color:#fff!important; font-weight:300!important; display:block; line-height: 1.2;letter-spacing: 0.02em;}


.fullimage img{width:100%; height:auto;}


/* Training */

.training h1{font-size: 28px!important;}

/* Career */

#yellowbox{border-top:5px solid #FFF; border-bottom:5px solid #FFF;background-color:#fbd01f; width:100%; }
.yellowcontent{font-size:22px; line-height:1.5;max-width:1200px; padding:20px;width:100%; margin:0 auto 0;overflow:hidden;}
.yellowcontent p{font-size:22px; line-height:1.5;float:left; margin:0 25px 0 0}

#redbox{box-sizing:border-box; background-color:#d9052d; width:100%; display:block; position:relative; margin:0px auto 0px auto; padding:0; overflow:hidden;}

#redbox p{font-size:20px!important; color:#FFF!important; margin:0;}

.redcontent{position:relative; width:100%; max-width:1200px; margin:0 auto 0;}
.redboxleft{box-sizing:border-box; width:60%; float: left; margin:6% 0;padding: 0 0 0 0; color:#FFF; font-size:1.4vw; line-height:1.5}

.redboxright{width:27%; position: relative;float:right; background-color:#FFF;border-left:5px solid #FFF;}
.redboxright img{width:100%}

.redboxright-copy{font-size:22px; line-height:1.5;width:25%; height:100%; position:absolute;right:0; background-color:#FFF;border-left:5px solid #FFF; padding:5%}
.redboxbottom{box-sizing: border-box;background-color:#223867; color:#FFF; font-size:15px; font-style:italic; position:relative; width:100%; padding:20px; margin:-30px 0 0 0;text-align:center;}

/*Job List*/

.job-listing .job-preview .job-content .job-additional-information span{font-weight:bold;}

.job-listing .job-preview .job-content .job-additional-information .job_custom_message{font-weight:normal; line-height: 1.5;}

.joblist{width:100%; display:block;}
.joblist a{color:#000; font-size:15px; text-decoration:none; line-height:24px}
.joblist a:hover{color:#d9052d; }


.job-listing .job-preview .job-cta{width: 20%!important;}

.jp-apply-button{font-weight:bold!important;}

.job-listing .job-preview .job-cta .apply-btn {font-weight:bold!important;}

.jobs-modal-form .checkbox_field .checkbox-label {
    font-weight: normal;
    margin: 5px 10px 5px 0!important;
    cursor: pointer;
    display: inline-block!important;
}
/* Inside items */

#hero-inside{box-sizing:border-box; width:100%; display:block; position:relative; margin:50px auto 0px auto; padding:0; overflow:hidden; max-width:1200px;}

.inside-box{max-width:1000px;}

#hero-inside #hero-content{margin:0 auto 30px auto; padding:50px 90px 50px 50px; width:110%; padding-right:10%;}

#hero-inside #hero-content p, #hero-inside #hero-content ul{margin-left:0}


.hero-copy{ width:100%;}
.hero-inside-image{width:300px; 
margin-top: 30px!important;
position: relative;
float:right;}


.inside-box .home-item-in{font-size:14px;}





/*bottom support*/

.bottomrow {
    width: 100%;
    display: block;
    position: relative;
    margin: 10px auto 30px auto;
    padding: 0;
    overflow: hidden;
    max-width: 1200px;
}

.bottomrow h2{color:#6d6c6c!important;font-size:24px; font-weight:700; text-align:center;line-height:24px; padding:0; margin:0 auto 0 auto!important; display:block;}

.bottom-support{width:100%; height:100%; min-height:600px; position:relative; margin:0; overflow: hidden; display:block; 
 -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
	background-repeat:no-repeat;
	box-sizing:border-box;}

.aboutbg{background-image:url(images/about_bg_spt.jpg);}
.aboutbg h3{
	font-size:42px!important;
	color:#FFF!important; 
text-align:center!important;
margin: 12% 0 0 0!important;
font-weight: 600;
line-height: 1.5;}


.genericbg{background-image:url(images/spt_bottom_group.jpg);}
.techbg{background-image:url(images/spt_bottom_tech.jpg);}
.eventsbg{background-image:url(images/spt_bottom_events.jpg);}
.realestatebg{background-image:url(images/spt_bottom_realestate.jpg);}
.othersbg{background-image:url(images/spt_bottom_others.jpg);}

.jimmybg{background-image:url(images/spt_bottom_jimmy.jpg);}
.jimmytext{position:absolute; right:50px; bottom:50px; color:#fff; font-style:italic; font-size:16px; font-weight:500;line-height:1.4}




.bottom-inside{max-width:900px; width:100%; margin:5% auto 0 auto;}
.bottom-support h3{font-size:24px;color:#fc0606; margin: 0 0 10px 0;}





/*FOOTER*/
#footer {
    float: none;
    clear: both;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #FFF;
	overflow:hidden;}

#footerinner {max-width: 1175px;}
.ipslogo-footer{width:20%; float:left; display:inline-block; max-width: 120px;}
.footer-right{display:inline; width:80%; float:right;}
.top-icons{display:block; width:100%; margin:0 0 15px 0; padding:0; overflow:hidden;}

/*ipssocial*/
.ipssocial{width:200px;float:left; display:inline-block; margin: 15px 0 0 0;}

#menu-social { margin-top: 15px; margin-bottom: 0;width: 100%;float: left;clear: right;}
#menu-social ul li { max-width: 35px;float: left;clear: right;margin: 0 2px 0 2px!important;}
#menu-social ul li a{border:none!important;}
#menu-social ul li a::before {
    color: #666666;
    font-size: 20px;
}

 /* Style all font awesome icons */
.fa {
  padding: 5px;
  font-size: 18px;
  width: 18px;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */


/*Fa Search*/
.fa-search{font-size:14px; padding:5px 0 0 0;}

/* Facebook */
.fa-facebook {
	background: #FFF;
  color: #666;
 /* background: #3B5998;
  color: white;*/
}

/*Linkedin*/
.fa-linkedin {
	background: #FFF;
  color: #666;
 /* background: #0e76a8;
  color: white;*/
}

/*Instagram*/
.fa-instagram {
	background: #FFF;
  color: #666;
 /* color: white;
  background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );*/
 
}

/* Twitter */
.fa-twitter {
	background: #FFF;
  color: #666;
 /* background: #55ACEE;
  color: white;*/
} 


/*ipsagency*/
.ipsagency{width:300px;float:right;display:inline-block; margin:0px}
.sicons{width:54px; float:left; display:inline-block;margin:0 0 0 5px; padding:0;}
.sicons img{width:100%; height:auto;}
.sicons a{border:0}


#footerinner .footermenu{width:70%; float:left; display:block;}
.footer-links{}

#footerinner .footer-links ul li{width: auto;float: left;clear:right;margin: 0 10px 0 10px;}
#footerinner .footer-links ul li a{font-size:14px; text-transform: uppercase; text-decoration:none; color:#333}

#copyinfo {width: 200px;float: right; clear: right; text-align: right; font-size:12px;margin:0 10px 0 0}
#copyinfo a{text-decoration:none; }

#authorinfo{    font-size: 10px;
    max-width: 1150px;
    width: 100%;
    margin: 0 auto 0;
    text-align: right;
}


/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/





@media only screen and (max-width: 1200px) {
	
.mainnav a {
    font-size: 14px;}

#hero-inside, .homerow{width:95%}
.ipssearch {right: 10px;}

.homerow .su-row .su-column-size-1-2{height: 560px!important;min-height:550px!important;}

	
.home-item{height: 480px;min-height:470px;}
.odd-box img{width: 110% !important;max-width: 110% !important; margin-left: -5% !important;}
.odd-box h3{font-size: 24px;}

.headcopy h2{font-size: 36px;}


#hero-content{width: 95%;}
#hero-content h1{font-size: 24px;}

#hero-content p, #hero-content ul {margin-left: 0px;}


.frontwidget-bg-img {
    background-position: center right;
}

.page-id-158 .frontwidget-bg-img {
    background-position: top right;
}


#titlewrapper{ height: 450px;}
#titleinner {padding-left: 50px;}

#hero-content{padding: 40px;}
.headcontent h1{font-size: 20px;}
.headcontent h2{font-size: 36px !important;}

#hero-inside #hero-content {padding: 40px 90px 40px 40px;}

.hero-copy{width: 95%;}
.hero-inside-image {width: 260px; margin-top: 50px !important;}

.bottom-support{background-size: 100%;min-height: 380px;}

.bottom-inside{margin: 7% auto 0 auto;width: 90%;}
.bottom-support h3{font-size: 20px;}
.aboutbg h3 {font-size: 32px !important; margin: 10% 0 0 0 !important;}


.jimmytext {
    font-size: 14px;}

.yellowcontent {width: 90%;}

.redboxleft {font-size:16px;margin: 7% 0 7% 5%;}
.redboxright {width: 32%;}
.redboxbottom {font-size: 13px; padding: 15px;}

.redboxright-copy{font-size: 18px;line-height: 1.3; padding: 7% 5% 0 5%;}


.page-id-193 .hero-inside-image{margin-top: 0px !important;}

#footerinner{width: 95%;}

}

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



}

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


.frontwidget-bg-img {background-size:100%; background-repeat:no-repeat}


.bottomrow {margin: 10px auto 10px auto;}
	
#hero-content h1 {
    font-size: 20px;
}

#hero-content p, #hero-content ul {
    font-size: 14px;
    line-height: 1.3;
}

.homerow .su-row .su-column-size-1-2 {
    height: 500px !important;
    min-height: 500px !important;
}


.home-item {
    height: 440px;
    min-height: 440px;
}
.home-item h3 {font-size: 18px;}
.home-item-in {width: 90%;}
.home-item-in-serv {width: 70%;}

.odd-box img {
    width: 126% !important;
    max-width: 126% !important;
    margin-left: -13% !important;
}


.odd-box h3, .odd-box p {
width:60%!important;
left: 20%;}


.headcopy h1 {
    font-size: 20px;
}

.headcopy h2 {
    font-size: 30px;
}

.aboutbg h3 {
    font-size: 26px !important;
    margin: 15% 0 0 0 !important;
}

.headcontent h1 {
    font-size: 16px;margin: 0 0 15px 0;
}

.headcontent h2 {
    font-size: 28px !important;
}

.headcontent p {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.3;}

#titlewrapper {
    height: 325px;
}

#titleinner {
    margin-top: 50px;
}

.headcontent {
    max-width: 800px;
    width: 50%;}

.bottom-support h3 {
    font-size: 16px;
}


.post{margin-bottom: 10px;}

.yellowcontent p {font-size: 16px;line-height: 2;}

.job-listing .job-preview .job-cta .apply-btn {
    font-size: 14px;
    padding: 10px 30px;}
	

.job-post {
    padding: 50px 10px;
}

#footerinner .footermenu {width: 100%; float:none;overflow: hidden;}

#copyinfo {
    width: 200px;
    float: none;
    clear: both;
    text-align: center;
    font-size: 12px;
    margin: 5px 10px 0 0;
}


}

@media only screen and (max-width:768px){
	
.odd-box img {
    width: 140% !important;
    max-width: 140% !important;
    margin-left: -20% !important;
}

.home-item h3 {
    font-size: 18px;
    width: 90%;}

#titlewrapper {
    height: 300px;
}



#hero-inside {margin: 20px auto 0px auto;}
	
#hero-inside #hero-content {padding: 30px 90px 30px 30px;}

#hero-inside #hero-content { margin: 0 auto 15px auto;}

.hero-inside-image {width: 220px;}

.aboutbg h3 {
    font-size: 24px !important;
    margin: 13% 0 0 0 !important;
}

.bottomrow h2 {font-size: 20px;}
.bottom-support {background-size: 100%; min-height: 300px;}

	
}

@media only screen and (max-width: 750px) {
	
.ipsphoneemail {top: 10px;left: 10px; width:95%;}

.topphone{}
.topemail{display:block;position: absolute;
right: 10px;
top: 0;}
	
.ipssearch, .sep {
    display: none;
}

#headcontent {margin: 166px 0 0 0;}

.ipsvideo {
    height: 300px;
}
.ipsvideo iframe, .ipsvideo embed, .ipsvideo object {
width: 200%;
    margin-left: -50%;
}
.headbg {
    width: 100%;
    height: 100%;}

.headcopy{margin: 20% 0 0 5%;}

.headcopy h2 {
    font-size: 24px;
}

.banner-left .left-image {margin-top:12px; width: 50px;}
.banner-left { width: 70%;}
.banner-right{width:29%}
.banner-right span{font-size: 11px;}

.banner-left .left-text {
    font-size: 12px;
    padding: 18px 0 0 12px;
    line-height: 1.2;
}

.frontwidget-bg-img {background-size: 200%;background-position: 90% -20px;}

.page-id-158 .frontwidget-bg-img{background-size: 200%;background-position: 90% 0;}

#titleinner {margin-top: 0px;padding-left: 30px; with:100%; height:100%; display:block;
 background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }




.headcontent h1 {font-size: 14px;}
.headcontent h2 {font-size: 24px !important;}

.headcontent {width: 75%;margin: 20% 0 2%;}

.training{margin:0 auto 0!important; padding:7% 0 0}

.brightred {font-weight: 600;}

.hero-copy {
    width: 100%;
}

#hero-content {width: 90%; padding: 25px; margin: 80px auto 30px auto;}

#hero-content h1 {font-size: 20px; line-height: 1.2;}

#hero-inside #hero-content {width: 100%;padding: 30px 30px 30px 30px;}

.homerow {margin: 20px auto 20px auto;}

.hero-inside-image {
    width: 150px;
	margin: -75px auto 0 auto !important;
position: relative;
float: none;
text-align: center;
}

.home-item {height: 100%;}

.homerow .su-row .su-column-size-1-2 {
    height: 100% !important;
    min-height: 100% !important;
}

.home-item-in {padding: 0px 20px 20px 20px;margin: 0px auto 0px;}

.odd-box {display:none!important;}

.hm-readmore {
    position: relative;
    bottom: 5px;
}

.aboutvideo {width: 100%;}

.aboutbg{
    background-size: 130%!important;
    background-position: 65% -20px!important;
}


.eventsbg{background-position: 65% -20px!important;}
.techbg {background-position: 90% -20px!important;}

.jimmytext {font-size:12px; right: 20px; bottom: 15px;}

.aboutbg h3{font-size: 20px !important;}

.bottom-support {background-size: 200%;background-position: 80% -20px;margin: 0 0 30px 0;min-height: 260px;}
.bottom-inside { margin: 10% auto 0 auto; width: 80%;}
.bottom-support h3 {margin: 0 0 5px 0;font-weight:600;}
.bottomrow h2 {font-size: 18px;}


.yellowcontent {width: 80%;}
.yellowcontent p{line-height:1.2;margin: 0 10px 0 0;}
.yellowcontent a{margin: 10px 0 0 0;display: block;}

#redbox{margin: 0px auto 20px auto;border-bottom:1px solid #d9052d}

.redboxleft {font-size: 14px;width: 100%;float: none;margin: 0;padding: 30px;}
.redboxright {width: 100%;float: none;border-left: none;line-height: 1.3;}
.redboxbottom{margin:-30px 0 0 0;}

.page-id-193 .hero-inside-image {
    margin: -75px auto 0 auto !important;
}

.redboxright-copy{position: relative;
width: 84%;
font-size: 16px;
padding: 8%;}
.redboxright-copy a{margin-bottom:10px; display:block;}




.job-listing .job-preview .job-content .job-additional-information {line-height:1.3!important}

.job-listing .job-preview .job-cta {padding:25px!important; width: 100%!important;}

.job-listing .job-preview .job-cta .apply-btn { margin: 0 auto!important;padding: 10px!important;}

.job-listing .job-preview .job-content .job-additional-information .job_custom_message {
    font-weight: normal!important;
    line-height: 1.3!important;
    margin-top: 10px!important;
}

.single-jobs .headcontent h1 {font-size: 18px; margin:10% 0 0 0}

.job-post {margin: 0 0px 30px!important; padding: 30px 0px 30px 15px!important;}

.job-post .job-content, .job-post .job-side {width: 90%!important;}

.job-post .jobs-row .jobs-row-input p {line-height:1.3!important;}

.job-post .jobs-row.position_title .jobs-row-input {font-size: 22px!important;}

#footer {height: 220px; padding-top: 0px;}

#footerinner .footermenu {display:none;}
.ipslogo-footer {
    width: 90%;
    float: none;
    display: block;
    max-width: 100%;
    position: absolute;
    text-align: center;
    margin: 0 auto 0;
	top: 65px;
}


.ipslogo-footer img{width:90px; height:auto}

.footer-right {
    display: block;
    width: 90%;
    float: none;
    position: relative;
    margin: 0 auto 0;
}

.top-icons {width: 90%; margin: 0 auto 15px auto;}

.ipsagency {
    width: 300px;
    float: none;
    display: block;
    margin: 0px;
    position: absolute;
}

.ipssocial {
    width: 80%;
    float: none;
    display: block;
    position: absolute;
    top: 170px;
    text-align: center;
	margin:0;
}

#copyinfo {width: 90%;margin: 205px 0px 0 0;}

#authorinfo{padding:5px 0 10px; text-align:center}

}


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

.headcopy{margin: 25% 0 0 5%;}
}



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

.ipsvideo {height: 275px;}
.ipsvideo iframe, .ipsvideo embed, .ipsvideo object {
    width: 210%;
    margin-left: -60%;
}

.banner-left .left-text {width: 68%;}
.banner-left {width: 68%;}
.banner-right {width: 32%;}
#banner {height: 90px;}
.banner-right {height: 90px;padding: 28px 0 0 0;}


}