* @import url('//cloud.typography.com/6804272/781004/css/fonts.css');*/
@import url('//fonts.googleapis.com/css?family=Open+Sans');body{   background-color: #fff}ul.m1{list-style-type:none;margin:10;padding:10;overflow:hidden;background-color:#333}#ubc7-unit-menu .btn-group .btn, #ubc7-unit-alternate-navigation .btn-group
.btn{   font-size:14px;   letter-spacing: 1px;   color: #fff;   font-weight: lighter;   background: #60606d;   line-height: 43px;   -webkit-transition: color 0s ease,background-color 0s ease;   -moz-transition: color 0s ease,background-color 0s ease;   -o-transition: color 0s ease,background-color 0s ease;   transition: color 0s ease,background-color 0s ease;   text-transform: uppercase}#ubc7-unit-menu, #ubc7-unit-menu .navbar-inner{   background: rgb(96, 96, 109)}#ubc7-unit-menu .nav>li>a, #ubc7-unit-alternate-navigation .nav>li>a{   color: white;   text-shadow: none;   padding: 10px;   letter-spacing: 1px;   font-weight: lighter;   font-size:14px;       text-transform: uppercase}#ubc7-unit-menu .nav>li.active>a, #ubc7-unit-alternate-navigation .nav>li.active>a, #ubc7-unit-menu .nav>li.active>.btn-group{   background: #345986}#ubc7-unit-menu .nav>li#menu-item-5665>a{color:#FFF; 
background:#00A7E1;   
padding-bottom:10px}@media screen and (min-width: 1200px)
#ubc7-unit-menu .dropdown .btn-group
.btn{   height: 45px;   text-transform: uppercase;   padding-top: 11px !important;   line-height: 24px !important;   box-sizing: border-box}#html5video{text-align:center;position:relative;margin:0
auto;width:100%;max-height:715px}#ubc7-carousel .carousel-caption, .ubc-carousel .carousel-caption{   background: #3675c0;   font-size: 13px;   height: 50px;   padding-left: 10px;   padding-right: 10px;   overflow: visible;   position: relative}.dropdown
a{   padding: 10px;   height: 24px;   line-height: 20px}.flexslider .slides
img{   width: 70%;   display: block}img{   width: auto\9;   height: auto;   max-width: 100%;   vertical-align: middle;   border: 0;   -ms-interpolation-mode: bicubic;   display: block;   margin: auto}.full-width-container{   color: #222;   font-family: "Open Sans",Helvetica,Arial,sans-serif;   font-size: 14px}.vcontainer{  position: relative;  overflow: hidden;  height: calc(42vw - 15.2em);  width: 100%;  clip-path : polygon(0 0, 100% 0,100% 92%,0 100%)}.vxcontainer{  position: relative;  overflow: hidden;  height: calc(50vw - 23.3em);  width: 100%;  clip-path : polygon(0 0, 100% 0,100% 87%,0 100%)}.herocontainer{  position: relative;  overflow: hidden;  height: calc(47vw - 12.3vw);  min-height:600px;  width: 100%}.herocontent{  position: relative;  overflow: hidden;  height: calc(60vw - 23.3vw);  width: 100%}#HdrImgVid{   background-color: #fff;   text-align:center;   padding-top:0px;   margin: 0 auto;   margin-bottom:35px;  }#HdrImg{   max-width: 4096px;   overflow-x: hidden;   overflow-y: hidden;   position: relative;   text-align: center;   margin: 0 auto;  }  
.content1{position:relative;bottom:20px;background:rgba(0, 0, 0, 0.5);color:#f1f1f1;height:calc(150vh - 5.2em);width:100%;padding-top:12%;text-align:center}.headerbackground{   background-color:#FFF;   position: relative;   overflow: hidden;   clip-path : polygon(0 0, 100% 0,100% 92%,0 100%);   width: 100%;  }.new-section1{   margin-top: 5em;   margin-bottom: 5em;    }* For Rollover Buttons
.hover:hover{   opacity: 1.0;   filter: grayscale(0) blur(0px);   transition-delay: 0s, 0s;   transition-duration: 0.2s, 0.2s;   transition-timing-function: ease,ease}.calltoaction{width:30%;  
padding-top: 1vw;padding-left:8vw;   
      }.example_e{color:#FFF !important;text-transform:uppercase;text-decoration:none;padding-top:10px;padding-bottom:10px;padding-right:20px;padding-left:20px;border:1px
solid #FFF !important;display:inline-block;transition:all 0.4s ease 0s;font-size:14px}.example_e:hover{color:#FFF !important;background:#00A7E1;border-color:#FFF !important;transition:all 0.4s ease 0s}h1{   font-family: "Open Sans";  font-size: 28px;  font-style: normal;  font-variant: normal;  font-weight: lighter;  line-height: 36px}h2{   font-family: "Open Sans";   font-size: 22px;  font-style: normal;  font-variant: normal;  font-weight: bold;  line-height: 36px;   color: #00A7E1}h3{  font-family: "Open Sans";  font-size: 18px;  font-style: normal;  font-variant: normal;  font-weight: lighter;  line-height: 30px}h4{   font-family: "Open Sans";  font-size: 16px;  font-style: normal;  font-variant: normal;  font-weight: bold;  line-height: 22px}h10{   font-family: "Open Sans";   font-size: 60px;  font-style: normal;  font-variant: normal;  font-weight: bold;  line-height: 22px}h11{   font-family: "Open Sans";   font-size: 25px;   font-style: normal;  font-variant: normal;  font-weight: normal;  line-height: 28px}p{  font-family: "Open Sans";  font-size: 14px;  font-style: normal;  font-variant: normal;  font-weight: 400;  line-height: 20px}blockquote{  font-family: "Open Sans";  font-size: 21px;  font-style: normal;  font-variant: normal;  font-weight: 400;  line-height: 30px}pre{  font-family: "Open Sans";  font-size: 13px;  font-style: normal;  font-variant: normal;  font-weight: 400;  line-height: 18.5714px}ul{   margin-bottom: 14px;   font-family:"Open Sans";   line-height: 20px;  }p2{   font-family:"Open Sans";   font-size:14px;   color: #C0C0C0}.row-fluid
.span12{   min-height: 1px;  }  
.row-fluid_1
.span12{   min-height: .5px;  }.breadcrumb{   line-height: 15px;  }.expand
.breadcrumb{   max-width: 1170px;   margin-left: auto !important;   
   margin-right: auto !important;    
   margin-bottom: 15px;  }.expand .row-fluid[role=main]{   max-width: 1170px;   margin: 0 auto !important;   padding-left:0;   padding-right:0;  }#HdrImgVid{   background-color: #fff;   text-align:center;   padding-top:0px;   margin: 0 auto;   margin-bottom:35px;  }#HdrImg{   max-width: 1920px;   overflow-x: hidden;   overflow-y: hidden;   position: relative;   text-align: center;   margin: 0 auto;  }.image-message-region{   bottom:0;  
   position: absolute;   text-align: left;   margin-left:.5em;   margin-bottom:1em;   width: 100%;   color:#fff;   font-size:2em;   border:0px
solid #900;  }  
.image-message .region-large-intro,.region-large-intro{   color: #fff;   font-size: 260%;   line-height: 150%;  }.image-message
p{   margin-left: 0;   margin-right: 0;   margin-top: 0;  }.bound{   max-width:1170px;   margin: 0 auto;  }.content .down-arrow{   margin-bottom: 30px}.content .down-arrow{   animation-delay: 0s;   animation-direction: alternate;   animation-duration: 1s;   animation-fill-mode: none;   animation-iteration-count: infinite;   animation-name: bounce;   animation-play-state: running;   animation-timing-function: ease;   color: #fff;   font-size: 240%;   text-align: center;   width: 100%;  }.team
.span6{   min-height:270px;  }.toolkit-region{   margin-bottom: 20px;  }  
.toolkit-region{   height: 0;   overflow-x: hidden;   overflow-y: hidden;   padding-bottom: 100%;   position: relative;  }.toolkit-region.double{   padding-bottom: 47.45%;  }.toolkit-region
img{   max-width: none;   transition-delay: 0s;   transition-duration: 0.5s;   transition-property: transform;   transition-timing-function: ease;   width: 100%;  }.image-gradient{   background-attachment: scroll;   background-clip: border-box;   background-color: rgba(0, 0, 0, 0);   background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));   background-origin: padding-box;   background-position-x: 0;   background-position-y: 0;   background-repeat: repeat;   background-size: auto auto;   height: 100%;   left: 0;   max-width: 1920px;   position: absolute;   top: 0;   width: 100%;  }.image-content{   bottom: 0;   margin-bottom: 20px;   margin-left: 20px;   margin-right: 20px;   margin-top: 20px;   position: absolute;  }.image-content
h3{   font-size: 150%;   line-height: 125%;  }  
.image-content
h3{   color: #fff;   letter-spacing: 1px;   margin-bottom: 0;   text-transform: uppercase;  }.image-content
p{   color: #fff;   font-size:.9em;   line-height: 1.3;   margin-bottom: 0;  }.toolkit-region.double.work{   padding-bottom: 63.5%;  }.toolkit-region.double.work .image-content
h3{   color: #002145;   letter-spacing: 0px;   margin-bottom: 0;   text-transform: none;  }.toolkit-region.double.work .image-content
h3{   font-size: 100%;   line-height: 110%;  }.toolkit-region.double.work .image-content{   margin-left:0;   margin-top:0;  }.toolkit-region.double.studio{  padding-bottom: 10%;  height:auto; }.toolkit-region.double.studio .image-content h3, .toolkit-region.double.studio .image-content
p{   color: #002145;  }.box-margin .image-gradient:hover{   background-color: rgba(12, 35, 68, 0.8);   transition-delay: 0s, 0s;   transition-duration: 0.2s, 0.2s;   transition-property: color, background-color;   transition-timing-function: ease, ease;  }@media (max-width: 979px){  
.image-message .region-large-intro,.region-large-intro{   font-size: 150%;   line-height: 120%}.content .down-arrow{   margin-bottom: 5px;   font-size: 140%}h1{   font-size:3em}#ubc7-unit-menu .dropdown .btn-group .btn, #ubc7-unit-alternate-navigation .dropdown .btn-group
.btn{   background: inherit !important}#ubc7-unit-menu .nav-collapse li a, #ubc7-unit-alternate-navigation .nav-collapse li
a{   color: #fff}.descriptor{display:none;  }}@media (max-width: 767px){  
h10{   font-family: "Open Sans";   font-size: 30px;   font-style: normal;   font-variant: normal;  font-weight: bold;  line-height: 22px}.content1{position:relative;bottom:20px;background:rgba(0, 0, 0, 0.5);color:#f1f1f1;height:calc(150vh - 5.2em);width:100%;padding-top:27%;text-align:center} 
.toolkit-region.double{   padding-bottom: 95%;  }.toolkit-region.double.work{   padding-bottom: 60%;  }.DiyVideo{       width:100%;  }p
img.alignright{   margin-bottom: 15px}#ubc7-unit-menu .nav>li#menu-item-5665>a{color:#FFF; 
background:#00A7E1;   
margin-left:0vw;padding-bottom:10px}.headerbackground{   background-color:#FFF;   position: relative;   overflow: hidden;   clip-path : polygon(0 0, 100% 0,100% 100%,0 100%);   width: 100%;   height: 250px;  }.herocontainer{  position: relative;  overflow: hidden;  height: calc(47vw - 8.3vw);  min-height:600px;  width: 100%}.herocontent{  position: relative;  overflow: hidden;  height: calc(60vw - 23.3vw);  width: 100%}}      
      
@media (max-width: 420px){  
a.btn{   width:95%;   padding:10px;   font-size:16px;  }.image-message-region{   display:none}p
img.alignright{   margin-bottom: 15px}}.blue.down-arrow{   background-position: -1178px -227px}.gform_wrapper
ul{padding-left:0;list-style:none}.gform_wrapper
li{margin-bottom:15px}.gform_wrapper
form{margin-bottom:0}.gform_wrapper
.gfield_required{padding-left:1px;color:#b94a48}.ginput_container input, .ginput_container select, .ginput_container
textarea{display:block;width:100%;height:34px;padding:6px
12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;border:1px
solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.ginput_container input:-moz-placeholder, .ginput_container select:-moz-placeholder, .ginput_container textarea:-moz-placeholder{   color:#999}.ginput_container input::-moz-placeholder, .ginput_container select::-moz-placeholder, .ginput_container textarea::-moz-placeholder{   color:#999}.ginput_container input:-ms-input-placeholder, .ginput_container select:-ms-input-placeholder, .ginput_container textarea:-ms-input-placeholder{   color:#999}.ginput_container input::-webkit-input-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder{   color:#999}.ginput_container input:focus, .ginput_container select:focus, .ginput_container textarea:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6)}.ginput_container input[disabled], .ginput_container select[disabled], .ginput_container textarea[disabled], .ginput_container input[readonly], .ginput_container select[readonly], .ginput_container textarea[readonly], fieldset[disabled] .ginput_container input, fieldset[disabled] .ginput_container select, fieldset[disabled] .ginput_container
textarea{cursor:not-allowed;background-color:#eee}textarea.ginput_container input, textarea.ginput_container select, textarea.ginput_container
textarea{height:auto}.ginput_container
textarea{height:auto}.gform_wrapper .button,.gform_button{display:inline-block;padding:6px
12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-color:#428bca;border:1px
solid transparent;border-color:#357ebd;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.gform_wrapper .button:focus,.gform_button:focus{outline:thin dotted #333;outline:5px
auto -webkit-focus-ring-color;outline-offset:-2px}.gform_wrapper .button:hover,.gform_button:hover,.gform_button:focus{color:#333;text-decoration:none}.gform_wrapper .button:active, .gform_wrapper .button.active, , .gform_button:active,.gform_button.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.gform_wrapper .button.disabled, .gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button{pointer-events:none;cursor:not-allowed;opacity: .65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.gform_button:hover, .gform_button:focus, .gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button{color:#fff;background-color:#3276b1;border-color:#285e8e}.gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button{background-image:none}.gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button, .gform_button.disabled:hover, .gform_button[disabled]:hover, fieldset[disabled] .gform_button:hover, .gform_button.disabled:focus, .gform_button[disabled]:focus, fieldset[disabled] .gform_button:focus, .gform_button.disabled:active, .gform_button[disabled]:active, fieldset[disabled] .gform_button:active, .gform_button.disabled.active, .gform_button[disabled].active, fieldset[disabled] .gform_button.active{background-color:#428bca;border-color:#357ebd}.gform_wrapper .gfield_error
.gfield_label{color:#b94a48}.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error
textarea{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus{border-color:#b94a48;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(185,74,72,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(185,74,72,0.6)}.validation_error{padding:15px;margin-bottom:20px;color:#b94a48;background-color:#f2dede;border:1px
solid transparent;border-color:#eed3d7;border-radius:4px}.validation_error
h4{margin-top:0;color:inherit}.validation_error .alert-link{font-weight:bold}.validation_error>p,.validation_error>ul{margin-bottom:0}.validation_error>p+p{margin-top:5px}.validation_error
hr{border-top-color:#e6c1c7}.validation_error .alert-link{color:#953b39}#gforms_confirmation_message{padding:15px;margin-bottom:20px;border:1px
solid transparent;border-radius:4px}#gforms_confirmation_message
h4{margin-top:0;color:inherit}#gforms_confirmation_message .alert-link{font-weight:bold}#gforms_confirmation_message>p,#gforms_confirmation_message>ul{margin-bottom:0}#gforms_confirmation_message>p+p{margin-top:5px}.gfield_label{margin-bottom:5px;font-size:  14px}.ginput_complex>span>label{font-size:11px}.gform_validation_container,
.gform_wrapper .gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper ul.gform_fields
li.gfield.gform_validation_container{   display: none !important;   position: absolute !important;   left: -9000px}.ginput_container_date>input.datepicker.datepicker_with_icon{   width: calc(50% - 8px)}.ginput_container_radio input[type="radio"]{   width: auto;   height: auto}a [class^="icon-"]:before,
a [class*=" icon-"]:before{   cursor: pointer}#ubc7-unit-social-icons a:active i,
#ubc7-unit-social-icons a:focus i,
#ubc7-unit-social-icons a:hover
i{   color: #00a7e1}.breakout-full-width{   width: 100vw;   position: relative;   left: 50%;   right: 50%;   margin-left: -50vw;   margin-right: -50vw}.breakout-full-width .boxed-within-breakout{   margin: 0 auto;   max-width: 1170px}.breakout-full-width.img-banner{height:300px;background-repeat:no-repeat;background-size:cover;background-position:0 30%}