@charset "UTF-8";
/* CSS Document PICOR */

html {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: 300 !important;
}
body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300 !important;
}
.bg-cover {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*background-attachment: fixed;
    z-index: -2;*/
}
.bg-cover-small {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*z-index: -2;*/
}
.bg-img-default {
    background: no-repeat center;
    background-size: cover;
}
.hero-overlay {
    position: absolute;
    background-color: rgba(29,23,64,0.6);
    width: 100%;
    top: 0;
    bottom: 0;
    height: 100%;
   	/*transform: skew(-10deg);
    transform-origin: 100% 0%;*/
    margin-top: 0; 
    /*z-index: -1;*/
    left: -52.65%;
    -webkit-transform: skew(-27.75deg);
    -moz-transform: skew(-27.75deg);
    -ms-transform: skew(-27.75deg);
    -o-transform: skew(-27.75deg);
    transform: skew(-27.75deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.skew-right-30:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: bottom left;
    background: rgba(29,23,64,1);
    -webkit-transform: skew(-27.75deg);
    -moz-transform: skew(-27.75deg);
    -ms-transform: skew(-27.75deg);
    -o-transform: skew(-27.75deg);
    transform: skew(-27.75deg);
}
.overlay-r-red {
	position: absolute;
    background-color: #E4002B;
    width: 50%;
    top: 0;
    bottom: 0;
	right: 0;
    margin-top: 0;
}
.overlay-r-red-content {
	position: absolute;
    width: 50%;
	height: 100%;
    top: 0;
	right: 0;
	background-color: #E4002B;
}
.general-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    background-color: rgba(29,23,64,0.6);
}
.overlay-100-blue {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
	height: 100%;
    background-color: rgba(29,23,64,0.6);
}
.overlay-70-blue {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 70%;
	height: 100%;
    background-color: rgba(29,23,64,0.6);
}
.overlay-50-blue {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
	height: 100%;
    background-color: rgba(29,23,64,0.6);
}
.overlay-fullwidth-red {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(226,0,43,0.8);
}
.overlay-halfwidth-red {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    background-color: rgba(226,0,43,0.8);
}
.text-block {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: rgb(226,0,43,0.8);
    color: white;
    width: 70%;
}
.text-middle {
    position: absolute;
    top: 40%;
    left: 10%;
}
.hero-container {
    /*z-index: 1;*/
}
.z-index-2 {
    z-index: 2;
}
.z-index-1 {
    z-index: 1;
}
.z-index-0 {
    z-index: 0;
}
.z-index-1-negative {
    z-index: -1;
}
.text-24 {
    font-size: 	1.5rem;
    line-height: 2.625rem;
}
.color-red {
    color: #E4002B !important;
}
.color-blue {
    color: #003768 !important;
}
.bg-blue {
    background-color: #003768 !important;
}
.bg-red {
    background-color: #E4002B !important;
}
.footer-cont-right {
    text-align: right;
}
.poly-nav {
	background-color: rgba(228,0,43,10);
	
}
#main-menu .menu-item a {
	padding: 20px 30px;
}
.navbar-brand img {
    /*width: 340px !important;*/
	width: 440px !important;
}
.copy-red {
    color: #E4002B !important;
}
.copy-white {
    color: #FFFFFF !important;
}
.copy-blue {
    color: #003768 !important;
}
.p-section {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.p-section-2 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.entry-content p {
    line-height: 32px;
}
.text-block-bottom {
    position: absolute;
    bottom: 0;
}
.nav-item {
    transition: 0.3s;
}
.dropdown-menu, .dropdown-item {
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: #E4002B !important;
}
.subnav-skew ul {
    transform: skew(0deg);
}
/*.dropdown-menu .menu-item-object-page {
    transform: skew(-10deg);
}*/
#menu-item-67 {
    transform: skew(0deg);
}
#main-menu .menu-item .nav-link {
	color: #FFFFFF !important;
    transform: skew(27.75deg);
    text-transform: uppercase;
}
.menu-item-has-children .dropdown-menu {
    left: 35px !important;
}
.menu-item-has-children .dropdown-menu {
    transform: skew(27.75deg);
}
.menu-item-has-children .dropdown-menu .dropdown-menu {
    transform: skew(0deg);
}
.menu-item-has-children .menu-item-has-children:hover > .dropdown-menu { left: 100% !important; }
#main-menu .menu-item a {
	color: #FFFFFF !important;
    text-transform: uppercase;
}

#main-menu .menu-item:hover {
    background-color: #860019 !important;
}
.dropdown-menu .dropdown-item:hover {
    background-color: #860019 !important;
}
.dropdown-toggle::after {
    display: none !important;
}

