@font-face {
    font-family: "fruit";
    src: url('../fonts/FrutigerLTStd-BoldCn.woff') format("woff"); 
      font-weight: Bold;
    font-style: normal;
}

.clearfix {
	clear: both;
}

.eupopup-container {
	background-color: rgba(25, 25, 25, 0.9);
	color: #efefef;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	display: none;
	z-index: 9999999;
}

.switchpopup-container {
   background: url(tilleyGreenCoffee.jpg) no-repeat top right ; 
   background-size: 300%;
        
	color: #efefef;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	display: none;
        z-index: 9999998;
	
	/*top: 0; left:auto; right:auto;*/
   

        min-width:950px;
        background-color: rgba(25, 25, 25, 0.9);
        width:100%;
        height:2000px;
        position:absolute;
        top:0px;
}



.eupopup-container-top,
.eupopup-container-fixedtop {
	position: absolute;
	top: 0px; 
        left:0px;
        right:0px; 
}


.switchpopup-closebutton,
.eupopup-closebutton {
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	color: #a2a2a2;
	filter: alpha(opacity=20);
	position: absolute;
	font-family: helvetica, arial, verdana, sans-serif;
	top: 0; right: 0;
	padding: 5px 10px;
}

.switchpopup-closebutton:hover,
.switchpopup-closebutton:active,
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
	color: #fff;
	text-decoration: none;
}

.eupopup-head,
.eupopup-head {
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px;
	color: #fff;
}

.switchpopup-body ,
.eupopup-body {
	color: #a2a2a2;
}


.switchpopup-container > h1
{ font-size:78px;
  font-family:fruit;
  color:white;
  position:relative;
  top:200px}

.switchpopup-buttons {width:950px;margin:auto;
                      text-decoration:none;}
.switchpopup-buttons a{display:block;
                       height:300px;
                       width:750px;
                       
                       position:relative;}
.switchpopup-buttons a:hover {text-decoration:none;}

/*trade*/
.switchpopup-button_1  {top:600px;
                        left:10%;
                        /* background-color:red; */
}


/*shop */
.switchpopup-button_2 {top:000px;
                       left:10%;
                      /* background-color:blue; */
}

.eupopup-buttons {
	padding: 7px 0 5px 0;
}


.eupopup-button_1 {
	color: #a4d767;
	font-weight: bold;
	font-size: 14px;
}


.eupopup-button_2 {
	color: #a4d767;
	font-weight: normal;
	font-size: 12px;
}

.switchpopup-button_1,
.switchpopup-button_2 {
        color: white !important;
        text-align:left;
	font-weight: normal;
	font-size: 48px;
        line-height:80px;
}
.switchpopup-button_1 h1,
.switchpopup-button_2 h1 {
        text-align:left;
	color: white;
	font-weight: bold;
	font-size: 78px;
        line-height:80px;
        font-family:'fruit';
}

.switchpopup-button_1 span,
.switchpopup-button_2 span {
    color: #a4d767;
}

.switchpopup-button,
.eupopup-button {
	margin: 0 10px;
}

.switchpopup-button:hover,
.switchpopup-button:focus,
.eupopup-button:hover,
.eupopup-button:focus
{
	text-decoration: underline;
	color: #f6a21d;
}

body .switchpopup-color-inverse,
body .eupopup-color-inverse {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
}

body .switchpopup-color-inverse .switchpopup-head,
body .eupopup-color-inverse .eupopup-head {
	color: #000;
}

body .switchpopup-style-compact,
body .eupopup-style-compact {
	text-align: left;
	padding: 8px 30px 7px 20px;
	line-height: 15px;
}


body .switchpopup-style-compact .switchpopup-head,
body .switchpopup-style-compact .switchpopup-body,
body .switchpopup-style-compact .switchpopup-buttons,

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
	display: inline;
	padding: 0;
	margin: 0;
}

body .switchpopup-style-compact .switchpopup-button,
body .eupopup-style-compact .eupopup-button {
	margin: 0 5px;
}

@media  (min-width: 480px)  {
    
    .switchpopup-container > h1
    { font-size:40px;
      text-align:left;
      top:130px}


       .switchpopup-container {  
        background: url(tilleyGreenCoffee.jpg) no-repeat top right ; 
        background-size: 150%;
        height:4000px;
        background-color: rgba(25, 25, 25, 0.9);
        
     
     }
    
            .switchpopup-button_1,
            .switchpopup-button_2 {
                font-size: 24px;
                line-height:24px;
        }
        .switchpopup-button_1 h1,
        .switchpopup-button_2 h1 {

                font-size: 48px;
                line-height:48px;

        }
        
        .switchpopup-buttons a{
                       height:100px;
                       width:375px;
}

        /*trade*/
        .switchpopup-button_1  {top:270px;
                                left:5%;
                             }


        /*shop */
        .switchpopup-button_2 {top:050px;
                               left:5%;
                            }
        
}
@media  (min-width: 768px)  {
        .switchpopup-container > h1
    { font-size:40px;
      text-align:left;
      top:130px}


       .switchpopup-container {  
        background: url(tilleyGreenCoffee.jpg) no-repeat top right ; 
        background-size: 175%;
        height:4000px;
          background-color: rgba(25, 25, 25, 0.9);
     }
    
            .switchpopup-button_1,
            .switchpopup-button_2 {
                font-size: 24px;
                line-height:24px;
        }
        .switchpopup-button_1 h1,
        .switchpopup-button_2 h1 {

                font-size: 48px;
                line-height:48px;

        }
        
        .switchpopup-buttons a{
                       height:100px;
                       width:375px;
}

     /*trade*/
        .switchpopup-button_1  {top:140px;
                                left:42%;
                             }


        /*shop */
        .switchpopup-button_2 {top:40px;
                               left:0%;
                            }
    
    
}

@media  (min-width: 981px) {
    
        .switchpopup-container > h1
       { font-size:40px;
         text-align:left;
         top:100px}


          .switchpopup-container {  
           background: url(tilleyGreenCoffee.jpg) no-repeat top left ; 
           background-size: 100%;
           height:2000px;
             background-color: rgba(25, 25, 25, 0.9);
        }
    
        .switchpopup-button_1,
        .switchpopup-button_2 {
                font-size: 24px;
                line-height:24px;
        }
        .switchpopup-button_1 h1,
        .switchpopup-button_2 h1 {

                font-size: 48px;
                line-height:48px;

        }
        
        .switchpopup-buttons a{
                       height:100px;
                       width:375px;
        }

        /*trade*/
        .switchpopup-button_1  {top:150px;
                                left:40%;
                             }


        /*shop */
        .switchpopup-button_2 {top:50px;
                               left:0%;
                            }
    
                            
    
}