/*

Theme Name: Peak Design

Author: CAD UIX

Version: 0.0.1a

*/

@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i');



.font-gotham { font-family: 'Gotham'; font-weight: 300 }



.txt-normal { font-weight: 400 }



li#field_2_2 {

    margin-top: 0;

}

input#input_2_1_3, input#input_2_1_6 {

    margin-bottom: 4px;

}

#welcome-section .site-info a:hover, #welcome-section .site-info a:focus {

	color: #1affff

}

.gform_wrapper * input:not([type=submit]), .gform_wrapper * textarea {

	color: #000 !important

}

.gform_confirmation_wrapper div {

    font-size: 30px;

    color: #002B61;

    padding: 30px;

    text-align: center;

    text-transform: uppercase;

    font-weight: bold;

}

#gform_confirmation_message_1 {

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

}

#gform_wrapper_2 .ginput_recaptcha>div {

	margin-left: 0

}

input#gform_submit_button_2 {

	background:#002B61;

	color: #fff;

	min-width: 250px;

	text-align: center

}

input#gform_submit_button_2:hover, input#gform_submit_button_2:focus {

	background: #fff;

	color: #002B61

}

body:not(.home) #content-wrap {

	color: #000

}

a:focus, a:hover,

.dark-bg a:focus, .dark-bg a:hover {

	color: #94b8b8 !important

}

#mobile-menu .menu .menu-item.current-menu-ancestor,

#mobile-menu .menu .menu-item.current-menu-item,

#mobile-menu .menu .menu-item:focus, #mobile-menu .menu .menu-item:hover {

	border-color: #fff

}

.pad-lr-0 {

	padding-left: 0;

	padding-right: 0

}

#projects {

	margin-top: 30px;

	margin-bottom: 50px

}

#projects * .project {

	color: #fff;

	position: relative;

	cursor: pointer;

	margin-bottom: 30px;



	-webkit-transition: all 250ms ease;

	-moz-transition: all 250ms ease;

	-ms-transition: all 250ms ease;

	transition: all 250ms ease;



	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-ms-transform-style: none;/* FOR IE COMPATIBILITY */

}

#projects * .project .box {

	border: 2px solid;

	height: 100%;

	background-size: cover;

    background-position: center;



    -webkit-transition: all 250ms ease;

    -moz-transition: all 250ms ease;

    transition: all 250ms ease;

    -ms-transition: all 250ms ease;

}

#projects * .project .box:last-child {

  	background-blend-mode: soft-light;

}

#projects * .project:nth-child(32n + 1) .box, #projects * .project:nth-child(32n + 6) .box, #projects * .project:nth-child(32n + 11) .box,

#projects * .project:nth-child(32n + 16) .box, #projects * .project:nth-child(32n + 17) .box, #projects * .project:nth-child(32n + 24) .box,

#projects * .project:nth-child(32n + 27) .box, #projects * .project:nth-child(32n + 30) .box { 

	border-color: #A80000;

	background-color: rgba(168,0,0,0.5);

}

#projects * .project:nth-child(32n + 2) .box, #projects * .project:nth-child(32n + 7) .box, #projects * .project:nth-child(32n + 12) .box,

#projects * .project:nth-child(32n + 13) .box, #projects * .project:nth-child(32n + 18) .box, #projects * .project:nth-child(32n + 21) .box,

#projects * .project:nth-child(32n + 28) .box, #projects * .project:nth-child(32n + 31) .box {

	border-color: #8C0000;

	background-color: rgba(140,0,0,0.5);

}

#projects * .project:nth-child(32n + 3) .box, #projects * .project:nth-child(32n + 8) .box, #projects * .project:nth-child(32n + 9) .box,

#projects * .project:nth-child(32n + 14) .box, #projects * .project:nth-child(32n + 19) .box, #projects * .project:nth-child(32n + 22) .box,

#projects * .project:nth-child(32n + 25) .box, #projects * .project:nth-child(32n + 32) .box {

	border-color: #002B61;

	background-color: rgba(0,43,97,0.5);

}

#projects * .project:nth-child(32n + 4) .box, #projects * .project:nth-child(32n + 5) .box, #projects * .project:nth-child(32n + 10) .box,

#projects * .project:nth-child(32n + 15) .box, #projects * .project:nth-child(32n + 20) .box, #projects * .project:nth-child(32n + 23) .box,

#projects * .project:nth-child(32n + 26) .box, #projects * .project:nth-child(32n + 29) .box {

	border-color: #002148;

	background-color: rgba(0,33,72,0.5);

}



#projects * .project:hover, #projects * .project:focus {

	-webkit-transform: rotateX(89deg);

  	-moz-transform: rotateX(89deg);

  	transform: rotateX(89deg);

  	-ms-transform: none;/* FOR IE COMPATIBILITY */

}

#projects * .proj-name, #projects * .proj-cont {

	position: relative;

	top:50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	transform: translateY(-50%);

	-ms-transform: translateY(-50%);

}

#projects * .project .project-num {

	width: 150px;

	height: 150px;

	border: 10px solid;/* rgba(255,255,255,.5);*/

	border-radius: 100%;

	position: relative;

	margin: 0 auto;

	background-color: rgba(255, 255, 255, 0.52);

}