.dropdown:hover>.dropdown-menu {
	display: block;
}
.py-lg {
    padding: 200px 0 !important;
}
.py-md {
    padding: 100px 0 !important;
}
.thumb-main-header .thumb-header {
	background-color: #E4002B;
	transition: 0.3s;
}
.thumb-main-header .thumb-header:hover {
	background-color: #860019;
}
.btn-danger {
	background-color: #E4002B !important;
    border-color: #E4002B !important;
}
.skew-main-header {
transform-origin: bottom left;
-moz-transform: skew(-27.75deg, 0deg);
-webkit-transform: skew(-27.75deg, 0deg);
-o-transform: skew(-27.75deg, 0deg);
-ms-transform: skew(-27.75deg, 0deg);
transform: skew(-27.75deg, 0deg);
}
.skew-nav {
    transform: skew(-27.75deg);
    transform-origin: 0% 100%;
}
.no-skew-nav {
    transform: skew(10deg);
    transform-origin: 0% 100%;
}
.navbar {
    z-index: 999999;
}
.bottomright {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #E4002B;
	-webkit-clip-path: polygon(100% 0, 100% 100%, 59% 100%);
    clip-path: polygon(100% 0, 100% 100%, 0% 100%);
    width: 45px;
    height: 45px;
}
.agent-avatar {
    width: 12rem;
}
.agent-body {
    width: 22rem;
	-webkit-clip-path: polygon(0 0, 100% 0, 80.6125% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 80.6125%, 0 100%);
}
.agent-name-size-small {
    font-size: 0.875rem;
}
.agent-title-size-small {
    font-size: 0.75rem;
}
blockquote {
    padding: 6px 16px;
    border: none;
    quotes: "\201C" "\201D";
    display: inline-block;
    position: relative;
}

blockquote:before { 
    content: open-quote;
    font-weight: bold;
    position:absolute;
    top: -40px;
    left: -40px;
    font-size: 6rem;
    color: #003768;
}
.r-skew {
	-webkit-clip-path: polygon(0 0, 100% 0, 92.6125% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 92.6125% 100%, 0 100%);
}
.sl-skew {
	-webkit-clip-path: polygon(0 0, 100% 0, 68.6125% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 68.61255% 100%, 0 100%);
}
.skew-inside-page {
    -webkit-clip-path: polygon(0 0, 100% 0, 92.6125% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 92.6125% 100%, 0 100%);
}

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}

.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.by-2 {
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    padding: 10px 10px;
}
.menu-item-192 {
    font-weight: bold;
    background-color: #b30021;
}
.home-blurb p {
    font-size: 1.25rem;
    line-height: 2.125rem;
    /*padding: 0 40px;*/
}
.mask-skew {
    width: 182px;
    max-width: 100%;
    overflow: hidden;
}

.art-skew {
	transform-origin: bottom left;
	height: 145px !important;
	width: 200% !important;
	max-width: 200% !important; 
	transform: skewX(27.75deg);
    position: relative;
}
.main-title {
    font-weight: 600;
    font-size: 3rem;
    line-height: 3.375rem;
    letter-spacing: 2px;
}
.breadcrumbs {
    font-size: 14px !important;
}
.space-left {
    padding-left: 4rem !important; 
}
.space-right {
    padding-right: 4rem !important; 
}
.btn-danger {
    background-color: #E4002B;
    border-color: #E4002B;
}
.breadcrumbs a {
	color: #003768;
}
.breadcrumbs a:hover {
	color: #0063bc;
	text-decoration: none;
}
.wrapper-content a {
	color: #005bac;
}
.wrapper-content a:hover {
	color: #0078e2;
	text-decoration: none;
}

[data-toggle="collapse"] .fa:before {  
  content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}
.hentry {
	margin-bottom: 20px;
	/*padding: 15px;*/
	transition: 0.3s;
}
.page-header {
	padding: 15px;
}
.archive-intro .understrap-read-more-link {
	display: none;
}
.page-item.active .page-link {
	background-color: #003768 !important;
	border-color: #003768 !important;
}
.pagination {
	padding-left: 15px !important;
}
a.glink {
    text-transform: uppercase;
    color: #003768;
    margin-right: 10px;
}
a.glink:hover {
    text-decoration: none;
    color: #0063bc;
}
.serv-skew {
    transform: skewX(27.75deg);
}
.btn-outline-primary, .wpcf7 input[type=submit] {
    color: #FFFFFF !important;
    border-color: #E4002B !important;
    background-color: #E4002B !important;
    border-radius: 0px !important;
}
.form-control, .wpcf7 input[type=text] {
    border-radius: 0px !important;
}
div.wpcf7 {
    margin: 0;
    padding: 0 0 !important;
}
.wpcf7 {
    max-width: 100% !important;
}

/* Start Expand Search */

.button {
	display: inline-block;
	margin: 4px 2px;
	/*background-color: rgba(0,0,0,.1);*/
	font-size: 14px;
	padding-left: 32px;
	padding-right: 32px;
	/*height: 50px;*/
	line-height: 38px;
	text-align: center;
	color: #212529;
	text-decoration: none;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 2px;
}

.button:hover {
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	background-color: #f8f9fa;
	color: black;
}

.search-container {
	position: relative;
	display: inline-block;
	/*margin: 4px 2px;*/
	height: 38px;
	width: 40px;
	vertical-align: middle;
}

