/* Desktops and laptops ----------- */
@media (min-width: 769px) {
	
	@font-face {
    font-family: 'si'; 
    src: url('../fonts/socicon-1.3/socicon.eot');
    src: url('../fonts/socicon-1.3/socicon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/socicon-1.3/socicon.woff') format('woff'),
         url('../fonts/socicon-1.3/socicon.ttf') format('truetype'),
         url('../fonts/socicon-1.3/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bodonixtregular';
    src: url('../fonts/bodonixt-webfont.eot');
    src: url('../fonts/bodonixt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bodonixt-webfont.woff2') format('woff2'),
         url('../fonts/bodonixt-webfont.woff') format('woff'),
         url('../fonts/bodonixt-webfont.ttf') format('truetype'),
         url('../fonts/bodonixt-webfont.svg#bodonixtregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a, a:active, a:visited {
    border-bottom: 1px solid #a69164;
    color: #a69164;
    outline: 0 none;
    text-decoration: none;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}


a:hover {
   color:#756743;
   text-decoration:none
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(../fonts/socicon-1.3/socicon.svg) format(svg);
    }
}

body{
	font-kerning: normal;
}

.header {
    margin: 10px 0 0;
    max-height: 1050px !important;
    overflow: hidden;
    position: relative;
}

.soc {
    float: right;
    font-family: "Lato",sans-serif;
    height: 27px;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.soc li a:hover{
	background-color:#b2b2b2;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.si_logo {
    margin-top: 20px;
    position: relative;
}

.si_logo a{
	text-decoration:none;
	border:0px;
}

.si_logo .line {
    background-image: url("../img/line.jpg");
    background-position: left center;
    background-repeat: repeat-x;
    height: 28px;
    left: 300px;
    position: absolute;
    right: 0;
    top: 0;
}


.soc li.first {
    float: left;
    font-size: 12px;
    height: 27px;
    line-height: 27px;
    margin-right: 5px;
}



.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 27px;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-right: 0px;
    color: #ffffff;
    background-color: #9e9e9e;
}

.section{
	min-height:700px
}

.title {
	margin:10px 0 5px;
}

.dek {
    color: #756744;
    font-family: "bodonixtregular";
    font-size: 75px;
    letter-spacing: 0;
    line-height: 60px;
    margin: 20px 0 0;
    max-width: 50%;
    text-transform: uppercase;
    word-spacing: -5px;
}

.desc {
    font-family: "Crimson Text",serif;
    font-size: 19px;
    line-height: 150%;
    margin: 30px 0 0;
    max-width: 40%;
}




.container {
    margin: 0 auto 40px;
    position: relative;
}

.figure {
    position: absolute;
    right: -5%;
    top: 0;
    z-index: 9;

    animation-name: bobbingAnim;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-play-state: running;
    -webkit-animation-name: bobbingAnim;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
}

.sig {
    bottom: 15%;
    position: absolute;
    right: 7%;
    z-index: 10;
}

.title img{
	width:100%;
	height:auto	
}

.soc-icon-last{
    margin:0 !important;
}

.soc-twitter:before {
    content:'a';
}
.soc-facebook:before {
    content:'b';
}

.covers{
	background-color:#000;
	min-height:300px;
	padding:60px 0;
	position:relative;
	background-image:url(../img/cover_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat
}

.gallery-section {
    background-color: #000;
    min-height: 200px;
    overflow: hidden;
    padding: 50px 0 0;
    position: relative;
}

.gallery-section-first {
    min-height: 200px;
    overflow: auto;
    padding: 50px 0 0;
    position: relative;
}

.gallery-section .container p {
    color: #fff;
    font-family: "Crimson Text",serif;
    font-size: 19px;
    line-height: 28px;
    margin: 20px 80px 0 0;
}

.covers .container p {
    color: #fff;
    font-family: "Crimson Text",serif;
    font-size: 25px;
    line-height: 150%;
    margin: 25px 80px 0 0;
}

.new_cover {
    float: left;
    margin: 30px 30px 0 0;
}




.date {
    color: #c0a96f;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 11px;
    line-height: 14px;
    margin: 10px 0 7px;
    padding: 0;
    text-transform: uppercase;
}

.magtitle{
	font-family: "bodonixtregular";
	font-size:20px;
	line-height:24px;
	color:#FFF;
	margin:0;
	padding:0;
	display:block
}

h2.sec-title {
    color: #fff;
    font-family: "bodonixtregular";
    font-size: 28px;
    font-weight: normal !important;
    letter-spacing: 3px;
    margin: 0;
    text-transform: uppercase;
}

.gold-line {
    background-color: #c0a96f;
    height: 1px;
    margin: 5px 0 0;
    max-width: 500px;
    width: 100%;
}

.caption {
	font-family: "Lato",sans-serif;
	font-size:11px;
	color:#666
}

.topright {
    position: absolute;
    right: 10px;
    top: 5px;
}


.covergallery{
	position:relative
}

#main {
    margin-top: 80px !important;
    overflow: hidden;
    position: relative;
	padding-top:20px
}

ul, li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

#tiles p {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

#tiles li {
	max-width: 250px;
	   margin: 0 ;
    padding: 0 0 30px;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

#tiles li a:hover{
	display:block;
	text-decoration:none;
}

#tiles li a{
	border-bottom:0px;
	  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

#tiles li a:hover .magtitle{
	color:#ccc;
	display:block;
	text-decoration:none;
	  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;

}

