@font-face {
    font-family: 'CenturyModernFSRegular';
    src: url('/fonts/centurymodernfs_book_macroman/CenturyModern-Book-webfont.eot');
    src: url('/fonts/centurymodernfs_book_macroman/CenturyModern-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/centurymodernfs_book_macroman/CenturyModern-Book-webfont.woff') format('woff'),
         url('/fonts/centurymodernfs_book_macroman/CenturyModern-Book-webfont.ttf') format('truetype'),
         url('/fonts/centurymodernfs_book_macroman/CenturyModern-Book-webfont.svg#CenturyModernFSRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
     overflow: -moz-scrollbars-vertical;
     overflow-y: scroll;
}
html, body {
    padding: 0;
    margin: 0;
    line-height: 20px;
}

body{

    background: #000 url(/css/gfx/GLP-background.jpg) no-repeat top;
}


h1, h2, p, a { font-family:'CenturyModernFSRegular', Century, "Century Schoolbook", "Century Schoolbook L", Garamond, "Apple Garamond", Georgia, Times, 'Times New Roman', serif; }
h1, li , a, a:hover { color: #6b5d23; }

a  { font-size: 14px; cursor:pointer; text-decoration:none; }
h1 { font-size: 21px; font-weight: 500; margin-bottom: -8px; margin-top: 6px;}
h2 { font-size: 16px; font-weight: 500;}

.dux-content, .duxiana-content { display:block; opacity: 1; }

.shadow {
   -webkit-box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, .5);
    box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, .5);
}

.complete-wrapper {
    width: 1199px;
    margin: 76px auto 0 auto;
}

.dux-footer-img {
    margin-top: 63px;
}
.duxiana-wrapper, .dux-wrapper
{
    width: 48%;
    max-width: 579px;
    height: 703px;
    background: #dcdbd7;
    position: relative;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding: 0;
    top: 0;
}
.duxiana-wrapper:hover, .dux-wrapper:hover {   
    padding:10px;
    background: #eae9e7;    
}

.dux-wrapper {    
    float: left;
    left:0;
}

.duxiana-wrapper {
    float:right;   
    right:0;
}

.dux-wrapper:hover{
    top:-10px;
    left:-10px;
}

.duxiana-wrapper:hover {
    top:-10px;
    right:-10px;
}


.international .dux-wrapper:hover{
     top:-10px;
     left:auto;
     right:-10px;
}

.international .duxiana-wrapper:hover{
    top:-10px;
    right:auto;
    left:-10px;
}

.international .dux-wrapper {
    float: right;   
    left:auto;
    right:0;
}
.international .duxiana-wrapper {
    float:left;   
    right:auto;
    left:0;
}



.page-wrapper {
    display: block;
    width: 471px;
    margin: 0 auto;
    overflow:hidden;
}

.select-text {
    margin-bottom: 9px;
    font-size: 14px;
}

.region-text {
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    margin-bottom: -16px;
    font-weight: 600;
}

.dux-image-wrapper { padding-top: 35px; width: 192px; margin: 0 auto; }
.duxiana-image-wrapper { padding-top: 38px; width: 289px; margin: 0 auto; }

ul { margin-left: -22px; }
li { font-size: 12px; }
.dux-list li { line-height: 23px; }
.ul-wrapper-left ul li, ul-wrapper-right ul li { line-height: 20px; }
.ul-wrapper-right { float: right; width: 221px;}
.ul-wrapper-left{ float: left; }


/*--------Hover Effect----------*/
.offHover{
    transform:scale(1.0);
    -ms-transform:scale(1.0); /* IE 9 */
    -webkit-transform:scale(1.0); /* Safari and Chrome */
    
    transition: all .6s ease;
    -webkit-transition: all .6s ease; /* Safari */
}

.onHover{  
    transform:scale(1.02);
    -ms-transform:scale(1.02); /* IE 9 */
    -webkit-transform:scale(1.02); /* Safari and Chrome */

    transition: all .6s ease;
    -webkit-transition: all .6s ease; /* Safari */
    background: #eae9e7;

}

.mobile-heading {
    display: none;
    color: #000;
    text-align: center;
    font-size: 35px;
    line-height: 32px;
    margin-top: -35px;
    padding-bottom: 28px;
}


/*--------Media Queries-------*/

@media only screen 
and (max-width : 1225px) {
/* Styles */
    .complete-wrapper{ width: 99%; }
}

/* iPads (landscape) ----------- */
@media only screen 
and (max-width : 1024px) {
/* Styles */
    body{ background-size:cover; }

    .complete-wrapper{ margin-top: -30px; width: 100%; padding-bottom: 45px; }
    .dux-wrapper, .duxiana-wrapper, .international .dux-wrapper, .international .duxiana-wrapper{
        float:none;
        margin: 50px auto 0 auto;
        width: 100%;
        position: relative;
        clear:both;
		overflow:hidden;
    }
    .dux-wrapper:hover, .duxiana-wrapper:hover, .international .dux-wrapper:hover, .international .duxiana-wrapper:hover{
        padding: 10px;
        top:auto;
        left:auto;
        right: auto;
    }

    .duxiana-wrapper { height: 718px; }
    .page-wrapper{ width: 470px; }

    .onHover{ background: #eae9e7; }
}

@media only screen 
and (max-width : 707px) {
/* Styles */

    .dux-wrapper, duxiana-wrapper, .international .dux-wrapper, .international .duxiana-wrapper{ height: 100%; }
    .dux-footer-img { display:none; }
    .page-wrapper {width: 86%;}
    
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 625px) {
    /* Styles */
    body {
        background: #dcdbd7;
    }
    .complete-wrapper { width: 100%; padding-bottom: 0px; padding-top: 15%; overflow: hidden; }
    .dux-wrapper, .duxiana-wrapper, .international .dux-wrapper, .international .duxiana-wrapper { margin: 0 auto 20px; height:auto; box-shadow:none!important;}
    .dux-wrapper:hover, .duxiana-wrapper:hover, .international .dux-wrapper:hover, .international .duxiana-wrapper:hover{
        padding: 0;
        top:auto;
        left:auto;
        right: auto;
        background:transparent;
    }
   
    .duxiana-image-wrapper img { width: 100%; height: 100%; }
    .dux-image-wrapper, .duxiana-image-wrapper {
        cursor: pointer;
        margin-bottom: 2px;
        border-radius: 4px;
        border-top: 1px solid #f2efe5;
        -webkit-box-shadow: 0px 0px 1px 1px #ccc7b3;
        box-shadow: 0px 0px 1px 1px #ccc7b3;
        width:100%;
        padding:20px 0;
    }
    .dux-image-wrapper img, .duxiana-image-wrapper img     { width: auto; max-width:100%; height: auto; margin:0 auto; display:block; }
    .ul-wrapper-right { float: left; width: 100%; margin-right: -14px; }
    h1, h2 { display:none; }
    .page-wrapper { width: 80%; overflow:visible; }
    .dux-content, .duxiana-content     { display:none; }
    .dux-content.active, .duxiana-content.active { display: block; }
    .mobile-heading { display: block; font-size: 24px; margin:0; margin-bottom: 20px;  padding:0; }

}