.mglass {
	display: inline-block;
	pointer-events: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.searchbutton {
	position: absolute;
	font-size: 18px;
	font-weight: 500;
	width: 100%;
	margin: 0;
	padding: 0;
}

.search:focus + .searchbutton {
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	background-color: #f8f9fa;
	color: black;
}

.search {
	position: absolute;
	left: 49px; /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */
	background-color: #f8f9fa;
	outline: none;
	border: none;
	padding: 0;
	width: 0;
	height: 100%;
	z-index: 10;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}

.search:focus {
	width: 280px; /* Bar width+1px */
	padding: 0 16px 0 0;
	font-size: 12px !important;
}

.expandright {
	left: auto;
	right: 49px; /* Button width-1px */
}

.expandright:focus {
	padding: 0 0 0 16px;
}

/* End Expand Search */

#main-menu .active {
	background-color: #860019 !important;
}
#main-menu .current-menu-ancestor {
	background-color: #860019 !important;
}

/* Start contact form style */

span.wpcf7-not-valid-tip {
    text-align: left;
}

/* Start video background */

#home-header {
    overflow: hidden;
    padding: 200px 0;
}

#home-header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#home-header .container {
  position: relative;
  z-index: 2;
}
.w-12 {
	width: 12% !important;
}

/* End contact form style */

@media (max-width: 576px) { 
    .border-right {
        border-right: 0 !important;
    }
    .footer-cont-right {
        text-align: left;
    }
    .navbar-brand img {
    width: 280px !important;
	}
	.p-section-2 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.m-mb-4 {
		margin-bottom: 20px;
	}
	.owl-nav {
		display: none;
	}
	.m-title-h1 {
		font-size: 2rem !important;
	}
    .space-left {
        padding-left: 15px !important; 
    }
    .space-right {
        padding-right: 15px !important; 
    }
    .hero-overlay, .art-skew {
        display: none;
    }
    #home-header {
        padding: 40px 0;
    }
    .serv-skew {
        transform: skewX(0deg);
    }
    .skew-main-header {
        transform: skew(0deg, 0deg);
        margin: 2px;
    }
	#wrapper-navbar {
		padding: 1rem;
	}
	.w-12 {
		width: 50% !important;
	}
	.skew-nav {
		transform: skew(0deg);
		transform-origin: 0% 0%;
	}
	#main-menu .menu-item .nav-link {
		transform: skew(0deg);
	}
	.menu-item-has-children .dropdown-menu {
    	transform: skew(0deg);
	}
	.skew-right-30:after {
		transform: skew(0deg);
	}
	.main-title {
		font-size: 2.5rem;
	}
}

@media (max-width: 768px) {
    .hero-overlay, .art-skew {
        display: none;
    }
    #home-header {
        padding: 40px 0;
    }
    .serv-skew {
        transform: skewX(0deg);
    }
    .skew-main-header {
        transform: skew(0deg, 0deg);
        margin: 2px;
    }
	#wrapper-navbar {
		padding: 1rem;
	}
	.w-12 {
		width: 50% !important;
	}
	.skew-nav {
		transform: skew(0deg);
		transform-origin: 0% 0%;
	}
	#main-menu .menu-item .nav-link {
		transform: skew(0deg);
	}
	.menu-item-has-children .dropdown-menu {
    	transform: skew(0deg);
	}
}

@media (max-width: 736px) {
    .hero-overlay, .art-skew {
        display: none;
    }
    #home-header {
        padding: 40px 0;
    }
    .serv-skew {
        transform: skewX(0deg);
    }
    .skew-main-header {
        transform: skew(0deg, 0deg);
        margin: 2px;
    }
	#wrapper-navbar {
		padding: 1rem;
	}
	.w-12 {
		width: 50% !important;
	}
	.skew-nav {
		transform: skew(0deg);
		transform-origin: 0% 0%;
	}
	#main-menu .menu-item .nav-link {
		transform: skew(0deg);
	}
	.menu-item-has-children .dropdown-menu {
    	transform: skew(0deg);
	}
	.skew-right-30:after {
		transform: skew(0deg);
	}
}

@media (max-width: 1024px) {
    #home-header {
        padding: 40px 0;
    }
    .serv-skew {
        transform: skewX(0deg);
    }
    .skew-main-header {
        transform: skew(0deg, 0deg);
        margin: 2px;
    }
	#wrapper-navbar {
		padding: 1rem;
	}
	.w-12 {
		width: 50% !important;
	}
	.skew-nav {
		transform: skew(0deg);
		transform-origin: 0% 0%;
	}
	#main-menu .menu-item .nav-link {
		transform: skew(0deg);
	}
	.menu-item-has-children .dropdown-menu {
    	transform: skew(0deg);
	}
	.skew-right-30:after {
		transform: skew(0deg);
	}
	.art-skew {
		transform: skewX(0deg);
	}
	.thumb-main-header .thumb-header {
		font-size: 14px;
	}
	.main-title {
		font-size: 2.75rem;
	}
}

@media (max-width: 375px) {
	.navbar-light .navbar-brand {
		width: 70%;
	}
}

@media (pointer: coarse) and (hover: none) {
  #home-header {
    background: url('https://www.picor.com/wp-content/uploads/2019/05/bigstock-Building-inTucson-65794756.jpg') black no-repeat center center scroll;
  }
  #home-header video {
    display: none;
  }
}