#tiles li a.nolink{
	display:block;
	color:#666;
	text-decoration:none;
	pointer-events: none;
   cursor: default;
}

#tiles li a.nolink .magtitle{color:#666;}





/* NEW CSS */

.rslides_container {
    margin: 50px auto;
    max-width: 1200px;
    min-height: 0;
    position: relative;
}

.longform {
	color: #fff;
    font-family: "Crimson Text",serif;
    font-size: 20px;
    font-weight: normal !important;
    letter-spacing: 0px;
	text-decoration:none;
}


.longform a{
	 color: #c0a96f;
	 border:0px;
    font-family: "Crimson Text",serif;
    font-size: 20px;
    font-weight: normal !important;
    letter-spacing: 0px;
	text-decoration:none;
}

.quotes{
	margin:50px 0;
}

.quotes p {
    font-family: "Crimson Text",serif;
    font-size: 19px;
    margin: 30px auto;
    max-width: 770px;
    text-align: center;
}

.quotes .gold-line{
	text-align:center;
	margin:0 auto
}

.quote-block{
	max-width: 600px;
	margin:40px auto;
	text-align:center
}

.quote-block .quotation{
	font-family: "bodonixtregular";
    font-size: 26px;
}

.quote-block .by {
    font-family: "Lato",sans-serif;
    font-size: 17px;
    margin: 10px auto;
    max-width: 290px;
}

.quote-block .gold-line{
	width:130px;
	overflow:hidden;
	margin: 20px auto;
}

#footer .frame {
    background: #181818 none repeat scroll 0 0;
    text-align: center;
	color:#eee
}

#footer a{
	border-bottom:0px;
}

#footer .content {
    font: 11px/16px Arial,Helvetica,sans-serif;
    margin: 0 auto;
    max-width: 600px;
    padding: 20px 0 5px;
    width: 80%;
}

#footer .content p{
	margin:10px 0
}

#ad_choices {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

/* NEW CSS */

@keyframes bobbingAnim {
   0% {
       transform: translate(0px, 0px);
       animation-timing-function:ease-in-out
   }

   50% {
       transform: translate(0px, 10px);
       animation-timing-function:ease-in-out
   }

   100% {
       transform: translate(0px, 0px);
       animation-timing-function:ease-in-out
   }
}

@-webkit-keyframes bobbingAnim {
   0% {
       -webkit-transform: translate(0px, 0px);
       -webkit-animation-timing-function:ease-in-out
   }

   50% {
       -webkit-transform: translate(0px, 10px);
       -webkit-animation-timing-function:ease-in-out
   }

   100% {
       -webkit-transform: translate(0px, 0px);
       -webkit-animation-timing-function:ease-in-out
   }
}

}