@charset "utf-8";
/* CSS Document */
*,::after,::before{box-sizing:inherit}html{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}img{max-width:100%;height:auto; vertical-align:middle;}
article{ display:block;}
.clear{ clear:both;}
body{font-family: 'Roboto', sans-serif; font-size:13px;overflow-x: hidden; transition:.4s; }
ul,li{ margin:0; padding:0; list-style:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   font-weight:normal; color:#6c6c6c; letter-spacing:2px;
}
::-moz-placeholder { /* Firefox 19+ */
  font-weight:normal; color:#6c6c6c; letter-spacing:2px;
}
:-ms-input-placeholder { /* IE 10+ */
  font-weight:normal; color:#6c6c6c; letter-spacing:2px;
}
:-moz-placeholder { /* Firefox 18- */
  font-weight:normal; color:#6c6c6c; letter-spacing:2px;
}
.p-tb-10{ padding:10px 0;}
.l-space-for{ font-size:10px; letter-spacing:3px; text-transform:uppercase; }
.hm-wrapper {width: 100%;padding: 0;display: table;height: 100%;position: absolute;top: 0;left: 0;margin: 0; }
.hm-wrapper .inner {padding: 0;vertical-align: middle;display: table-cell;margin: 0;}
.hm-menu {width: 100%;margin: 0 auto;text-align: center;}
.hm-menu ul{ margin:0; list-style:none;display:inline-block; text-align:center;font-family: 'Roboto', sans-serif;  }
.hm-menu ul li{  color:#7f7f7f; display:inline-block;}
.hm-menu ul li a{ font-size:12px; line-height:26px; color:#7f7f7f; letter-spacing:5px; text-transform:uppercase; text-decoration:none; padding:5px 10px; }
.hm-menu ul li a:hover{ font-weight:500;}
.hm-menu ul li i{ font-size:10px; color:#b3b3b3; padding-right:5px;}
.in-menu {width: 100%;margin: 0 auto;text-align: center;}
.in-menu ul{ margin:0; list-style:none;display:inline-block; text-align:center;font-family: 'Roboto', sans-serif; vertical-align:middle; }
.in-menu ul li{color:#7f7f7f; display: inline-block;margin-bottom:10px}
.in-menu ul li a{ font-size:12px; color:#434343; letter-spacing:5px; text-transform:uppercase; text-decoration:none; margin:0 18px; }
.in-menu ul li a:hover{ font-weight:500;letter-spacing:5px;}
.abt-head{ font-size:14px; font-weight:500; text-transform:uppercase; color:#565656; letter-spacing:5px; float:left;}
.left-bx{ width:10%; height:100%; float:left;  }
.left-bx span a{ font-size:11px; color:#bc3633; letter-spacing:3px; text-transform:uppercase; text-decoration:none; }
.left-bx-rm span a{ font-size:11px; color:#bc3633; letter-spacing:3px; text-transform:uppercase; text-decoration:none; }
.left-bx-fixed{ height:100%; width:14%; float:left; position:fixed; top:0;  z-index:99;   }
.left-bx-fixed span a{ font-size:11px; color:#bc3633; letter-spacing:3px; text-transform:uppercase; text-align:center; text-decoration:none; }
.left-bx-fixed-ten{ height:100%; width:10%; float:left; position:fixed; top:0;  z-index:99;   }
.left-bx-fixed-ten span a{ font-size:11px; color:#bc3633; letter-spacing:3px; text-transform:uppercase; text-align:center; text-decoration:none; }
.logo{ width:100%; float:left; }
.mn-page-link{ position:absolute; top:64px; left:110px;font-size:11px; color:#bc3633; letter-spacing:3px; text-transform:uppercase; z-index:100;}
.mn-page-link a{ font-size:11px; color:#bc3633; letter-spacing:3px; text-transform:uppercase; text-decoration:none;} 
#back a{ width:100%;padding:30px 0 0 0px; float:left;transition: all .2s ease-in-out; text-align:center; text-decoration:none; display:block; }
#back a span{font-size:11px; color:#bc3633; letter-spacing:3px; text-transform:uppercase; text-align:center; text-decoration:none; line-height:30px}
.bk-arrow-push{ margin-top:-2px }
#back span{ padding-left:6px; }
#back img:hover{transform: scale(1.1);}
.center-bx{ width:80%; height:100%; float:left; padding-top:60px;}
.right-bx{ width:10%; height:100%;  float:left; }
.abt-top-trd{  position:fixed; right:0; z-index:50}
.abt-top{ width:100%; float:left;}
.about-links{ float:right; margin-right:-2px;}

.about-links ul li{ float:left; }
.about-links ul li a{ float:left; text-decoration:none; font-size:11px; color:#da3636; text-transform:uppercase; letter-spacing:3px; }
.about-links ul li a:hover{ font-weight:500;}
.about-links ul li:nth-child(1){ padding-right:20px;}
.grey-links{ float:right; padding:23px 56px 0 0;}
.grey-links ul li{ float:left; }
.grey-links ul li a{ float:left; text-decoration:none; font-size:11px; color:#464646; text-transform:uppercase; letter-spacing:3px; }
.grey-links ul li a:hover{ font-weight:500;}
.grey-links ul li:nth-child(1){ padding-right:20px;}
.arrow-bx{ width:100%; float:left;margin:15px 0; position:relative; padding-right:14px;}
.arrow-bx-musings{ right:40px; top:53px; position:fixed;}
.abt-prev{ position:absolute; top:50px; left:-50px; z-index:100}
.abt-next{ float:right;}

.about-bx{ }
.about-lft-bx{ width:80%; float:left; text-align:left; padding-right:20px;box-sizing:border-box; text-align:justify}
.resume-link{ font-size:11px; color:#bc3633; letter-spacing:5px; text-transform:uppercase;}

.about-lft-bx h4{  font-size:15px; font-weight:500; line-height:24px; color:#565656;  text-align:left; padding:0; }
.about-lft-bx p{  font-size:14px; line-height:24px; color:#565656; margin-bottom:10px;}
.about-ryt-bx{ width:20%; float:left;}
.about-ryt-bx .image{ float:left;}
.about-ryt-bx .name{font-size:12px; text-transform:uppercase; color:#565656; letter-spacing:5.5px; margin-top:20px; text-align:right;}
.about-ryt-bx .moments{  font-size:12px; text-transform:uppercase; color:#bc3633; letter-spacing:4px; display:block; text-align:right; margin-top:20px;}
.about-ryt-bx .moments a{color:#bc3633; text-decoration:none}
.about-ryt-bx .moments a:hover{ font-weight:500;}
.achievement-popup{ padding:10px; text-align:center;}
#achievement-title{font-family: 'Roboto', sans-serif; font-size: 13px; font-weight:500; text-transform:uppercase; letter-spacing:3px; color:#464646;}

	/************************************
 * Close button
************************************/
#closemt-container {
	position:absolute;z-index:10;
	width:100%;
	text-align:right;
	margin:20px 0; padding-right:20px; 
}
#closemt-container a { font-size:12px;color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:4px }
#closepr-container {position:absolute; width:10%;z-index:10; margin-top:150px; margin-left:0px; letter-spacing:4px;}
#closepr-container a { font-size:11px; line-height:30px;color:#474747; font-weight:normal; text-decoration:none; text-transform:uppercase;  display:block; text-align:center;}
#closesy-container {position:absolute; width:12%;z-index:10; margin-top:150px; margin-left:0px;}
#closesy-container a { font-size:11px; line-height:30px;color:#474747; font-weight:normal; text-decoration:none; text-transform:uppercase; letter-spacing:4px; display:block; text-align:center;}
#closews-container {position:absolute; width:12%;z-index:10; margin-top:150px; margin-left:0px;}
#closews-container a { font-size:11px; line-height:30px;color:#474747; font-weight:normal; text-decoration:none; text-transform:uppercase; letter-spacing:4px; display:block; text-align:center;}
#closetl-container {position:absolute; width:12%;z-index:10; margin-top:150px; margin-left:0px;}
#closetl-container a { font-size:11px; line-height:30px;color:#474747; font-weight:normal; text-decoration:none; text-transform:uppercase; letter-spacing:4px; display:block; text-align:center;}
#closebk-container {position:absolute; right:20px; bottom:20px;z-index:10;  margin-left:0px;}
#closebk-container a { font-size:11px; line-height:30px;color:#474747; font-weight:normal; text-decoration:none; text-transform:uppercase; letter-spacing:4px; display:block; text-align:center;}


.contact-bx{ margin-top:0px; color:#fff;}
.contact-lft-bx{ width:80%; float:left; text-align:left; padding-right:15px;}
.contact-lft-bx p{color:#2a2a2a; text-transform:uppercase;}
.contact-name{ font-size:11px; color:#2a2a2a; letter-spacing:4px;}
.contact-mail{font-size:10px; color:#2a2a2a; letter-spacing:5px; margin-top:25px; display:block;}
.contact-mail i{ font-size:30px; color:#535353;}
.leave-msg{font-size:11px; color:#6c6c6c; letter-spacing:2px;}
.contact-form-bx{ width:60%; margin-top:40px;}
.form-input{ width:100%; float:left; margin-bottom:5px;}
.contact-form-bx input, .contact-form-bx textarea{font-family: 'Roboto', sans-serif; font-size:12px; color:#6c6c6c; width:100%; padding:8px 10px; border:1px solid #a6a6a6;}
.contact-form-bx input:focus, .contact-form-bx textarea:focus{ outline:0;}
.form-submit{ width:100%; float:left; margin-bottom:5px; text-align:right}
.contact-form-bx .sbmt{ background-color:#a6a6a6; font-size:15px; color:#fff; border:none; display:inline-block; float:right;}
.contact-form-bx .sbmt:hover{ background-color:#919191;}
.contact-bottom{ width:100%; float:left; margin-top:40px;}
.contact-bottom .nbr{ float:left; font-size:14px; color:#2a2a2a; letter-spacing:4px;}
.contact-bottom .social-ico{ float:right; font-size:26px; color:#9b9b9b;}
.contact-bottom .social-ico a{  font-size:26px; color:#9b9b9b;}



.guest-bx{ margin-top:0px; color:#fff;}
.guest-lft-bx{ width:100%; float:left; text-align:left; padding-right:15px;}
.guest-lft-bx p{ color:#565656; letter-spacing:3px;}
.guest-form-bx{ width:50%; margin-top:40px;}
.guest .form-input{ width:100%; float:left; margin-bottom:5px;}
.guest-form-bx input, .guest-form-bx textarea{font-family: 'Roboto', sans-serif; font-size:12px; color:#6c6c6c; width:100%; padding:8px 10px; border:1px solid #a6a6a6;}
.guest-form-bx input:focus, .guest-form-bx textarea:focus{ outline:0;}
.guest .form-submit{ width:100%; float:left; margin-bottom:5px; text-align:right}
.guest-form-bx .sbmt{ background-color:#a6a6a6; font-size:15px; color:#fff; border:none; display:inline-block; float:right;}
.guest-form-bx .sbmt:hover{ background-color:#919191;}


.scroll-bar-top{position:absolute; top:0; right:0; width:4px; height:30%; background-color:#b93735}
.scroll-bar-middle{position:absolute; top:30%; right:0; width:4px; height:30%; background-color:#b93735}
.scroll-bar-bottom{position:absolute; bottom:0; right:0; width:4px; height:30%; background-color:#b93735}

.center-bx-trd{ width:100%; height:100%; float:left; background-color:#fff;  display:table; text-align:center; position:relative; }
.center-bx-trd .inner { width:100%;padding: 0;vertical-align: middle;display: table-cell; }
.trd-page-bg{position:absolute; top:0; width:100%; height:100%;}
.trd-page-bg img{width:100%;}
#bg div{position:absolute;width:100%;height:100%;}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
.trd {
    max-width: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
}
.cover-grid-trd{ margin-top:84px; margin-bottom:84px;  }
.cover-grid{  }
.cover-col-one{ display:inline-block; vertical-align:middle; margin:-2px; text-align:right}
.cover-col-one img{ max-width:100%; border:0; opacity:.3; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.cover-col-one img:hover{webkit-transform: scale(.97);-moz-transform: scale(.97);-o-transform: scale(.97);transform: scale(.97); opacity:1;}

.phcover-col-one{ display:inline-block; vertical-align:middle; margin:-2px; margin-top:30px;  text-align:right}
.phcover-col-two{ display:inline-block; vertical-align:middle; margin:-1px; margin-top:-30px; text-align:right}
.phcover-col-one img,.phcover-col-two img{ max-width:100%; border:0; opacity:.3; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.phcover-col-one img:hover,.phcover-col-two img:hover{webkit-transform: scale(.97);-moz-transform: scale(.97);-o-transform: scale(.97);transform: scale(.97); opacity:1;}

.Absolute-Center {
 position: fixed;
 
  left: 50%; top:50%;
  transform: translate(-50%,0);z-index:500;
}

.btm-nxt-bx{position:absolute; bottom:0; right:0; height:10%; background-color:#fff; z-index:999; display:table}
.btm-nxt{display:table-cell; vertical-align:middle; padding:0 20px}
.center-bx-project{ width:80%; height:100%; float:left; padding-top:0px;}
.project-category-bx{ width:90%; height:100%; background-color:#fff; margin:0 auto; }
.project-category{ width:100%; height:90%; float:left;  text-align:center;}
.project-category img{ height:100%;}
.project-vite-panel{ width:100%; height:10%; background-color:#fff; float:left;  text-align:center; display:table}
.project-vite-panel-tittle{ vertical-align:middle; display:table-cell; font-size:14px; text-transform:uppercase; letter-spacing:4px; color:#464646}

.project-carousel-bx{width:90%; height:100%; float:left;}
.project-caro-image{width:100%; height:80%; background-color:#000; overflow:hidden; display:block; position:relative;}
.project-caro-image img{width:100%; height:auto}
.img-responsive{ max-width:100%; display:block}
.project-page-nbr{width:100%; height:10%; font-size:11px; color:#464646; text-transform:uppercase; letter-spacing:1px; background-color:#fff;display: table; }
.project-page-nbr .inner {padding: 0 0 10px 0;vertical-align: bottom;display: table-cell;margin: 0;}
.project-page-title{width:100%; height:10%; font-size:11px; color:#474747; letter-spacing:1px; text-align:center; background-color:#fff;display: table; text-transform:uppercase;}
.project-page-title .inner {padding: 0;vertical-align: middle;display: table-cell;margin: 0; }


.center-bx-exteriors{ width:90%; height:100%; float:right; padding-top:0px;}
.exteriors-page-nbr{width:100%; height:10%; color:#464646; background-color:#fff;display: table;}
.exteriors-page-image{width:100%; height:80%; color:#464646; background-color:#d4d4d;/*border:1px solid #fff;*/ position:relative;}
.exteriors-entry-img .portrait{ height:100%;  background-color:#000; display:block;}
.exteriors-entry-img .portrait-two{ height:100%;  background-color:#000; display:block; margin-left:0px;}
.exteriors-page-image .img-res{  background-color:#fff; border:1px solid #fff; float:left;  }
.exteriors-entry-img .landscape{width:100%; height:33.3333%; float:left;   }
.exteriors-entry-img .landscape img{ height:100%; width:auto; border:1px solid #fff; }
.exteriors-entry-img .landscape .column{ height:100%; float:left; }
.ex-row-one{ float:left; height:33.3333%; display:block}
.ex-row-two{ float:left; height:33.3333%; display:block}
.ex-row-three{ float:left; height:33.3333%; display:block}
.ex-row-four{ float:left; height:50%; display:block}


.exteriors-grid:after{ clear:both; display:block;}
.exteriors-grid-three{ width:33.3333%; height:100%; background-color:#fff; border:1px solid #fff; float:left;}
.exteriors-grid-four{ width:25%; height:100%; background-color:#fff; border:1px solid #fff; float:left;}
.exteriors-page-title{width:100%; height:10%; color:#474747; background-color:#fff;display: table;}
.exteriors-page-title .inner {padding: 0;vertical-align: middle;display: table-cell;margin: 0; text-transform:uppercase; color:#474747; letter-spacing:4px;}


.center-bx-interiors{ width:90%; height:100%; float:right; padding-top:0px;}
.interiors-page-nbr{width:100%; height:10%; color:#464646; background-color:#fff;display: table;}
.interiors-page-image{width:100%; height:80%; color:#464646; border:1px solid #fff; }

.interiors-entry-img .landscape{width:100%; height:33.3333%; float:left; background-color:#fff;  }

.interiors-entry-img .landscape img{ height:100%; width:auto; border:1px solid #fff; }
.interiors-entry-img .landscape .column{ height:100%; float:left; }

.interiors-page-title{width:100%; height:10%; color:#474747; background-color:#fff;display: table;}
.interiors-page-title .inner {padding: 0;vertical-align: middle;display: table-cell;margin: 0; text-transform:uppercase; color:#474747; letter-spacing:4px;}

.center-bx-walkthrough{ width:90%; height:100%; float:left; padding-top:0px;display: table;}
.walkthrough-vdo-bx { padding: 0;vertical-align: middle;display: table-cell;margin: 0; }
.walkthrough-vdo{ margin:0 auto; display:table; background-color:#9f2755;}
.walkthrough-vdo-inner { padding: 0;vertical-align: bottom; padding-bottom:70px;display: table-cell;margin: 0; text-align:center; }
.walkthrougb-bottom{width:100%; background-color:#d4d4d2; padding:10px 0;position:absolute; bottom:0; text-align:center; letter-spacing:1px;}


.pseudo_border {
    position:relative;
    display:inline-block; font-size:13px;text-transform:uppercase; letter-spacing:4px; color:#434343; margin:0;margin:40px 0 10px 0;
}
.pseudo_border:after {
    content:'';
    position:absolute;
    left:0;right:0;
    top:100%;
    margin: 10px  auto;
    width:50%;
    height:1px;
    background:#bc3633;
}



.center-bx-stories{ width:100%; height:100%; float:right; padding-top:0px;}
.stories-category-bx{ width:90%; height:100%; margin:0 auto; }
.stories-category{ width:100%; height:90%; float:left;  text-align:center;}
.stories-category img{ height:100%; width:auto;}
.stories-vite-panel{ width:100%; height:10%; background-color:#fff; float:left;  text-align:center; display:table}
.stories-vite-panel-tittle{ vertical-align:middle; display:table-cell; font-size:11px; text-transform:uppercase; letter-spacing:5px; color:#464646}


.left-bx-sy{ width:12%;height:100%; float:left; }
.story-modal-bx{width:88%; height:100%; float:right;}

.center-bx-story{ width:90%; height:100%; float:left; padding-top:0px; position:relative;}
#story-scroll {display:inline-block;height: 100%; background-color:#fff; }
.story-portrait{ height:100%; display:inline-block; white-space: nowrap; }
.story-portrait-two{ height:100%; display:inline-block; white-space: nowrap; margin-left:-3px;   }
.story-page-nbr{width:100%; height:10%; color:#464646; background-color:#fff;display: table;}
.story-page-nbr-txt{ display:table-cell; vertical-align:middle; text-align:left;}
.story-page-image{width:100%; height:80%; color:#464646; background-color:#d4d4d2; position:relative;}
.story-page-image img{height:100%;}
.story-page-title{width:100%; height:10%; color:#474747; background-color:#fff;display: table;}
.story-page-title-txt{ display:table-cell; vertical-align:middle; text-align:center;}
.story-next{position:absolute; bottom:0; right:0; height:10%; background-color:#fff; padding:0 20px; z-index:500; display:table}
#sy-icon-hover{ display:table-cell; vertical-align:middle;}


.left-bx-ws{ width:12%;height:100%; float:left; }
.center-bx-weddings{ width:100%; height:100%; float:right; padding-top:0px; }
.weddings-top{width:100%; height:10%; color:#464646; display: table;}
.weddings-middle{ width:100%; height:100%;  display:table; text-align:center}
.weddings-middle span{ width:100%; display:table-cell; vertical-align:middle;  }
.weddings-bottom{width:100%; height:10%; color:#464646; display: table;text-align:center;}
.weddings-bottom span{ width:100%; display:table-cell; vertical-align:middle; text-transform:uppercase; letter-spacing:4px; color:#434343;}


.center-bx-weds{ width:80%; height:100%; float:left;  padding-top:0px;}
.weds-page-nbr{width:100%; height:10%; color:#464646; background-color:#fff;display: table;}
.weds-page-image{width:100%; height:80%; color:#464646; background-color:#d4d4d2;border:1px solid #fff; position:relative;}
.weds-page-image img{ max-width:100%; height:100%;  vertical-align:middle; border:0;}
.weds-entry-img .portrait{ height:100%;  background-color:#fff; display:block;}
.weds-entry-img .portrait-two{ height:100%;  background-color:#000; display:block; margin-left:-3px;}
.weds-page-image .img-res{  background-color:#fff; border:1px solid #fff; float:left; }
.weds-grid{ width:auto; height:100%; background-color:#fff; border:1px solid #fff; float:left;}
.weds-page-title{width:100%; height:10%; color:#474747; background-color:#fff;display: table;}
.weds-page-title .inner {padding: 0;vertical-align: middle;display: table-cell;margin: 0; font-size:11px; text-transform:uppercase; color:#474747; letter-spacing:5px; text-align:right;}
.weds-page-right{ width:8%; height:100%;float:right; padding-top:0px;  position:relative;}
.weds-page-right .arrow{ position:absolute; bottom:10%; width:100%; background-color:#fff; display:block; text-align:center}
#ws-icon-hover{ position:absolute; bottom:10%; left:40%;}
.row-ht-full{ float:left; height:100%; display:block}
.row-one{ float:left; height:40%; display:block}
.row-two{ float:left; height:27%; display:block}
.row-three{ float:left; height:33%; display:block}
.row-four{ float:left; height:50%; display:block}
.row-dyd-three{ float:left; height:33.3333%; display:block}
.row-forty-perc{float:left; height:40%; display:block}
.row-forteen-perc{float:left; height:14%; display:block}
.row-forsix-perc{float:left; height:46%; display:block}
.row-forfive-perc{float:left; height:45%; display:block}
.row-fivefive-perc{float:left; height:55%; display:block}


.left-bx-tl{ width:12%;height:100%; float:left; }
.center-bx-travel{ width:80%; height:100%; float:left; padding-top:0px;}
.travel-page-nbr{width:100%; height:10%; color:#464646; background-color:#d4d5d2;display: table;}
.travel-page-image{width:100%; height:80%; color:#464646; background-color:#d4d4d2;border:1px solid #d4d5d2; position:relative;}
.travel-page-image img{ max-width:100%; height:100%;  vertical-align:middle; border:0;}
.travel-entry-img .portrait{height:100%;  background-color:#000; display:block;}
.travel-entry-img .portrait-two{ height:100%;  background-color:#000; display:block; margin-left:-3px;}
.travel-entry-img .img-res{ background-color:#fff; border:1px solid #d4d4d2; float:left; }
.travel-page-title{width:100%; height:10%; color:#474747; background-color:#d4d5d2;display: table;}
.travel-page-title .inner {padding: 0;vertical-align: middle;display: table-cell;margin: 0; font-size:11px; text-transform:uppercase; color:#474747; letter-spacing:5px; text-align:right;}
.travel-page-right{ width:8%; height:100%; float:right; padding-top:0px;  position:relative;}
.travel-page-right .arrow{ position:absolute; bottom:10%; width:100%;  display:block; text-align:center}
#tl-icon-hover{ position:absolute; bottom:10%; left:40%;}
.tl-row-one{ float:left; height:50%; display:block}
.tl-row-two{ float:left; height:50%; display:block}
.tl-row-three{ float:left; height:32%; display:block}
.tl-row-four{ float:left; height:31%; display:block}
.tl-row-five{ float:left; height:37%; display:block}
.tl-row-dyd-three{ float:left; height:33.3333%; display:block}



.left-bx-rm{ width:12%;height:100%; float:left; }
.center-bx-random{ width:80%; height:100%; float:left; padding-top:0px;}
.random-page-nbr{width:100%; height:13%; color:#464646; background-color:#fff;display: table;}
.random-page-image{width:100%; height:74%; color:#464646; background-color:#d4d4d2;border:1px solid #fff; position:relative;}
.random-page-image img{ max-width:100%; height:100%;  vertical-align:middle; border:0;}
.random-entry-img .portrait{ height:100%;  background-color:#fff; display:block;}
.random-entry-img .portrait-two{ height:100%;  background-color:#000; display:block; margin-left:-3px;}
.random-page-image .img-res{  background-color:#fff; border:1px solid #fff; float:left; }
.random-page-title{width:100%; height:13%; color:#474747; background-color:#fff;display: table;}
.random-page-title .inner {padding: 0;vertical-align: middle;display: table-cell;margin: 0; font-size:13px; text-transform:uppercase; color:#474747; letter-spacing:4px;}
.divider{ width:2px; height:100%; float:left; background-color:#000; }
.random-page-right{ width:8%; height:100%; float:right; padding-top:0px;  position:relative;}
.random-page-right .arrow{ position:absolute; bottom:13%; width:100%; background-color:#fff; display:block; text-align:center}
#rm-icon-hover{ position:absolute; bottom:10%; left:40%;}


.rm-row-one{ float:left; height:32%; display:block}
.rm-row-two{ float:left; height:31%; display:block}
.rm-row-three{ float:left; height:37%; display:block}
.rm-row-four{ float:left; height:50%; display:block}
#story-container{
  width:100%;
  height:100%;
 overflow-y:auto;   
 overflow: hidden; position:relative;white-space: nowrap; display:block;
}
#weddings-container{
  width:100%;
  height:100%;
 overflow-y:auto;   
 overflow: hidden; position:relative;white-space: nowrap; display:block;
}
#travel-container{
  width:100%;
  height:100%;
 overflow-y:auto;   
 overflow: hidden; position:relative;white-space: nowrap; display:block;
}
#random-container{
  width:100%;
  height:100%;
 overflow-y:auto;   
 overflow: hidden; white-space: nowrap; display:block;
}

#containers{
  width:100%;
  height:100%;
 overflow-y:auto;   
    
    overflow: hidden; position:relative;white-space: nowrap; display:block;
}
#contain{
  width:100%;
  height:100%;
 overflow-y:auto;   
    
    overflow: hidden; position:relative;white-space: nowrap; display:block;
}
 #hover{ float:right; margin-right:30px;}
#hover2{}
#is-icon-hover{ float:right; margin-right:30px;}


#text {display:inline-block; width:100%;height: 100%; background-color:#fff; }
#random-text {display:inline-block; width:150%;height: 100%; background-color:#fff; }
 
#bt{}
.exteriors-page-image #g-next { position:absolute; right:0; width:20px; height:100%; background-color:rgba(255,255,255,.4); z-index:50}
.exteriors-page-image #g-prev { position:absolute; left:0; width:20px; height:100%; background-color:rgba(255,255,255,.4); z-index:50}
.exteriors-page-image #is-next { position:absolute; right:0; width:20px; height:100%; background-color:rgba(255,255,255,.4); z-index:50}
.exteriors-page-image #is-prev { position:absolute; left:0; width:20px; height:100%; background-color:rgba(255,255,255,.4); z-index:50}
.center-bx-story #sy-next { position:absolute; top:10%; right:0; width:20px; height:80%; background-color:rgba(255,255,255,.4); z-index:50}
.center-bx-story #sy-prev { position:absolute; top:10%; left:0; width:20px; height:80%; background-color:rgba(255,255,255,.4); z-index:50}
.weds-page-image #ws-next { position:absolute; right:0; width:20px; height:100%; background-color:rgba(255,255,255,.4); z-index:50}
.weds-page-image #ws-prev { position:absolute; left:0; width:20px; height:100%; background-color:rgba(255,255,255,.4); z-index:50}
.travel-page-image #tl-next { position:absolute; right:0; width:20px; height:100%; background-color:rgba(255,255,255,.4); z-index:50}
.travel-page-image #tl-prev { position:absolute; left:0; width:20px; height:100%; background-color:rgba(255,255,255,.4); z-index:50}
.random-page-image #rm-next { position:absolute; right:0; width:20px; height:100%; background-color:rgba(255,255,255,.4); z-index:50}
.random-page-image #rm-prev { position:absolute; left:0; width:20px; height:100%; background-color:rgba(255,255,255,.4); z-index:50}



a:focus,button:focus {outline:0;}
  .modal-footer {
   
}
#image-gallery-title{font-family: 'Roboto', sans-serif; font-size: 13px; font-weight:500; text-transform:uppercase; letter-spacing:3px; color:#464646;}
#image-gallery-link {
    clear:both;
    width:100%;
    text-align:center;
    padding:0px;
    margin:0px;
}
#image-gallery-caption {
  font-family: 'Roboto', sans-serif; font-size: 13px;letter-spacing:1px; color:#464646;   text-align:center; padding-bottom:15px;
   
    margin:auto;
}
.con {
  position: absolute;
  
  background-color: #808080;
  display: block;
  width: 100%; height:100%;
 
  white-space: nowrap;
}
.con .panel-outer {
  display: inline-block;
  height: 100%; 
}
.con .panel-inner {
  display: inline-block;
}

.a{ position:absolute; width:100%; height:100%; background-color:#f00;}
.b{ position:relative; width:300px; height:100%; float:left; background-color:#000;}
.c{ position:relative; width:auto; height:100%; float:left; background-color:#FC0}
.col-fifty{ width:100%; height:50%; float:left; background-color:#C0C;}
.col-fift{ width:100%; height:50%; float:left; background-color:#0FF;}
.col-fifty img, .col-fift img{ width:auto; height:100%;}


table{ border-collapse: collapse; width: 100% }
		td{ border: 1px solid #eee; padding: 10px; }



.center-bx-musings{ width:100%; height:100%; float:left; padding-top:0px;}
.musings-top{width:100%; height:10%;}
.musings-middle{width:100%; height:80%; display:table; text-align:center;}
.musings-bg{ font-size:11px; color:#5c5c5c; text-transform:uppercase; letter-spacing:4px;display:table-cell; vertical-align:middle;}
.musings-coming{ font-size:11px; color:#5c5c5c; text-transform:uppercase; letter-spacing:4px; display:table-cell; vertical-align:middle;}
.musings-bottom{width:100%; height:10%; display:table; text-align:center;}
.musings-bottom-ryt{width:100%; height:10%; display:table; text-align:right; font-size:10px; text-transform:uppercase; letter-spacing:4px; color:#bc3633; padding-right:30px;}
.musings-bottom-ryt span{ display:table-cell; vertical-align:middle;}
.musings-middle .eat{ width:100%; padding:10px 0; display:block   }
.musings-middle .txt{ width:100%;   }
.musings-middle .txt a{ font-size:11px; color:#bc3633; text-transform:uppercase; letter-spacing:3px; text-decoration:none;  }
.musings-middle .txt a i{ font-size:8px;}



#scroller-wrap { overflow: hidden !important; }



/*hide content to fadeIn*/
#galleries-wrap {
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0; 
}

/*preloader*/
#site-preloader {
	position: absolute;
	right: 25px;
	top: 25px;
	height: 20px;
	width: 20px;
	background: url("preloader.gif");
}

.home #site-preloader {
	margin-left: 100px;
}










/* Gallery Carousel/Scroller
================================================== */	

/*main*/
#scroller-wrap {
	height: 100%;
	position: relative;
	margin-left: 0px;
}

.body-hidden-sidebar.single-galleries #scroller-wrap {
	margin-left: 0;
}

#scroller-wrap-inner .scroller-entry:last-child {
	padding-right: 0;
}

/*exteriors scroller entry*/
.exteriors-entry {
	float: left;
	padding-right: 5px; height:100%;
}

.exteriors-entry-img {
	position: relative;
	height: 100%;
	width: auto;
}

.exteriors-entry-img a {
	height: 100%;
	display: block;
	text-decoration: none;
}

.exteriors-entry-img span.inner-border {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 5px solid transparent;
	opacity: 0.7;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}

.exteriors-entry-img a:hover span.inner-border {
	border: 15px solid #FFF;
	opacity: 0.4;
}

/*interiors scroller entry*/
.interiors-entry {
	float: left;
	padding-right: 5px; height:100%;
}

.interiors-entry-img {
	position: relative;
	height: 100%;
	width: auto;
}

.interiors-entry-img a {
	height: 100%;
	display: block;
	text-decoration: none;
}

.interiors-entry-img span.inner-border {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 5px solid transparent;
	opacity: 0.7;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}

.interiors-entry-img a:hover span.inner-border {
	border: 15px solid #FFF;
	opacity: 0.4;
}

/*scroller entry*/
.stories-entry {
	float: left;
	padding-right: 5px; height:100%;
}

.stories-entry-img {
	position: relative;
	height: 80%;
	width: auto;
}

.stories-entry-img a {
	height: 100%;
	display: block;
	text-decoration: none;
}

.stories-entry-img span.inner-border {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 5px solid transparent;
	opacity: 0.7;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}

.stories-entry-img a:hover span.inner-border {
	border: 15px solid #FFF;
	opacity: 0.4;
}

/*scroller entry*/
.weds-entry {
	float: left;
	padding-right: 0px; height:100%;
}

.weds-entry-img {
	position: relative;
	height: 100%;
	width: auto;
}

.weds-entry-img a {
	height: 100%;
	
	text-decoration: none;
}

.weds-entry-img span.inner-border {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 5px solid transparent;
	opacity: 0.7;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}

.weds-entry-img a:hover span.inner-border {
	border: 15px solid #FFF;
	opacity: 0.4;
}

/*scroller entry*/
.travel-entry {
	float: left;
	padding-right: 0px; height:100%;
}

.travel-entry-img {
	position: relative;
	height: 100%;
	width: auto;
}

.travel-entry-img a {
	height: 100%;
	
	text-decoration: none;
}

.travel-entry-img span.inner-border {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 5px solid transparent;
	opacity: 0.7;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}

.travel-entry-img a:hover span.inner-border {
	border: 15px solid #FFF;
	opacity: 0.4;
}

/*scroller entry*/
.random-entry {
	float: left;
	padding-right: 5px; height:100%;
}

.random-entry-img {
	position: relative;
	height: 100%;
	width: auto;
}

.random-entry-img a {
	height: 100%;
	
	text-decoration: none;
}



/*scroller entry*/
.scroller-entry {
	float: left;
	padding-right: 1px; height:100%; 
}

.scroller-entry-img {
	position: relative;
	height: 80%;
	width: auto; 
}

.scroller-entry-img a {
	height: 100%;
	display: block;
	text-decoration: none;
}

.scroller-entry-img span.inner-border {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 5px solid transparent;
	opacity: 0.7;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}

.scroller-entry-img a:hover span.inner-border {
	border: 15px solid #FFF;
	opacity: 0.4;
}

.scroller-entry-description {
	position: relative;
	text-align: center;
	padding: 25px;
	background: #fff;
}

.scroller-entry-description h2 {
	line-height: 1.4em;
	font-size: 18px;
	margin: 0 0;
}

.scrollWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.scrollableArea {
	position: relative;
	width: auto;
	height: 100%;
}
#makeMeScrollable { height:100%;}
/*#makeMeScrollable img { height:100%;}*/
#makeMeScrollable div.scrollableArea img {
	position: relative;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none; 
}

#makeMeScrollabl { height:100%; }
#makeMeScrollabl img { height:100%;}
#makeMeScrollabl div.scrollableArea img {
	position: relative;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none; 
}
#interiorsScrollable { height:100%; }
#interiorsScrollable img { height:100%;}
#interiorsScrollable div.scrollableArea img {
	position: relative;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none; 
}
#storiesScrollable { height:100%; }
#storiesScrollable img { height:100%;}
#storiesScrollable div.scrollableArea img {
	position: relative;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none; 
}




/* Invisible left hotspot */
.scrollingHotSpotLeft {
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 116px;
	height: 200px;
	top: 50%;
	margin-top: -137px;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(images/cursors/cursor_arrow_left.gif), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
.scrollingHotSpotLeftVisible{
	background-color: #fff;
	background-image: url(images/arrow_left.gif);
	background-repeat: no-repeat;
	opacity: 0.5; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.5; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 50); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
.scrollingHotSpotRight{
	min-width: 75px;
	width: 116px;
	height: 200px;
	top: 50%;
	margin-top: -137px;
	background-image: url(images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(images/cursors/cursor_arrow_right.gif), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
.scrollingHotSpotRightVisible{
	background-image: url(images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity = 50);
	zoom: 1;
}

.ams-autodesk-entry {float: left;padding-right: 0px;  height:100%; width:682px;  }
.ams-maac-entry {float: left;padding-right: 0px;  height:100%; width:790px }
.ams-cgm-entry {float: left;padding-right: 0px;   height:100%; width:1051px }
.ams-dlf-entry {float: left;padding-right: 0px;   height:100%; width:795px }
.ams-mirefa-entry {float: left;padding-right: 0px;   height:100%; width:710px }
.ams-eat-entry {float: left;padding-right: 0px;   height:100%; width:1062px }
ams-entry-img{ height:530px;}
.ams-lines{ padding:10px;}
.ams-lines span{ font-weight:500;}


@media all and (max-width:480px)
{
.left-bx{ width:100%; height:auto; float:left; }	
#back{padding:10px 0 0 30px; }
.center-bx{ width:100%; height:auto; float:left; padding:10px 20px; margin-bottom:50px;}
.about-links{ margin-top:-110px;}
.abt-next{ margin-top:-80px;}
.abt-head{ padding:15px 0 10px 0}
.about-lft-bx{ width:100%; float:left; text-align:left; padding-right:0px;}
.about-ryt-bx{ width:100%; float:left;}
.arrow-bx{ width:100%; float:left;margin:0 0; position:relative;}

.contact-lft-bx{ width:100%; float:left; text-align:left; padding-right:0px;}
.contact-form-bx{ width:100%;}

.guest-lft-bx{ width:100%; float:left; text-align:left; padding-right:0px;}
.guest-form-bx{ width:100%;}
	}
	
	
.modal{text-align:center;}
.modal.fade .modal-achievements{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.in .modal-achievements{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-achievements{position:relative;width:auto;margin:20px; display:inline-block;}
.modal-achievements .modal-header{ text-align:left;}
.modal-achievements.modal-body{position:relative;padding:5px}


@media all and (min-width:1200px){
.modal-achievements{ width:1000px;}
.modal-achievements .modal-body{ width:100%;}
}

@media all and (max-width:768px){.modal-achievements{ width:600px;}}
@media all and (max-height:700px){.modal-achievements .modal-body{ height:auto;}}

.modal.fade .modal-pic-gallery{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.in .modal-pic-gallery{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-pic-gallery{position:relative;width:auto;margin:20px; display:inline-block;}
.modal-pic-gallery .modal-header{ text-align:left;}
.modal-pic-gallery.modal-body{position:relative;padding:5px}


.modal.fade .modal-musings{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-musings{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-musings{position:relative;width:auto;margin:10px; display:inline-block; vertical-align:middle;}
@media (min-width:768px){.modal-musings{width:728px;margin:20px auto}}



.ui-page-scrolling-section {
    position: absolute;
    width: 100%;
    height: 100%;

}

.ui-page-scrolling-section_active {

}

.ui-page-scrolling-control {
    cursor: pointer;
}

.ui-page-scrolling-control_active {
/* стили для данного класса необходимо определить, для отображения активной страницы (в указателях) */
}

.ui-page-scrolling-main {
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style : preserve-3d;
}


#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
     background: #d4d4d2 ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    z-index:9999; /* makes sure it stays on top */
}

#status {
    width:50px;
    height:30px;
    position:fixed;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
   margin:-25px 0 0 -15px; /* is width and height divided by two */
}

.spinner {
  margin: 0px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #bc3633;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

.down-arrow-box{position:absolute; right:120px; top:50px; font-size:13px; color:#bc3633; letter-spacing:4px; text-transform:uppercase; z-index:50}
.down-arrow-txt{display:block; text-align:right;}
#scroll{ padding-right:14px;}
#scroll span {
  position: relative;
  right: -10px; display:block; text-align:right;
}

.arrow-bounces {
  -webkit-animation: arrow 1s infinite;
  -moz-animation: arrow 1s infinite;
  -o-animation: arrow 1s infinite;
  animation: arrow 1s infinite;
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}

@-webkit-keyframes arrow {
  0% {
    bottom: -13px;
  }
  50% {
    bottom: -8px;
  }
  100% {
    bottom: -13px;
  }
}
@-moz-keyframes arrow {
  0% {
    bottom: -13px;
  }
  50% {
    bottom: -8px;
  }
  100% {
    bottom: -13px;
  }
}
@keyframes arrow {
  0% {
    bottom: -13px;
  }
  50% {
    bottom: -8px;
  }
  100% {
    bottom: -13px;
  }
}
.right-arrow-box{position:absolute; right:150px; top:55px; font-size:13px; color:#bc3633; letter-spacing:4px; text-transform:uppercase; z-index:50}
.right-arrow-txt{display:block; text-align:right;}
#scroll-ryt-walk{ padding-right:17px;}
#scroll-ryt-walk span {
  position: relative;
  bottom: -10px; display:block; text-align:right;
}
#scroll-ryt span {
  position: relative;
  display:block; text-align:right; top:-4px;
}
.arrow-bounce-right {
  -webkit-animation: arrow-right 1s infinite;
  -moz-animation: arrow-right 1s infinite;
  -o-animation: arrow-right 1s infinite;
  animation: arrow-right 1s infinite;
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}

@-webkit-keyframes arrow-right {
  0% {
    right: -13px;
  }
  50% {
    right: -8px;
  }
  100% {
    right: -13px;
  }
}
@-moz-keyframes arrow-right {
  0% {
    right: -13px;
  }
  50% {
    right: -8px;
  }
  100% {
    right: -13px;
  }
}
@keyframes arrow-right {
  0% {
    right: -13px;
  }
  50% {
    right: -8px;
  }
  100% {
    right: -13px;
  }
}


.popover__title {
  
  text-decoration: none;
  font-size:11px; color:#bc3633; letter-spacing:5px; text-transform:uppercase;
  text-align: center;
  padding: 15px 0;
}
.popover__wrapper a {text-decoration: none;}


.popover__wrapper {
    position: relative;
   
    display: inline-block;
}
.popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 65px;
    transform: translate(0,5px);
    background-color: #fff;
    padding: 10px;
   /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);*/
    width: 150px;
}
/*.popover__content:before {
    position: absolute;
    z-index: -1;
    content: '';
    right: calc(0 - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #f5f5f5 transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}*/
.popover__wrapper:hover .popover__content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0,0px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
  text-align: center;
}
.resume-format{ width:100%; float:left; display:block}
.resume-format ul{}
.resume-format li a{ font-size:12px; letter-spacing:3px; float:left; color:#bc3633}
.resume-format li:nth-child(2) a{ padding:0 10px;}
.select-format{ width:100%; float:left; display:block; font-size:9px; line-height:20px; letter-spacing:.5px; color:#565656;  }

.abt-btm{width:100%; float:left; font-size:11px; letter-spacing:1px; color:#565656; margin-top:60px;}
.copyright{ position:absolute; bottom:0; width:100%; display:block; text-align:center; padding:10px 0; font-size:10px; color:#2f2f2f; letter-spacing:3px;}
@media all and (max-width:780px){.copyright{ position:static; float:left;}}

#bk-btn { margin-top:150px; text-align:center }
#bk-btn a { font-size:11px; line-height:30px;color:#474747; font-weight:normal; text-decoration:none; text-transform:uppercase; letter-spacing:4px; display:block; text-align:center;}