#projects * .project:nth-child(32n + 1) .project-num, #projects * .project:nth-child(32n + 6) .project-num,

#projects * .project:nth-child(32n + 11) .project-num, #projects * .project:nth-child(32n + 16) .project-num,

#projects * .project:nth-child(32n + 17) .project-num, #projects * .project:nth-child(32n + 24) .project-num,

#projects * .project:nth-child(32n + 27) .project-num, #projects * .project:nth-child(32n + 30) .project-num { 

	color: #A80000;

	border-color: rgba(168,0,0,0.5);

}

#projects * .project:nth-child(32n + 2) .project-num, #projects * .project:nth-child(32n + 7) .project-num,

#projects * .project:nth-child(32n + 12) .project-num, #projects * .project:nth-child(32n + 13) .project-num,

#projects * .project:nth-child(32n + 18) .project-num, #projects * .project:nth-child(32n + 21) .project-num,

#projects * .project:nth-child(32n + 28) .project-num, #projects * .project:nth-child(32n + 31) .project-num {

	color: #8C0000;

	border-color: rgba(140,0,0,0.5);

}

#projects * .project:nth-child(32n + 3) .project-num, #projects * .project:nth-child(32n + 8) .project-num,

#projects * .project:nth-child(32n + 9) .project-num, #projects * .project:nth-child(32n + 14) .project-num,

#projects * .project:nth-child(32n + 19) .project-num, #projects * .project:nth-child(32n + 22) .project-num,

#projects * .project:nth-child(32n + 25) .project-num, #projects * .project:nth-child(32n + 32) .project-num {

	color: #002B61;

	border-color: rgba(0,43,97,0.5);

}

#projects * .project:nth-child(32n + 4) .project-num, #projects * .project:nth-child(32n + 5) .project-num,

#projects * .project:nth-child(32n + 10) .project-num, #projects * .project:nth-child(32n + 15) .project-num,

#projects * .project:nth-child(32n + 20) .project-num, #projects * .project:nth-child(32n + 23) .project-num,

#projects * .project:nth-child(32n + 26) .project-num, #projects * .project:nth-child(32n + 29) .project-num {

	color: #002148;

	border-color: rgba(0,33,72,0.5);

}

#projects * .project .project-num span {

    font-size: 65px;

	display: block;

	position: relative;

	top:50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

}

#projects * .proj-name h3 {

	color: #fff;

	font-size: 35px

}

#monitor #yt_video {

    padding-top: 10px;

    padding-left: 20px;

    position: relative;

}

#monitor #yt_video .video-cont {

    overflow: hidden;

    width: 100%;

    position: relative;

}

#monitor #yt_video .vid {

    background-size: cover;

    background-position: center;

}

#monitor #yt_video a.play-vid {

    display: block;

    height: 100%;

    position: relative;

    z-index: 9

}

#monitor #yt_video a i {

	color: rgba(0,0,0,0.8);

	position: relative;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

}

#monitor #yt_video a:hover i, #monitor #yt_video a:focus i {

	color: #bb0000;

}

#project-banner {

	background-color: rgba(168, 0, 0, 0.5);

}

#project-banner * h1 {

	color: #fff;

	margin: 10px 0;



}

#project-gallery {

	padding: 50px 0

}

#project-gallery .gal {

	margin-top: 50px

}

#project-gallery .gal li {

	height: 300px;

	width: 300px;

	max-width: 100%;

	overflow: hidden;

	background-size: cover;

	background-position: center

}

#project-gallery .gal li a {

	height: 100%;

}

.fancybox-caption-wrap {

	/*background-color: #002B61 !important;*/

	opacity: 1 !important;

	padding: 0 15px !important;

	max-width: 1000px !important;

	margin: -100px auto 0 !important

}

.fancybox-caption {

	font-size: 18px !important;

	border-top: none !important;

	font-family: 'Lato', sans-serif !important

}

.fancybox-image {

	border:5px solid #fff;

}

.pulse img:hover {

  animation-name: pulse;

  animation-duration: 1s;

}

@keyframes pulse {

  0% {transform: scale(1);}

  50% {transform: scale(1.1);}

  100% {transform: scale(1);}

}



/* 8 26 2017 */

body {

	color: #313131;

}



.gform_wrapper .gf_right_half .gfield_time_ampm, .gform_wrapper .gf_right_half .gfield_time_hour, .gform_wrapper .gf_right_half .gfield_time_minute {

    max-width: 33%;

}



.gform_wrapper .gf_right_half .gfield_time_ampm select, .gform_wrapper .gf_right_half .gfield_time_hour input, .gform_wrapper .gf_right_half .gfield_time_minute input {

    width: 100% !important;

    max-width: 100% !important;

    height: 42px !important;

}



.gform_wrapper .gf_left_half input.datepicker {

    width: 100% !important;

}



.gform_wrapper .gfield_time_hour i {

	margin-top: 0 !important;

}



footer .logo-container {

    text-align: center !important;

}

.footer-nav,

#topBar .site-info, .sec-footer-nav{

    text-align: center !important;

}

section#form {
	background-image: url(images/bg-img.jpg); 
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}