@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@font-face {
    font-family: Capture It;
    src: url('/assets/fonts/Capture it.ttf');
}

@charset "utf-8";
/* CSS Document */
*{
margin: 0;
padding: 0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

* {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 scroll-behavior: smooth;
}

body {
 line-height: 1.2;
}

body {
 font-size: 13px;
 font-family: 'Muli', Helvetica,sans-serif;
 color: #010101;
 background-color: #FFF;
}

/* required for sticky footer */

html, body {
 height: 100%;
}

.wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
}

.main {
 margin-bottom:30px;    
}



.upper {
 height:14rem;
 background-color:#7B8DBD;
    
}

a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding:10px;
  color:#fff;
  z-index:999;
}    

.subnav {
  position: absolute;
}

[data-visually-hidden="true"] {
  display: none;
}
[data-visually-hidden="false"] {
  display: block;
}


   
#navigation {

display:none;    
    
}   
   
.nav {
  background-color: #333; 
  position: relative;

}   
   
   
   
    
.topnav #myLinks {
 margin-top:30px;
}

.topnav a.links {
  color: #fff;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  text-align:center;
  height:60px;
  border-bottom: #ccc solid .5px;
  
}    
    
  
     
.topnav a.links:hover {
  background-color: #ccc;
  color: black;
}
   
    

.active {
  background-color: #000;
  color: white;
}
  
  
.upper {
  margin-top:0px;
  padding:10px;
  position:relative; 

}


    
.upper a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding:10px;
  color:#fff;
}    
    
    
h1 {
 text-align:center;    
}  


.blue {
  font-size: 120px;
  font-style: normal bold;
  font: normal bold 120px Tahoma,Geneva,sans-serif;
    line-height: normal;
  color: blue;
  text-decoration: none;
  text-align: center;
  line-height: 84px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-transform: none;
  opacity:1;
}



.studios {
  font-size: 132px;
  font-style: normal normal;
  font: normal normal 132px 'Capture it';
    line-height: normal;
  color: #F2CB08;
  text-decoration: none;
  text-align: center;
  line-height: 132px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-transform: none;
  opacity:1;
}

    
    

















#med {
  position:absolute;
 top:5px;
 right:155px;
 width:125px;
 height:24px;
 padding-left:10px;
 color:#fff;
 z-index:10;
}




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


#med {
 right:120px;
}
}




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

#med {
 right:80px;
}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {

#med {
 right:40px;
}
}
   
    






h1,h2,h3 {
    line-height:1.25;
    margin:1rem 0;
}

h1 { 
    color:#000;
    font-size:3.5rem;
    text-align:center;
}

h2 {
    color:#000;
    font-size:1.7rem;
}

h3 {
    color:#000;
    font-size:1.4rem;
}

h4 {
    color:#000;
    font-size:1.4rem;
    font-weight:normal;
}
    
h5 {
    color:#000;
    font-size:1.1rem;
    margin:1.5em 0 .5em
}

.wrapper p {
    color:#000;
    font-size:1.3rem;
    margin:1em 0;
}


a {
    color:#000;
    font-weight:bold;
    text-decoration:none;
}

a:hover {
    color:#cdcdcd;
    text-decoration:underline;
}





img {
    max-width:100%;
    display:block;
}

img.center {
    display:block;
    margin: 0 auto;
}




input, button, textarea, select {
    font:inherit
}

button, select {
    border:0;
    background:transparent;
    padding:0
}


select {
    -webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;color:#880808;cursor:pointer
}

.button,.button-select {
    background:#880808;
    border-radius:3px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:1.3rem;
    margin:.66rem 0;
    padding:1rem;
    width:100%;
    font-weight:bold;
    text-align:center;
    transition:.1s;
}

.button:hover,.button-select:hover {
    background:#D22B2B;
    color:#fff;
}

a.button,a.button-select {
    text-decoration:none
}

.input,.select,input[type=date],input[type=email],input[type=number],input[type=tel],input[type=text],input[type=password],select,textarea {
    background-color:#fff;
    border:1px solid #adb5bd;
    border-radius:3px;
    color:#880808;
    font-size:1.3rem;
    padding:.75rem;
    width:100%;
}

.input:hover:not(:disabled),.select:hover:not(:disabled),input[type=date]:hover:not(:disabled),input[type=email]:hover:not(:disabled),input[type=number]:hover:not(:disabled),input[type=tel]:hover:not(:disabled),input[type=text]:hover:not(:disabled),textarea:hover:not(:disabled) {
    border:1px solid #6c757d;
}

.input:focus,.select:focus,input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus {
    border:1px solid #880808;
}

.input:disabled,.select:disabled,input[type=date]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=tel]:disabled,input[type=text]:disabled,textarea:disabled {
    background-color:#f8f9fa;
    border:1px solid #e9ecef;
    color:#6c757d;
    -webkit-text-fill-color:#6c757d;
}

.input::-webkit-inpsut-placeholder,.select::-webkit-inpsut-placeholder,input[type=date]::-webkit-inpsut-placeholder,input[type=email]::-webkit-inpsut-placeholder,input[type=number]::-webkit-inpsut-placeholder,input[type=tel]::-webkit-inpsut-placeholder,input[type=text]::-webkit-inpsut-placeholder,textarea::-webkit-inpsut-placeholder {
    color:#c3c3c3;
}

.input:-ms-input-placeholder,.select:-ms-input-placeholder,input[type=date]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color:#c3c3c3;
}

.input::placeholder,.select::placeholder,input[type=date]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,textarea::placeholder {
    color:#c3c3c3
}

input[value=""]:not(:focus)::-webkit-datetime-edit { 
    color:#c3c3c3;
}
    
select {
    -webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;color:#880808;cursor:pointer
}

.select{
  background-image:url('/img/background.png');
  background-position:right .75rem top 50%;
  background-repeat:no-repeat;
  background-size:.75em auto;padding-right:2rem
}



form input:focus, form select:focus, form textarea:focus {
	background-color:#f2dfb7;
}






label,.label {
    display:block;margin:1rem 0;
}

label>span,.label>span {
    color:#fff;font-size:1.1rem
}

label>span:first-child,.label>span:first-child {
    display:inline-block;padding:.25rem 0;
}

label.required>span::after, .label.required>span::after {
    content:" *"
}

@media(min-width: 1400px) {
    label,.label{margin:1.5rem 0
}
}








.menu-btn, .close-btn
{
	position: absolute;
	//top:10px;
	right: 25px;
	font-size: 20px;
	color: blue;
	cursor: pointer;
}



.menu-btn
{
	top: 10px;
}



.close-btn
{
	top: 0;
}




.side-bar
{
	position: fixed;
	top: 100px;
	right: -100%;
	width: 310px;
	height: 100%;
	overflow-y: auto;
	background: rgba(0, 0, 0, 0.5);
	transition: 0.6s ease;
	transition-property: right;
	z-index:5000;
}
.side-bar.active
{
	right: 0;
}
.side-bar .menu
{
	width: 100%;
	margin-top: 60px;
}
.side-bar .menu .item
{
	cursor: pointer;
}
.side-bar .menu .item a 
{
	display: flex;
	align-items: center;
	text-decoration: none;
	line-height: 48px;
	color: #fff;
	padding: 4px 28px;
}
.side-bar .menu .item a:hover
{
	background: #f19d56;
	transition: 0.4s;
}
.side-bar .menu .item i 
{
	margin-right: 14px;
}
.side-bar .menu .item a .dropdown
{
	position: absolute;
	right: 14px;
	transition: 0.4s;
}
.side-bar .menu .item a .dropdown.rotate
{
	transform: rotate(90deg);
}
.side-bar .menu .item .sub-menu
{
	display: none;
	background: rgba(255, 255, 255, 0.1);
}
.side-bar .menu .item .sub-menu a 
{
	padding-left: 80px;
}











 
.row{
  margin-right:-15px;margin-left:-15px
}    
    
    
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
  position:relative;min-height:1px;padding-right:15px;padding-left:15px
}    
    
    
@media (min-width:768px){

.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
  float:left;
}

.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%;
    
}
}   
    
    
.row:after,.row:before{display:table;content:" "}    
    
.row:after{clear:both}    
    
    












.crunchify-top:hover {
	color: #fff !important;
	background-color: #ed702b;
	text-decoration: none;
}
 
.crunchify-top {
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	width: 3.2rem;
	height: 3.2rem;
	line-height: 3.2rem;
	font-size: 1.4rem;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	border-radius: 3.2rem;
	text-align: center;
	cursor: pointer;
}







footer { 
 position:relative;

}


footer {
    color:#414d7a;
    text-align:center;
    padding:1.5rem .5rem 2rem;
    margin:0 auto;
    max-width:600px;
    background:#ffffff;
}

footer *{
    font-size:1.5rem
}

@media(max-width: 700px) {
    
footer * {
    font-size:1.2rem
}
}



footer a {
    color:#343a40;
    font-weight:bold;
    text-decoration:none
}

footer a:hover { 
    color:inherit;text-decoration:underline
}


footer ul {
    padding:0;
    margin:25px 0;
}

footer li {
    list-style:none;margin:0 1em;display:inline-block
}