*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}
html, body{height:100%;}
body { height:100%; background:#fcfdfe; color:#625e5d; font-size:14px; line-height:19px; font-family: 'montserratlight'; padding:0; overflow-x:hidden; margin:0; }
h1, h2, h3, h4, h5, h6 { color:#625e5d; padding:0; margin:0; font-family: 'montserratlight'; }
strong { font-weight:bold; }
.cf:before, .cf:after { display: table; content: ""; line-height: 0; }
.cf:after { clear: both; }
h1 { font-size: 36px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 18px; }
a { color: #1a99ac; text-decoration:none; transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; outline:none; }
a:hover { color: #625e5d; text-decoration:none; }
a:focus { outline:none; outline:0 auto -webkit-focus-ring-color; outline-offset:0; text-decoration:none; }
input:focus, textarea:focus { outline:0 none; border:1px solid #e37a26; }
hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; }
ul, li { list-style:none; }
input[type=text], input[type=password] { font-family: 'montserratlight'; border:1px solid #625e5d; border-radius:0; background:#fff; padding:0 12px; line-height:33px; color:#625e5d; font-size:14px; height:35px; }
.button { background:#fcb751; font-family: 'montserratlight'; border:1px solid #fcb751; text-transform:uppercase; color:#fff; font-size:14px;  padding:0 32px; line-height:45px; display:inline-block; transition:all 0.2s linear 0s; }
.button:hover { background:#fff; color:#fcb751; }
p { color:#333; font-size:18px; padding-bottom:20px; line-height:21px; }
.dropdown-menu { margin-top: -1px; min-width: 180px; }
.center { text-align: center; }
.scaleIn { -webkit-animation-name: scaleIn; animation-name: scaleIn; }
.lead { font-size: 16px; line-height: 24px; font-weight: 400; }
.transparent-bg { background-color: transparent !important; margin-bottom: 0; }
#wrapper { width:100%; padding-top:72px; height:100%;}
.innerContent{position:relative;}
.container {width:100%; margin:0 auto; padding:0 15px; }
#header {background:#000000; padding:20px 45px; width:100%; position:fixed; left:0; top:0; z-index:99; opacity: 0.75;}
#logo { max-width:250px; margin:0 auto; width:100%; } .navIcon{width:28px; height:20px; background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/menuicon.png) no-repeat 0 0; float:left; margin-top:6px; background-size: 24px; }
.navIcon.active{-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.fixedNav{width:350px; height:100%; padding:0;opacity:0; visibility:hidden; position:fixed; background:#231f20; left:0; top:72px; z-index:-999999999999;transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;}
.fixedNav.active{z-index:0; opacity:1; visibility:visible;}
.fixedNav .inner{position:relative; height:100%;}
#navbar-wrap { padding:0 0 0 0;}
.menuName{font-size:16px; color:#fff; line-height:40px; padding-left:15px;}
.innerNav{display:none;}
.menu > ul{display:block !important;}
.mean-push, a.meanmenu-reveal{display:none;}
.mean-bar{overflow-x: hidden;overflow-y: auto; }
.menu ul li{display:block; position:relative; border-bottom:1px dashed #2e2a2b;}
.menu ul li a{font-size:18px; color:#fff;font-family: 'montserratlight'; line-height:70px; padding:0 35px; display:block;}
.menu ul li a:hover, .menu ul li a.active{background:#000;}
.menu ul li a.mean-expand { width:100%; height:40px; text-indent:-9999px; padding:0 !important; text-align: right; position: absolute; right: 0; top:0; z-index: 2; font-size:0 !important; }
.menu ul li a.mean-expand:after{font-weight: normal; font-size:27px !important; color:#fff; font-family:Arial, Helvetica, sans-serif; position:absolute; right:20px; top:0; line-height:70px; content:"+";}
.menu ul li a.mean-expand.mean-clicked:after{content:"-";}
.menu ul li a.mean-expand:hover{background:none;}
.menu ul li li a{padding:0 65px;} #supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/img/progress.gif) no-repeat center center; }
#supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:9; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(//bdesign24.studio/wp-content/themes/bdesign24studio/img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img { visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img { display:inline; }
#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/img/nav-bg.png) repeat-x; position:fixed; }
#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
#slidecounter { float:left; color:#999; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
#slidecaption { overflow:hidden; color:#FFF; line-height:60px; padding:20px 40px 20px 20px; font-size:33px;   font-family: 'montserratlight'; text-align:center; text-align:right; position:absolute; right:0; bottom:0; width:100%; text-shadow:0 0 5px #000; z-index: 55; }
#navigation { float:right; margin:0px 20px 0 0; }  #progress-back { z-index:5; position:fixed; bottom:42px; left:0; height:8px; width:100%; background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/img/progress-back.png) repeat-x; }
#progress-bar { position:relative; height:8px; width:100%; background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/img/progress-bar.png) repeat-x; }
.sliderControl{position:absolute; right:48px; top:26px;}
.sliderControl a{width:35px; height:29px; margin:0 -21px; cursor:pointer; background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/slider-arrow.png) no-repeat 0 0; display:inline-block;background-size: 30px;  }
.sliderControl a:hover{opacity:0.6 !important; background-size: 30px; }
.sliderControl #prevslide{background-position:0 0;}
.sliderControl #nextslide{background-position:3px 0px;}
.indexSlider{height:100%;}
.indexSlider.active{position:relative;}
.social{padding:25px 35px; position:absolute; bottom:0; width:100%; background:#231f20;}
.social ul{margin-bottom:25px;}
.social ul li{display:inline-block;margin-right:20px;}
.social ul li a{display:block;}
.social .fa{width:40px; height:40px; border-radius:50%; background:#fff; color:#231f20;  font-size:25px; text-align:center; padding:8px 0;transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s;}
.social ul li a:hover .fa{background:#bf1e2e; color:#fff;}
.social p{font-size:14px; color:#fff; padding:0;margin:0; font-family: 'montserratlight';} .productListing{width:100%; background:#fff;}
.productListing ul{margin:0 -1px;}
.productListing li{float:left; padding:1px; width:33.33%;}
.productListing li .inner{position:relative;}
.productListing li a{display:block; position:relative;color:#030000 !important;}
.productListing li a:hover{color:#bf1e2e;}
.productListing li .imgHolder{width:100%; overflow:hidden;}
.productListing li .imgHolder img{width:100%; display:block;transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s;}
.productListing li a:hover .imgHolder img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.productListing li .bottomArea{position:absolute; left:0; bottom:0; width:100%; background:rgba(255, 255, 255, 0.85);transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; opacity:0; visibility:hidden;}
.productListing li a:hover .bottomArea{ opacity:1; visibility:visible;}
.productListing li .productName{padding:0 150px 0 30px; line-height:70px; font-size:20px;  font-family: 'montserratregular';}
.productListing li .residential{padding:0 15px; text-align:center; width:150px; line-height:70px; font-family: 'montserratregular'; font-size:15px;  position:absolute; right:0; bottom:0;} div#image-holder:after, div#thumbs-holder:after, #project-controls div#image-controls:after, div.news-item:after, body#studio div#studio-holder:after, body#studio div#contact-footer:after, body#studio div#team-content:after, div#monograph-holder:after, body#contact div#contact-holder:after, body#contact form:after, div#success-holder:after { clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0 }
div#image-holder, div#thumbs-holder, #project-controls div#image-controls, div.news-item, body#studio div#studio-holder, body#studio div#contact-footer, body#studio div#team-content, div#monograph-holder, body#contact div#contact-holder, body#contact form, div#success-holder { zoom:1 }
a:hover, a:active { outline:0 }
.ie7 img { -ms-interpolation-mode:bicubic }
body#none #topBar, body#none #rightBar, body#none #bottomBar, body#none #leftBar { display:none }
body#home { background-color:#000; background-image:none }
a#featured-primary-link { display:block; width:72%; height:100%; position:absolute; top:0; left:0; bottom:0; opacity:0; background-color:#000; -webkit-transition:opacity .4s;
-moz-transition:opacity .4s;
-o-transition:opacity .4s;
-ms-transition:opacity .4s;
transition:opacity .4s;
text-indent:-9999px }
.ie7 a#featured-primary-link { background-color:transparent; background-image:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/home/transparent_block-ie7.png) }
.ie8 a#featured-primary-link { filter:alpha(opacity=0) }
a#featured-primary-link:hover { opacity:.07 }
div#right-content { width:27%; min-width:230px; margin-right:0; border-left:12px solid #fff; position:absolute; top:0; right:0; background:#111 url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/common/gradient_bg-dark.png) repeat-x; bottom:0; height:100% }
div#featured-secondary { height:49%; overflow:hidden; position:relative; border-bottom:11px solid #fff; width:100%; display:block }
#secondary-outer-wrap { display:block; height:100%; background-color:#051e00; width:91%; color:#fff; opacity:.8; text-align:center; text-decoration:none; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing:1px; -webkit-transition:background-color .4s;
-moz-transition:background-color .4s;
-o-transition:background-color .4s;
-ms-transition:background-color .4s;
transition:background-color .4s;
z-index:1; position:absolute; -ms-filter:"alpha(opacity=80)"; padding-right:5%; padding-left:5% }
.ie7 #secondary-outer-wrap { background-image:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/home/secondary_featured-bg-ie.png); background-color:transparent }
a#secondary-outer-wrap:hover { background-color:#040c01 }
.ie7 a#secondary-outer-wrap:hover { background-color:transparent }
#secondary-text-wrap { position:relative; top:35%; display:block }
#secondary-award-short-title { display:inline-block; color:#fff; font:italic 10px/14px "minion-pro-1", "minion-pro-2", "Times New Roman", Times; padding-top:20px; letter-spacing:1px; text-transform:uppercase }
#secondary-subhead { font-size:11px; line-height:17px; text-transform:uppercase; margin-bottom:10px }
#secondary-title { font:24px/28px "minion-pro-1", "minion-pro-2", "Times New Roman", Times; text-transform:uppercase; display:inline-block }
#secondary-description p { display:inline-block; color:#fff; padding-top:14px; letter-spacing:1px; line-height:16px; font-size:11px; text-align:left; padding-right:5%; padding-left:8% }
div#featured-secondary img { min-height:500px; min-height:300px; margin-left:-4%; position:absolute; height:100% }
div#right-content div#about-content { color:#dedede; font-size:14px; line-height:23px; padding-left:14%; padding-right:13%; padding-top:11% }
div#right-content div#about-content p { padding-top:3% }
div#about-content img { margin-left:-6px }
body#studio div#content { margin-left:9%; margin-right:9%; font-size:17px; line-height:27px; margin-top:-9px }
body#studio div#contact-footer { margin-left:9%; margin-right:9%; margin-top:80px }
body#studio a#email-link, body#studio a#facebook-link { display:block; width:36px; height:36px; text-indent:-9999px; margin-right:9px; float:left }
body#studio a#facebook-link { background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/studio/facebook_link_icon.png) no-repeat left top }
body#studio a#facebook-link:hover { background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/studio/facebook_link_icon.png) no-repeat left bottom }
body#studio a#email-link { background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/studio/email_link_icon.png) no-repeat left top }
body#studio a#email-link:hover { background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/studio/email_link_icon.png) no-repeat left bottom }
div#contact-footer p { font:12px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#888; float:left; width:75%; margin-left:10px }
div#contact-footer p strong { text-transform:uppercase; font-size:11px; color:#444; font-weight:bold }
div#contact-footer p a { color:#777 }
body#studio div.principal-holder { float:left; width:100%; margin-bottom:30px }
body#studio img.principal-photo { width:24%; max-width:100%; float:left; clear:left; margin-right:5% }
body#studio div.principal-info { float:left; width:62% }
.principal-info h3 { font-size:17px }
.principal-info h3 span { font:11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#777; letter-spacing:1px }
.principal-info p { margin-top:15px; font:12px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif }
.principal-info a.show-hide-extended { line-height:26px; display:inline-block; padding-left:22px; padding-right:12px; text-decoration:none; text-transform:uppercase; font-size:12px; color:#555; background:#e8e8e8 url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/news/source_link_arrow.png) no-repeat 8px center; letter-spacing:0; margin-top:18px; float:left; -webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
-ms-transition:.3s;
transition:.3s
}
.principal-info a.show-hide-extended:hover { background-color:#d8d8d8; color:#333 }
body#studio div#team-content { margin-left:9%; overflow:hidden; margin-top:-7px }
div#team-content div.member { float:left; font:11px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#666; margin-bottom:25px; width:32%; min-width:180px }
div#team-content div.member.principal { margin-bottom:2px }
div.member h3 { font:15px "minion-pro-1", "minion-pro-2"; color:#444; margin-bottom:5px }
div.member a { color:#666; text-decoration:none }
div.member a:hover { text-decoration:underline }
div#team-content div#divider { border-bottom-style:solid; border-bottom-width:1px; clear:left; height:10px; width:91%; margin-bottom:30px }
body#projects { background:#111 url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/common/gradient_bg-dark.png) repeat-x }
body#projects ul#subnav a { color:#fffeff }
body#projects #subnav a:hover, body#projects #subnav a#active-category { color:#538664 }
div#thumbs-holder { float:left; margin:0; padding:50px; min-height:600px; background:#000; position:relative;}
#thumbs-holder h3 { position:absolute; color:#202020; top:0; left:0 }
div.project-thumb { width:170px; height:170px; overflow:hidden; margin-right:12px; margin-bottom:12px; background:#262626; display:block; float:left; position:relative }
.project-thumb.loading-thumb { background-image:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/common/ajax-loader.gif); background-repeat:no-repeat; background-position:18px 18px }
.project-thumb a { width:170px; height:170px; text-align:center; text-decoration:none; color:#fff; font-size:18px; text-transform:uppercase; padding:0 10px; line-height:20px; letter-spacing:2px; display:table-cell; vertical-align:middle; background-color:#000; opacity:0; top:0; left:0; -webkit-transition:.5s cubic-bezier(0.25, 0.1, 0.25, 1.0);
-moz-transition:.5s cubic-bezier(0.25, 0.1, 0.25, 1.0);
-o-transition:.5s cubic-bezier(0.25, 0.1, 0.25, 1.0);
-ms-transition:.5s cubic-bezier(0.25, 0.1, 0.25, 1.0);
transition:.5s cubic-bezier(0.25, 0.1, 0.25, 1.0);
position:relative; z-index:1 }
.ie7 .project-thumb a { display:block; padding:40px 0 0; background-color:transparent; background-image:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/home/transparent_block-ie7); text-indent:-9999px }
.ie8 .project-thumb a { filter:alpha(opacity=0) }
.project-thumb a:hover { opacity:.8 }
.ie7 .project-thumb a:hover { text-indent:0; background-image:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/black_transparent_block-ie7.png) }
.ie8 .project-thumb a:hover { filter:alpha(opacity=80) }
.project-thumb a span { font:10px/15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-top:15px; display:block }
.project-thumb img { position:absolute; top:0; z-index:0; display:none; left:0 }
h2#project-title { color:#fff; position:absolute; left:50px; bottom:75px; line-height:32px; font-size:25px;font-family: 'montserratregular';}
h4#project-location { position:absolute; left:50px; bottom:58px; color:#fff; font-size:17px;font-family: 'montserratlight'; }
h2#project-title, h4#project-location { text-shadow:0 0 5px #000;}
div#project-description { background-color:#fefefe; width:500px; height:0; position:absolute; bottom:0; left:50px; overflow:hidden; -webkit-transition:.25s cubic-bezier(0, 0, 0.2, 1.0);
-moz-transition:.25s cubic-bezier(0, 0, 0.2, 1.0);
-o-transition:.25s cubic-bezier(0, 0, 0.2, 1.0);
-ms-transition:.25s cubic-bezier(0, 0, 0.2, 1.0);
transition:.25s cubic-bezier(0, 0, 0.2, 1.0)
}
div#project-description .inner{padding:15px 20px;}
div#project-description.revealed { height:300px }
div#project-description.revealed .productDetailScroll{height:190px;}
#project-description h5 {font-size:25px; color:#000; line-height:32px; font-family: 'montserratregular'; }
#project-description h6 {border-bottom:1px solid #000;  margin-bottom:12px; padding-bottom:12px; color:#fbb040; font-size:17px;font-family: 'montserratlight';}
#project-description p { font-family: 'montserratlight'; line-height:19px; color:#000; margin-left:29px;  margin:0; padding:0; display:none; font-size:13px; }
div#project-description-controls { float:right; width:90px; margin:18px 10px 0 0; }
#project-description-controls a { display:block; float:left; width:25px; height:25px; margin-left:5px;  text-indent:-9999px;transition:all 0s linear 0s; -webkit-transition:all 0s linear 0s; }
a#description-previous { background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/main_prev_next.png) no-repeat -7px -42px;}
a#description-previous:hover { background-position:-7px -6px }
a#description-next { background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/main_prev_next.png) no-repeat -42px -42px }
a#description-next:hover { background-position:-42px -6px }
div#project-controls { width:50px; position:absolute; right:0; bottom:60px; text-transform:uppercase; font-size:11px; -webkit-transition:.25s cubic-bezier(0, 0, 0.2, 1.0);
-moz-transition:.25s cubic-bezier(0, 0, 0.2, 1.0);
-o-transition:.25s cubic-bezier(0, 0, 0.2, 1.0);
-ms-transition:.25s cubic-bezier(0, 0, 0.2, 1.0);
transition:.25s cubic-bezier(0, 0, 0.2, 1.0)
}
div#project-controls.revealed { width:180px }
#project-controls a { text-decoration:none; display:block; color:#333; letter-spacing:0 }
#share-controls a#share-expand { height:40px;  padding-left:50px; background:#fff url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/share_plus.png) no-repeat 20px center; overflow:hidden;line-height:40px; }
#share-controls a#share-expand:hover { background-color:#f6f6f6 }
#share-controls div#share-inner { width:100%; height:40px; background-color:#fff; position:absolute; left:-100%; top:0; display:none; overflow:hidden }
#project-controls a#selection-link { padding-left:50px;  opacity:.8; color:#fff; background:#bf1e2e url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/back_to_selection_arrow.png) no-repeat 20px 50%; height:40px; line-height:40px; overflow:hidden }
#project-controls a#selection-link:hover { opacity:.8 }
#project-controls div#image-controls { height:36px; background:#fff url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/project_controls_divider.png) no-repeat left top; overflow:hidden }
#project-controls.revealed div#image-controls { background-image:none }
#image-controls p { float:left; color:#000; width:50px; padding-top:0; height:56px; text-align:center; }
.revealed #image-controls p { width:45px; letter-spacing:2px; margin-left:15px; padding-top:3px }
.ie7 .revealed #image-controls p { margin-top:8px }
.ie8 .revealed #image-controls p { margin-top:3px }
#image-controls span { display:inline-block; color:#000000; font-size:13px; text-align:center; clear:left; padding-bottom:1px; padding-top:1px; letter-spacing:1px }
.revealed #image-controls span { padding-left:2px; padding-right:2px; text-align:left; width:auto; clear:none;}
span#number { text-align:center; width:17px; display:inline-block; margin-left:3px; margin-top:3px }
.ie7 span#number, .ie8 span#number { margin-top:4px }
.revealed span#number { margin-right:0; text-align:left; width:auto; margin-left:0; display:inline-block; margin-top:0 }
span#number-slash { position:relative;}
.revealed span#number-slash { position:relative; margin-right:0; display:inline-block; top:1px; font-size:14px }
span#out-of { position:relative; text-align:center;  width:18px; }
.ie7 span#out-of, .ie8 span#out-of { margin-top:-11px }
.revealed span#out-of { position:static; text-align:left; width:auto; display:inline-block; margin-top:0; margin-left:0 } #image-controls a { display:inline-block; width:50px; line-height:0; text-indent:-9999px; height:36px;transition:all 0s linear 0s; -webkit-transition:all 0s linear 0s; vertical-align:top; }
#image-controls .prevPro { background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/main_prev_next.png) 5px top; }
#image-controls .prevPro:hover { background-position:5px bottom }
#image-controls .nextPro { background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/main_prev_next.png) -29px top; }
#image-controls .nextPro:hover { background-position:-29px bottom }
#image-controls span{display:inline-block; line-height:36px; font-size:11px; padding:0;}
div#facebook-holder, div#twitter-holder, div#email-holder { height:28px; padding-left:12px; padding-right:10px; padding-top:8px }
div#facebook-holder { border-bottom:1px solid #e9e9e9; height:27px }
div.news-item { margin-left:9%; margin-right:9%; border-bottom:6px solid #444; margin-top:40px; position:relative }
.news-item p.date { border:1px solid #888; width:64px; height:53px; text-align:center; -webkit-border-radius:32px; -moz-border-radius:32px; -o-border-radius:32px; -ie-border-radius:32px; border-radius:32px; text-transform:uppercase; font:10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#666; padding-top:11px; position:absolute; left:0; margin-left:-3px }
.ie7 .news-item p.date, .ie8 .news-item p.date { border-style:none; border-width:0; background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/news/news_date_circle.png) no-repeat left top }
.news-item p.date span { font:31px/31px "minion-pro-1", "minion-pro-2", "Times New Roman", Times; letter-spacing:1px; color:#555 }
.news-item h3 { font-size:19px; margin-left:80px; padding-bottom:10px; border-bottom:1px solid #444; margin-bottom:9px; padding-top:6px; line-height:21px }
.news-item h3 a { color:#444; text-decoration:none }
.news-item h3 a:hover { color:#3f7b4c }
.news-item em { font-style:italic }
.news-item p.item-details { margin-left:80px; text-transform:uppercase; color:#777; font:12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom:30px }
.news-item p.item-details a { color:#777; text-decoration:none }
.news-item p.item-details a:hover { text-decoration:underline; color:#555 }
.news-item img.fullsize { width:100% }
.news-item img.thumbnail { float:left; margin-right:30px; margin-top:11px; margin-bottom:27px }
.news-item .item-description { margin-top:35px; margin-bottom:35px }
.item-description p { line-height:24px; font-size:15px; margin-bottom:16px }
.news-item .item-sharing { float:left; margin-bottom:50px }
.item-sharing a.item-source { line-height:26px; display:inline-block; padding-left:22px; padding-right:12px; text-decoration:none; text-transform:uppercase; font-size:12px; color:#555; background:#e8e8e8 url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/news/source_link_arrow.png) no-repeat 8px center; letter-spacing:0; margin-right:10px; -webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
-ms-transition:.3s;
transition:.3s
}
a.item-source:hover { background-color:#d8d8d8; color:#333 }
.item-sharing p { text-transform:uppercase; font-size:12px; line-height:28px; display:inline-block; margin-right:5px }
.item-sharing a.social-share { display:inline-block; text-decoration:none; color:#fff; background:#777; letter-spacing:0; margin-right:2px; text-align:center; width:26px; text-transform:lowercase; font:13px/26px Verdana, "Lucida Grande", Lucida, sans-serif; -webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
-ms-transition:.3s;
transition:.3s
}
.item-sharing a.social-share:hover { background-color:#555 }
div#monograph-holder h2 span { text-transform:uppercase; font-size:11px; margin-left:19px }
#monograph-holder img { width:35%; float:left; margin-right:7% }
div#monograph-info { width:50%; float:left; margin-top:-7px }
#monograph-holder p#primary-content { font-size:15px; line-height:24px; color:#444; margin-bottom:20px }
#monograph-holder p#secondary-content { font:12px/21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom:25px; color:#666 }
#monograph-holder a { line-height:26px; display:inline-block; padding-left:22px; padding-right:12px; text-decoration:none; text-transform:uppercase; font-size:12px; color:#555; background:#e8e8e8 url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/news/source_link_arrow.png) no-repeat 8px center; letter-spacing:0; margin-right:10px; float:left; -webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
-ms-transition:.3s;
transition:.3s
}
#monograph-holder a:hover { background-color:#d8d8d8; color:#333 }
body#contact div#contact-info { margin-left:9%; float:left; width:30%; font:11px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-top:-7px; margin-right:2% }
div#contact-info h3 { font-size:14px; color:#444; font-family:"minion-pro-1", "minion-pro-2"; margin-bottom:10px }
div#contact-info a#map-link { text-decoration:none }
div#contact-info a#map-link:hover { text-decoration:underline }
div#contact-info div.adr { margin-bottom:8px }
div#contact-info a { color:#555 }
div.tel span, div.fax span { text-transform:uppercase; font-weight:bold; font-size:10px }
div#contact-info p.contact-name { margin-top:8px }
div#contact-info a#facebook-link { text-decoration:none; background-color:#e8e8e8; text-transform:uppercase; display:inline-block; padding:1px 8px; margin-top:15px; margin-bottom:30px; -webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
-ms-transition:.3s;
transition:.3s
}
div#contact-info a#facebook-link:hover { background-color:#d8d8d8; color:#333 }
body#contact div#form-holder { float:left; margin-top:-3px; width:48% }
body#contact form { float:left; width:100% }
body#contact form label, body#contact form input, body#contact form textarea { float:left; width:100% }
body#contact form label { text-transform:uppercase; font-size:12px; margin-bottom:8px }
body#contact form label span { text-transform:capitalize; color:#f00; font-style:italic; padding-left:5px }
body#contact form input, body#contact form textarea { border-style:none; background-color:#e8e8e8; padding:8px 9px; margin-bottom:18px; font-size:11px; line-height:16px; -webkit-transition:background-color .3s;
-moz-transition:background-color .3s;
-o-transition:background-color .3s;
-ms-transition:background-color .3s;
transition:background-color .3s
}
body#contact input:focus, body#contact textarea:focus { background-color:#e2efe4 }
body#contact form div#news-subscribe-holder { float:left; width:100%; font-size:14px; margin-top:9px }
body#contact form input#news-subscribe { float:left; width:21px; margin-top:1px; margin-left:0; padding:0; background-color:#fff }
.ie7 body#contact form input#news-subscribe { position:relative; top:-5px; margin-right:5px }
body#contact form input.submit { background-color:#333; height:34px; color:#fffeff; text-transform:uppercase; font:12px "minion-pro-1", "minion-pro-2"; padding-top:0; padding-bottom:0; width:160px; margin-top:10px; cursor:pointer; cursor:hand; clear:left }
body#contact form h4 { margin-top:30px; font-size:16px; border-bottom-style:solid; border-bottom-width:1px; margin-bottom:26px; padding-bottom:9px; float:left; width:auto; clear:left }
body#success p { font-size:15px; line-height:22px; margin:-6px 9% 50px }
body#success p a { color:#383838 }
body#success div#recent-projects { float:left; margin-left:9%; margin-right:9% }
body#success div#recent-projects h4 { margin-bottom:27px; font-size:16px; border-bottom-style:solid; border-bottom-width:1px; padding-bottom:10px }
body#success div#recent-projects a { float:left; width:130px; height:130px; margin-right:12px; margin-bottom:12px; padding:20px; color:#fff; text-decoration:none; text-transform:uppercase; font-size:17px; line-height:20px; text-indent:-9999px }
div#thumbs-holder  { display:none }
body#projects ul#subnav{ display:none !important }
div#thumbs-holder h3 { display:none }
div#project-holder { display:none }
div#project-holder div#images-holder { display:none }
a#share-facebook, a#share-twitter { display:none }
div#backstretch.css-animated, div#old-backstretch.css-animated { -webkit-transform-style:preserve-3d; -webkit-transition:.7s;
-webkit-backface-visibility:hidden; -webkit-perspective:1000 }
div#backstretch.css-animated img, div#old-backstretch.css-animated img { -webkit-transform:translate3d(0, 0, 0) }
div#backstretch, div#old-backstretch { cursor:pointer; cursor:hand }
div#hidden-images { visibility:hidden; position:absolute; z-index:-9999 }
p#preloader { text-align:center; color:#c0c0c0; font-size:20px; text-transform:uppercase; margin-top:-120px; line-height:27px; padding-top:80px; padding-bottom:80px; position:absolute; top:50%; z-index:-11111; margin-bottom:0; width:100% }
p#preloader span { font-size:9px; letter-spacing:1px; color:#d6d6d6 }
p#preloader div#bar-holder div { width:6px; height:1px; background-color:#000; display:inline-block; margin-left:2px; margin-top:42px; margin-right:2px; position:relative; top:0 }
div#holding { width:26px; position:absolute; top:0; text-transform:uppercase; text-align:center; letter-spacing:1px; color:#444; display:none; right:0; margin-top:50px; margin-right:50px; text-indent:-9999px; background:#fff; height:26px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; border-radius:2px }
div.cursor { width:36px; height:36px; position:absolute; z-index:10; overflow:visible; opacity:1; -webkit-transition:opacity .3s;
-moz-transition:opacity .3s;
-o-transition:opacity .3s;
-ms-transition:opacity .3s;
transition:opacity .3s
}
div.cursor.left { background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/cursor_left.png) no-repeat top left; left:70px }
div.cursor.right { background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/cursor_right.png) no-repeat top left }
div.cursor.hide { opacity:0 }
p#cursor-subhead { color:#fff;  font-size:12px; width:100px; padding-top:58px; opacity:.8; text-align:center }
div.cursor.next-project-cursor { width:100px; height:100px; margin-left:-40px; background:#bf1e2e url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/cursor_right.png) no-repeat center 15px; opacity:.8; margin-top:-15px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; -ms-border-radius:50px; border-radius:50px }
div.cursor.hide.next-project-cursor { opacity:0 }
@media all and (orientation:portrait) {
a#featured-primary-link { display:block; width:100%; height:70%; position:absolute; top:0; left:0; bottom:0 }
body#home h2#project-title { bottom:38% }
body#home h4#project-location { bottom:36% }
div#right-content { width:100%; border-left:none; position:absolute; background:#111 url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/common/gradient_bg-dark.png) repeat-x; height:30%; min-height:250px; top:auto; left:0; bottom:0; border-top:12px solid #fff }
div#featured-secondary { height:100%; border-bottom:0; width:48%; border-right:12px solid #fff; float:left }
div#featured-secondary img { min-height:450px; margin-left:-4%; position:absolute; height:100% }
div#right-content div#about-content { color:#dedede; font-size:14px; line-height:23px; padding-left:6%; padding-right:4%; padding-top:3%; float:left; width:40% }
div#right-content div#about-content p { padding-top:1% }
div#about-content img { margin-left:-6px; margin-bottom:-5px }
}
@media all and (orientation:portrait) and (min-height:1000px) {
div#right-content div#about-content p {font-size:16px;line-height:26px}
}
@media all and (orientation:landscape) and (min-height:800px) {
div#right-content div#about-content p {font-size:16px;line-height:26px}
}
@media all and (orientation:portrait) and (max-height:750px) {
body#home h2#project-title {bottom:300px}
body#home h4#project-location {bottom:285px}
}
.shareControl li{float:left; width:20%;}
.shareControl li a{display:block; text-align:center; font-size:20px; line-height:40px; border-right:1px solid #ccc;}
.shareControl li a:hover{color:#fff; background:#bf1e2e;}
.shareControl li a:hover .fa{color:#fff;} .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }
.mCSB_container { overflow: hidden; width: auto; height: auto; }
.mCSB_inside > .mCSB_container { margin-right:30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; }
.mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; }
.mCSB_outside + .mCSB_scrollTools { right: -26px; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; }
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; }
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }
.mCSB_scrollTools a + .mCSB_draggerContainer { margin:0; }
.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }
.mCSB_scrollTools .mCSB_buttonDown { bottom: 0; }
.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; }
.mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_hidden { margin-bottom: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; }
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto; }
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; }
.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width:7px; background:rgba(0, 0, 0, 0.1); }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:rgba(191, 30, 46, 0.8); }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:7px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOut { 0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut { 0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.no-js .owl-carousel { display: block; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }
.owl-carousel .owl-item img { }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(//bdesign24.studio/wp-content/themes/bdesign24studio/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; }
.owl-theme .owl-dots{text-align:center; padding-top:20px;}
.owl-theme .owl-dots .owl-dot { display:inline-block; zoom:1; *display:inline
}
.owl-theme .owl-dots .owl-dot span { width:11px; height:11px; margin:0 5px; border:1px solid #bf1e2e; display:block; -webkit-backface-visibility:visible; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; -ms-transition:opacity 200ms ease; -o-transition:opacity 200ms ease; transition:opacity 200ms ease; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:#bf1e2e }
.commonInnerBanner{position:relative;}
.commonInnerBanner img{width:100%; display:block;}
.commonInnerBanner .overlay{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.44); padding:0 72px;}
.commonInnerBanner h2{font-family: 'montserrathairline'; font-size:48px; line-height:58px; margin-bottom:20px; text-transform:uppercase; color:#fff;}
.commonInnerBanner p{font-family: 'montserrathairline'; font-size:18px; line-height:25px; max-width:450px;color:#fff;}
.commonLeftImgRow .leftCol{float:left; width:33%;}
.commonLeftImgRow .leftCol img{width:100%; display:block;}
.commonLeftImgRow .rightCol{float:left; width:67%; padding:70px 0 0 70px;}
.commonLeftImgRow h2{font-size:22px; color:#bf1e2e; line-height:30px; text-transform:uppercase;font-family: 'montserratlight'; margin-bottom:35px; letter-spacing: 3px;}
.commonLeftImgRow h2 span{font-family: 'montserratbold';}
.commonLeftImgRow .box{float:left; width:50%; padding:0 70px 0 0;}
.commonLeftImgRow .box h3{font-size:18px; line-height:26px; color:#000000; text-transform:uppercase;margin-bottom:20px; font-family: 'montserratregular';}
.commonLeftImgRow .box p{font-size:14px; color:#000000;font-family: 'montserratlight'; margin-bottom:30px; height:105px; overflow:hidden; padding:0;}
.commonRightImgRow .leftCol{float:right; width:33%;}
.commonRightImgRow .leftCol img{width:100%; display:block;}
.commonRightImgRow .rightCol{float:left; width:67%; padding:70px 0 0 70px;}
.commonRightImgRow h2{font-size:22px; color:#bf1e2e; line-height:30px; text-transform:uppercase;font-family: 'montserratlight'; margin-bottom:35px; letter-spacing:3px;}
.commonRightImgRow h2 span{font-family: 'montserratbold';}
.commonRightImgRow .box{float:left; width:50%; padding:0 70px 0 0;}
.commonRightImgRow .box h3{font-size:18px; line-height:26px; color:#000000; text-transform:uppercase;margin-bottom:20px; font-family: 'montserratregular';}
.commonRightImgRow .box p{font-size:14px; color:#000000;font-family: 'montserratlight'; margin-bottom:30px; height:105px; overflow:hidden; padding:0;}
.counterRow{padding:115px 0; background-attachment:fixed;}
.counterRow .box{float:left; width:33.333333%; padding:0 30px; text-align:center;}
.counterRow .box .number{font-size:48px; color:#000;font-family: 'montserratbold'; line-height:65px;}
.counterRow .box .title{color:#bf1e2e;font-family: 'montserratbold'; font-size:14px; text-transform:uppercase;}
.commonLeftLargeImgRow .leftCol{float:left; width:33%;}
.commonLeftLargeImgRow .leftCol img{width:100%; display:block;}
.commonLeftLargeImgRow .rightCol{float:left; width:67%; padding:70px 0 0 70px;}
.commonLeftLargeImgRow h2{font-size:22px; color:#bf1e2e; line-height:30px; text-transform:uppercase;font-family: 'montserratlight'; margin-bottom:35px;letter-spacing:3px;}
.commonLeftLargeImgRow h2 span{font-family: 'montserratbold';}
.commonLeftLargeImgRow .box{float:left; width:50%; padding:0 70px 0 0;}
.commonLeftLargeImgRow .box .inner{position:relative; padding:0 0 15px 64px;}
.commonLeftLargeImgRow .box .inner:after{position:absolute; left:0; top:-8px; content:""; width:54px; height:48px;}
.commonLeftLargeImgRow .box.box1 .inner:after{background-position:16px 0;}
.commonLeftLargeImgRow .box.box2 .inner:after{background-position:-71px 0;}
.commonLeftLargeImgRow .box.box3 .inner:after{background-position:-154px 0;}
.commonLeftLargeImgRow .box.box4 .inner:after{background-position:-241px 0;}
.commonLeftLargeImgRow .box.box5 .inner:after{background-position:-321px 0;}
.commonLeftLargeImgRow .box.box6 .inner:after{background-position:-406px 0;}
.commonLeftLargeImgRow .box h3{font-size:18px; line-height:26px; color:#000000; text-transform:uppercase;margin-bottom:20px; font-family: 'montserratregular';}
.commonLeftLargeImgRow .box p{font-size:14px; color:#000000;font-family: 'montserratlight'; margin-bottom:30px; overflow:hidden; padding:0; }
.commonRightLargeImgRow .leftCol{float:right; width:33%;}
.commonRightLargeImgRow .leftCol img{width:100%; display:block;}
.commonRightLargeImgRow .rightCol{float:left; width:67%; padding:70px 0 0 70px;}
.commonRightLargeImgRow h2{font-size:22px; color:#bf1e2e; line-height:30px; text-transform:uppercase;font-family: 'montserratlight'; margin-bottom:35px;letter-spacing:3px;}
.commonRightLargeImgRow h2 span{font-family: 'montserratbold';}
.commonRightLargeImgRow .box{float:left; width:50%; padding:0 70px 0 0;}
.commonRightLargeImgRow .box .inner{position:relative; padding:0 0 15px 64px;}
.commonRightLargeImgRow .box .inner:after{position:absolute; left:0; top:-8px; content:""; width:54px; height:48px;}
.commonRightLargeImgRow .box.box1 .inner:after{background-position:16px 0;}
.commonRightLargeImgRow .box.box2 .inner:after{background-position:-71px 0;}
.commonRightLargeImgRow .box.box3 .inner:after{background-position:-154px 0;}
.commonRightLargeImgRow .box.box4 .inner:after{background-position:-241px 0;}
.commonRightLargeImgRow .box.box5 .inner:after{background-position:-321px 0;}
.commonRightLargeImgRow .box.box6 .inner:after{background-position:-406px 0;}
.commonRightLargeImgRow .box h3{font-size:18px; line-height:26px; color:#000000; text-transform:uppercase;margin-bottom:20px; font-family: 'montserratregular';}
.commonRightLargeImgRow .box p{font-size:14px; color:#000000;font-family: 'montserratlight'; margin-bottom:30px; height:105px; overflow:hidden; padding:0;} .resTab { position: relative; }
.resTab .tabNav .r-tabs-state-active a { color: #bf1e2e; text-shadow: none;}
.resTab .tabContent { padding:35px 0; display: none; }
.resTab .r-tabs-panel.r-tabs-state-active { display: block; }
.resTab .r-tabs-accordion-title { display:none; }
.resTab .tabNav .r-tabs-state-disabled { opacity: 0.5; }
.resTab .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #fcb751 ; color: #fff;text-decoration: none; }
.resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { color: #fff;background-color: #000 ; text-shadow: none; }
.resTab .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; }
.tabNav li { display:inline-block; }
.tabNav li a { display:block; position:relative; line-height:26px; font-size:20px; color:#000; padding:10px 20px;}
.tabNav li a:hover { color: #bf1e2e; }
.projectArea .tabNav{background:#000; padding:25px 0; text-align:center;}
.projectArea .tabNav li{display:inline-block; margin:0 22px;}
.projectArea .tabNav li a{font-size:14px; color:#fff; text-transform:uppercase; letter-spacing:2px; font-family: 'montserratregular'; padding:0 22px; line-height:35px; position:relative;; z-index:1;}
.projectArea .tabNav li a:after{width:100%; height:0;  z-index:-1; background:#fcb751; position:absolute; left:0; bottom:0; content:""; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s;}
.projectArea .tabNav li a:hover:after, .projectArea .tabNav li.r-tabs-state-active a:after{height:100%;}
.projectArea .tabNav li.r-tabs-state-active a{color:#fff;}
.projectArea .projectListing li{float:left; width:25%;}
.projectArea .projectListing .imgHolder{position:relative;}
.projectArea .projectListing .imgHolder img{width:100%; display:block;}
.projectArea .projectListing .overlay{position:absolute; left:0; top:0; width:100%; height:100%;content:""; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; background:rgba(255, 255, 255, 0.60); opacity:0;}
.projectArea .projectListing li:hover .overlay{opacity:1;}
.projectArea .projectListing h2{color:#000; letter-spacing:2px;font-family: 'montserratregular'; font-size:14px; text-transform:uppercase; text-align:center; position:absolute; top:50%; margin-top:-10px; width:100%;}
.projectArea .tabContent{padding:0;}
.blog{background:#f8f8f8; padding:80px 70px;}
.blog h2{font-size:22px; color:#bf1e2e; line-height:30px; text-transform:uppercase;font-family: 'montserratlight'; margin-bottom:35px;letter-spacing:3px;}
.blog h2 span{font-family: 'montserratbold';}
.blog .box{background:#fff; padding:30px; border:1px solid #e5e1e1;}
.blog .box h3{color:#000; font-size:14px;font-family: 'montserratregular'; margin-bottom:20px; text-transform:uppercase;}
.blog .box p{font-size:14px; line-height:22px; color:#000000;font-family: 'montserratlight'; margin:0; height:88px; overflow:hidden; padding:0;}
.blog .userArea{margin:20px 0;}
.blog .userArea .userPhoto{width:70px; height:70px; border-radius:50%; float:left; margin:0 30px; overflow:hidden;}
.blog .userArea .userPhoto img{width:100%;}
.blog .userArea .userdetails{padding-left:100px; padding-right:15px;}
.blog .userArea .userdetails .userName{font-size:14px; color:#000000;font-family: 'montserratregular'; padding-top:12px;}
.blog .userArea .userdetails .userName span{display:block; margin-top:5px; color:#808285;}
#footer{padding:25px 70px; background:#000; }
#footer p{float:left; margin:0; padding:5px 0 0 0;color:#fff;font-family: 'montserratlight'; font-size:15px;}
.socialGroup { float:right; }
.socialGroup ul li { display:inline-block; padding:0 8px; }
.socialGroup ul li .fa { width:35px; height:35px; display:block; color:#000; background:#fff; font-size:20px; border-radius:50%; text-align:center; padding:7px 0; transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; }
.socialGroup ul li a:hover .fa-facebook { background:#2b4173; }
.socialGroup ul li a:hover .fa-twitter { background:#0eb1f2; }
.socialGroup ul li a:hover .fa-google-plus { background:#c63e24; }
.socialGroup ul li a:hover .fa-linkedin { background:#0775ce; }
.socialGroup ul li a:hover .fa { color:#fff; }.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}@font-face {
font-family: 'montserrathairline';
src: url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/montserrat-hairline.woff2) format('woff2'),
url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/montserrat-hairline.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'montserratlight';
src: url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/montserrat-light.woff2) format('woff2'),
url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/montserrat-light.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'montserratregular';
src: url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/montserrat-regular.woff2) format('woff2'),
url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/montserrat-regular.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'montserratbold';
src: url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/montserrat-bold.woff2) format('woff2'),
url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/montserrat-bold.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'montserratsemi_bold';
src: url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/montserrat-semibold.woff2) format('woff2'),
url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/montserrat-semibold.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FontAwesome';
src: url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/fontawesome-webfont.eot?v=4.3.0);
src: url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'), url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'), url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'), url(//bdesign24.studio/wp-content/themes/bdesign24studio/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-fw { width: 1.28571429em; text-align: center; }
.fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; }
.fa-ul > li { position: relative; }
.fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; }
.fa-li.fa-lg { left: -1.85714286em; }
.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; }
.pull-right { float: right; }
.pull-left { float: left; }
.fa.pull-left { margin-right: .3em; }
.fa.pull-right { margin-left: .3em; }
.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin { 0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin { 0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; }
.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }
.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }
.fa-inverse { color: #ffffff; } .fa-glass:before { content: "\f000"; }
.fa-music:before { content: "\f001"; }
.fa-search:before { content: "\f002"; }
.fa-envelope-o:before { content: "\f003"; }
.fa-heart:before { content: "\f004"; }
.fa-star:before { content: "\f005"; }
.fa-star-o:before { content: "\f006"; }
.fa-user:before { content: "\f007"; }
.fa-film:before { content: "\f008"; }
.fa-th-large:before { content: "\f009"; }
.fa-th:before { content: "\f00a"; }
.fa-th-list:before { content: "\f00b"; }
.fa-check:before { content: "\f00c"; }
.fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; }
.fa-search-plus:before { content: "\f00e"; }
.fa-search-minus:before { content: "\f010"; }
.fa-power-off:before { content: "\f011"; }
.fa-signal:before { content: "\f012"; }
.fa-gear:before, .fa-cog:before { content: "\f013"; }
.fa-trash-o:before { content: "\f014"; }
.fa-home:before { content: "\f015"; }
.fa-file-o:before { content: "\f016"; }
.fa-clock-o:before { content: "\f017"; }
.fa-road:before { content: "\f018"; }
.fa-download:before { content: "\f019"; }
.fa-arrow-circle-o-down:before { content: "\f01a"; }
.fa-arrow-circle-o-up:before { content: "\f01b"; }
.fa-inbox:before { content: "\f01c"; }
.fa-play-circle-o:before { content: "\f01d"; }
.fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; }
.fa-refresh:before { content: "\f021"; }
.fa-list-alt:before { content: "\f022"; }
.fa-lock:before { content: "\f023"; }
.fa-flag:before { content: "\f024"; }
.fa-headphones:before { content: "\f025"; }
.fa-volume-off:before { content: "\f026"; }
.fa-volume-down:before { content: "\f027"; }
.fa-volume-up:before { content: "\f028"; }
.fa-qrcode:before { content: "\f029"; }
.fa-barcode:before { content: "\f02a"; }
.fa-tag:before { content: "\f02b"; }
.fa-tags:before { content: "\f02c"; }
.fa-book:before { content: "\f02d"; }
.fa-bookmark:before { content: "\f02e"; }
.fa-print:before { content: "\f02f"; }
.fa-camera:before { content: "\f030"; }
.fa-font:before { content: "\f031"; }
.fa-bold:before { content: "\f032"; }
.fa-italic:before { content: "\f033"; }
.fa-text-height:before { content: "\f034"; }
.fa-text-width:before { content: "\f035"; }
.fa-align-left:before { content: "\f036"; }
.fa-align-center:before { content: "\f037"; }
.fa-align-right:before { content: "\f038"; }
.fa-align-justify:before { content: "\f039"; }
.fa-list:before { content: "\f03a"; }
.fa-dedent:before, .fa-outdent:before { content: "\f03b"; }
.fa-indent:before { content: "\f03c"; }
.fa-video-camera:before { content: "\f03d"; }
.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; }
.fa-pencil:before { content: "\f040"; }
.fa-map-marker:before { content: "\f041"; }
.fa-adjust:before { content: "\f042"; }
.fa-tint:before { content: "\f043"; }
.fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; }
.fa-share-square-o:before { content: "\f045"; }
.fa-check-square-o:before { content: "\f046"; }
.fa-arrows:before { content: "\f047"; }
.fa-step-backward:before { content: "\f048"; }
.fa-fast-backward:before { content: "\f049"; }
.fa-backward:before { content: "\f04a"; }
.fa-play:before { content: "\f04b"; }
.fa-pause:before { content: "\f04c"; }
.fa-stop:before { content: "\f04d"; }
.fa-forward:before { content: "\f04e"; }
.fa-fast-forward:before { content: "\f050"; }
.fa-step-forward:before { content: "\f051"; }
.fa-eject:before { content: "\f052"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-plus-circle:before { content: "\f055"; }
.fa-minus-circle:before { content: "\f056"; }
.fa-times-circle:before { content: "\f057"; }
.fa-check-circle:before { content: "\f058"; }
.fa-question-circle:before { content: "\f059"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-crosshairs:before { content: "\f05b"; }
.fa-times-circle-o:before { content: "\f05c"; }
.fa-check-circle-o:before { content: "\f05d"; }
.fa-ban:before { content: "\f05e"; }
.fa-arrow-left:before { content: "\f060"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-arrow-up:before { content: "\f062"; }
.fa-arrow-down:before { content: "\f063"; }
.fa-mail-forward:before, .fa-share:before { content: "\f064"; }
.fa-expand:before { content: "\f065"; }
.fa-compress:before { content: "\f066"; }
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }
.fa-asterisk:before { content: "\f069"; }
.fa-exclamation-circle:before { content: "\f06a"; }
.fa-gift:before { content: "\f06b"; }
.fa-leaf:before { content: "\f06c"; }
.fa-fire:before { content: "\f06d"; }
.fa-eye:before { content: "\f06e"; }
.fa-eye-slash:before { content: "\f070"; }
.fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; }
.fa-plane:before { content: "\f072"; }
.fa-calendar:before { content: "\f073"; }
.fa-random:before { content: "\f074"; }
.fa-comment:before { content: "\f075"; }
.fa-magnet:before { content: "\f076"; }
.fa-chevron-up:before { content: "\f077"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-retweet:before { content: "\f079"; }
.fa-shopping-cart:before { content: "\f07a"; }
.fa-folder:before { content: "\f07b"; }
.fa-folder-open:before { content: "\f07c"; }
.fa-arrows-v:before { content: "\f07d"; }
.fa-arrows-h:before { content: "\f07e"; }
.fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; }
.fa-twitter-square:before { content: "\f081"; }
.fa-facebook-square:before { content: "\f082"; }
.fa-camera-retro:before { content: "\f083"; }
.fa-key:before { content: "\f084"; }
.fa-gears:before, .fa-cogs:before { content: "\f085"; }
.fa-comments:before { content: "\f086"; }
.fa-thumbs-o-up:before { content: "\f087"; }
.fa-thumbs-o-down:before { content: "\f088"; }
.fa-star-half:before { content: "\f089"; }
.fa-heart-o:before { content: "\f08a"; }
.fa-sign-out:before { content: "\f08b"; }
.fa-linkedin-square:before { content: "\f08c"; }
.fa-thumb-tack:before { content: "\f08d"; }
.fa-external-link:before { content: "\f08e"; }
.fa-sign-in:before { content: "\f090"; }
.fa-trophy:before { content: "\f091"; }
.fa-github-square:before { content: "\f092"; }
.fa-upload:before { content: "\f093"; }
.fa-lemon-o:before { content: "\f094"; }
.fa-phone:before { content: "\f095"; }
.fa-square-o:before { content: "\f096"; }
.fa-bookmark-o:before { content: "\f097"; }
.fa-phone-square:before { content: "\f098"; }
.fa-twitter:before { content: "\f099"; }
.fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; }
.fa-github:before { content: "\f09b"; }
.fa-unlock:before { content: "\f09c"; }
.fa-credit-card:before { content: "\f09d"; }
.fa-rss:before { content: "\f09e"; }
.fa-hdd-o:before { content: "\f0a0"; }
.fa-bullhorn:before { content: "\f0a1"; }
.fa-bell:before { content: "\f0f3"; }
.fa-certificate:before { content: "\f0a3"; }
.fa-hand-o-right:before { content: "\f0a4"; }
.fa-hand-o-left:before { content: "\f0a5"; }
.fa-hand-o-up:before { content: "\f0a6"; }
.fa-hand-o-down:before { content: "\f0a7"; }
.fa-arrow-circle-left:before { content: "\f0a8"; }
.fa-arrow-circle-right:before { content: "\f0a9"; }
.fa-arrow-circle-up:before { content: "\f0aa"; }
.fa-arrow-circle-down:before { content: "\f0ab"; }
.fa-globe:before { content: "\f0ac"; }
.fa-wrench:before { content: "\f0ad"; }
.fa-tasks:before { content: "\f0ae"; }
.fa-filter:before { content: "\f0b0"; }
.fa-briefcase:before { content: "\f0b1"; }
.fa-arrows-alt:before { content: "\f0b2"; }
.fa-group:before, .fa-users:before { content: "\f0c0"; }
.fa-chain:before, .fa-link:before { content: "\f0c1"; }
.fa-cloud:before { content: "\f0c2"; }
.fa-flask:before { content: "\f0c3"; }
.fa-cut:before, .fa-scissors:before { content: "\f0c4"; }
.fa-copy:before, .fa-files-o:before { content: "\f0c5"; }
.fa-paperclip:before { content: "\f0c6"; }
.fa-save:before, .fa-floppy-o:before { content: "\f0c7"; }
.fa-square:before { content: "\f0c8"; }
.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; }
.fa-list-ul:before { content: "\f0ca"; }
.fa-list-ol:before { content: "\f0cb"; }
.fa-strikethrough:before { content: "\f0cc"; }
.fa-underline:before { content: "\f0cd"; }
.fa-table:before { content: "\f0ce"; }
.fa-magic:before { content: "\f0d0"; }
.fa-truck:before { content: "\f0d1"; }
.fa-pinterest:before { content: "\f0d2"; }
.fa-pinterest-square:before { content: "\f0d3"; }
.fa-google-plus-square:before { content: "\f0d4"; }
.fa-google-plus:before { content: "\f0d5"; }
.fa-money:before { content: "\f0d6"; }
.fa-caret-down:before { content: "\f0d7"; }
.fa-caret-up:before { content: "\f0d8"; }
.fa-caret-left:before { content: "\f0d9"; }
.fa-caret-right:before { content: "\f0da"; }
.fa-columns:before { content: "\f0db"; }
.fa-unsorted:before, .fa-sort:before { content: "\f0dc"; }
.fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; }
.fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; }
.fa-legal:before, .fa-gavel:before { content: "\f0e3"; }
.fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; }
.fa-comment-o:before { content: "\f0e5"; }
.fa-comments-o:before { content: "\f0e6"; }
.fa-flash:before, .fa-bolt:before { content: "\f0e7"; }
.fa-sitemap:before { content: "\f0e8"; }
.fa-umbrella:before { content: "\f0e9"; }
.fa-paste:before, .fa-clipboard:before { content: "\f0ea"; }
.fa-lightbulb-o:before { content: "\f0eb"; }
.fa-exchange:before { content: "\f0ec"; }
.fa-cloud-download:before { content: "\f0ed"; }
.fa-cloud-upload:before { content: "\f0ee"; }
.fa-user-md:before { content: "\f0f0"; }
.fa-stethoscope:before { content: "\f0f1"; }
.fa-suitcase:before { content: "\f0f2"; }
.fa-bell-o:before { content: "\f0a2"; }
.fa-coffee:before { content: "\f0f4"; }
.fa-cutlery:before { content: "\f0f5"; }
.fa-file-text-o:before { content: "\f0f6"; }
.fa-building-o:before { content: "\f0f7"; }
.fa-hospital-o:before { content: "\f0f8"; }
.fa-ambulance:before { content: "\f0f9"; }
.fa-medkit:before { content: "\f0fa"; }
.fa-fighter-jet:before { content: "\f0fb"; }
.fa-beer:before { content: "\f0fc"; }
.fa-h-square:before { content: "\f0fd"; }
.fa-plus-square:before { content: "\f0fe"; }
.fa-angle-double-left:before { content: "\f100"; }
.fa-angle-double-right:before { content: "\f101"; }
.fa-angle-double-up:before { content: "\f102"; }
.fa-angle-double-down:before { content: "\f103"; }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }
.fa-angle-up:before { content: "\f106"; }
.fa-angle-down:before { content: "\f107"; }
.fa-desktop:before { content: "\f108"; }
.fa-laptop:before { content: "\f109"; }
.fa-tablet:before { content: "\f10a"; }
.fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; }
.fa-circle-o:before { content: "\f10c"; }
.fa-quote-left:before { content: "\f10d"; }
.fa-quote-right:before { content: "\f10e"; }
.fa-spinner:before { content: "\f110"; }
.fa-circle:before { content: "\f111"; }
.fa-mail-reply:before, .fa-reply:before { content: "\f112"; }
.fa-github-alt:before { content: "\f113"; }
.fa-folder-o:before { content: "\f114"; }
.fa-folder-open-o:before { content: "\f115"; }
.fa-smile-o:before { content: "\f118"; }
.fa-frown-o:before { content: "\f119"; }
.fa-meh-o:before { content: "\f11a"; }
.fa-gamepad:before { content: "\f11b"; }
.fa-keyboard-o:before { content: "\f11c"; }
.fa-flag-o:before { content: "\f11d"; }
.fa-flag-checkered:before { content: "\f11e"; }
.fa-terminal:before { content: "\f120"; }
.fa-code:before { content: "\f121"; }
.fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; }
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; }
.fa-location-arrow:before { content: "\f124"; }
.fa-crop:before { content: "\f125"; }
.fa-code-fork:before { content: "\f126"; }
.fa-unlink:before, .fa-chain-broken:before { content: "\f127"; }
.fa-question:before { content: "\f128"; }
.fa-info:before { content: "\f129"; }
.fa-exclamation:before { content: "\f12a"; }
.fa-superscript:before { content: "\f12b"; }
.fa-subscript:before { content: "\f12c"; }
.fa-eraser:before { content: "\f12d"; }
.fa-puzzle-piece:before { content: "\f12e"; }
.fa-microphone:before { content: "\f130"; }
.fa-microphone-slash:before { content: "\f131"; }
.fa-shield:before { content: "\f132"; }
.fa-calendar-o:before { content: "\f133"; }
.fa-fire-extinguisher:before { content: "\f134"; }
.fa-rocket:before { content: "\f135"; }
.fa-maxcdn:before { content: "\f136"; }
.fa-chevron-circle-left:before { content: "\f137"; }
.fa-chevron-circle-right:before { content: "\f138"; }
.fa-chevron-circle-up:before { content: "\f139"; }
.fa-chevron-circle-down:before { content: "\f13a"; }
.fa-html5:before { content: "\f13b"; }
.fa-css3:before { content: "\f13c"; }
.fa-anchor:before { content: "\f13d"; }
.fa-unlock-alt:before { content: "\f13e"; }
.fa-bullseye:before { content: "\f140"; }
.fa-ellipsis-h:before { content: "\f141"; }
.fa-ellipsis-v:before { content: "\f142"; }
.fa-rss-square:before { content: "\f143"; }
.fa-play-circle:before { content: "\f144"; }
.fa-ticket:before { content: "\f145"; }
.fa-minus-square:before { content: "\f146"; }
.fa-minus-square-o:before { content: "\f147"; }
.fa-level-up:before { content: "\f148"; }
.fa-level-down:before { content: "\f149"; }
.fa-check-square:before { content: "\f14a"; }
.fa-pencil-square:before { content: "\f14b"; }
.fa-external-link-square:before { content: "\f14c"; }
.fa-share-square:before { content: "\f14d"; }
.fa-compass:before { content: "\f14e"; }
.fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; }
.fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; }
.fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; }
.fa-euro:before, .fa-eur:before { content: "\f153"; }
.fa-gbp:before { content: "\f154"; }
.fa-dollar:before, .fa-usd:before { content: "\f155"; }
.fa-rupee:before, .fa-inr:before { content: "\f156"; }
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; }
.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; }
.fa-won:before, .fa-krw:before { content: "\f159"; }
.fa-bitcoin:before, .fa-btc:before { content: "\f15a"; }
.fa-file:before { content: "\f15b"; }
.fa-file-text:before { content: "\f15c"; }
.fa-sort-alpha-asc:before { content: "\f15d"; }
.fa-sort-alpha-desc:before { content: "\f15e"; }
.fa-sort-amount-asc:before { content: "\f160"; }
.fa-sort-amount-desc:before { content: "\f161"; }
.fa-sort-numeric-asc:before { content: "\f162"; }
.fa-sort-numeric-desc:before { content: "\f163"; }
.fa-thumbs-up:before { content: "\f164"; }
.fa-thumbs-down:before { content: "\f165"; }
.fa-youtube-square:before { content: "\f166"; }
.fa-youtube:before { content: "\f167"; }
.fa-xing:before { content: "\f168"; }
.fa-xing-square:before { content: "\f169"; }
.fa-youtube-play:before { content: "\f16a"; }
.fa-dropbox:before { content: "\f16b"; }
.fa-stack-overflow:before { content: "\f16c"; }
.fa-instagram:before { content: "\f16d"; }
.fa-flickr:before { content: "\f16e"; }
.fa-adn:before { content: "\f170"; }
.fa-bitbucket:before { content: "\f171"; }
.fa-bitbucket-square:before { content: "\f172"; }
.fa-tumblr:before { content: "\f173"; }
.fa-tumblr-square:before { content: "\f174"; }
.fa-long-arrow-down:before { content: "\f175"; }
.fa-long-arrow-up:before { content: "\f176"; }
.fa-long-arrow-left:before { content: "\f177"; }
.fa-long-arrow-right:before { content: "\f178"; }
.fa-apple:before { content: "\f179"; }
.fa-windows:before { content: "\f17a"; }
.fa-android:before { content: "\f17b"; }
.fa-linux:before { content: "\f17c"; }
.fa-dribbble:before { content: "\f17d"; }
.fa-skype:before { content: "\f17e"; }
.fa-foursquare:before { content: "\f180"; }
.fa-trello:before { content: "\f181"; }
.fa-female:before { content: "\f182"; }
.fa-male:before { content: "\f183"; }
.fa-gittip:before, .fa-gratipay:before { content: "\f184"; }
.fa-sun-o:before { content: "\f185"; }
.fa-moon-o:before { content: "\f186"; }
.fa-archive:before { content: "\f187"; }
.fa-bug:before { content: "\f188"; }
.fa-vk:before { content: "\f189"; }
.fa-weibo:before { content: "\f18a"; }
.fa-renren:before { content: "\f18b"; }
.fa-pagelines:before { content: "\f18c"; }
.fa-stack-exchange:before { content: "\f18d"; }
.fa-arrow-circle-o-right:before { content: "\f18e"; }
.fa-arrow-circle-o-left:before { content: "\f190"; }
.fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; }
.fa-dot-circle-o:before { content: "\f192"; }
.fa-wheelchair:before { content: "\f193"; }
.fa-vimeo-square:before { content: "\f194"; }
.fa-turkish-lira:before, .fa-try:before { content: "\f195"; }
.fa-plus-square-o:before { content: "\f196"; }
.fa-space-shuttle:before { content: "\f197"; }
.fa-slack:before { content: "\f198"; }
.fa-envelope-square:before { content: "\f199"; }
.fa-wordpress:before { content: "\f19a"; }
.fa-openid:before { content: "\f19b"; }
.fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; }
.fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; }
.fa-yahoo:before { content: "\f19e"; }
.fa-google:before { content: "\f1a0"; }
.fa-reddit:before { content: "\f1a1"; }
.fa-reddit-square:before { content: "\f1a2"; }
.fa-stumbleupon-circle:before { content: "\f1a3"; }
.fa-stumbleupon:before { content: "\f1a4"; }
.fa-delicious:before { content: "\f1a5"; }
.fa-digg:before { content: "\f1a6"; }
.fa-pied-piper:before { content: "\f1a7"; }
.fa-pied-piper-alt:before { content: "\f1a8"; }
.fa-drupal:before { content: "\f1a9"; }
.fa-joomla:before { content: "\f1aa"; }
.fa-language:before { content: "\f1ab"; }
.fa-fax:before { content: "\f1ac"; }
.fa-building:before { content: "\f1ad"; }
.fa-child:before { content: "\f1ae"; }
.fa-paw:before { content: "\f1b0"; }
.fa-spoon:before { content: "\f1b1"; }
.fa-cube:before { content: "\f1b2"; }
.fa-cubes:before { content: "\f1b3"; }
.fa-behance:before { content: "\f1b4"; }
.fa-behance-square:before { content: "\f1b5"; }
.fa-steam:before { content: "\f1b6"; }
.fa-steam-square:before { content: "\f1b7"; }
.fa-recycle:before { content: "\f1b8"; }
.fa-automobile:before, .fa-car:before { content: "\f1b9"; }
.fa-cab:before, .fa-taxi:before { content: "\f1ba"; }
.fa-tree:before { content: "\f1bb"; }
.fa-spotify:before { content: "\f1bc"; }
.fa-deviantart:before { content: "\f1bd"; }
.fa-soundcloud:before { content: "\f1be"; }
.fa-database:before { content: "\f1c0"; }
.fa-file-pdf-o:before { content: "\f1c1"; }
.fa-file-word-o:before { content: "\f1c2"; }
.fa-file-excel-o:before { content: "\f1c3"; }
.fa-file-powerpoint-o:before { content: "\f1c4"; }
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; }
.fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; }
.fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; }
.fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; }
.fa-file-code-o:before { content: "\f1c9"; }
.fa-vine:before { content: "\f1ca"; }
.fa-codepen:before { content: "\f1cb"; }
.fa-jsfiddle:before { content: "\f1cc"; }
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; }
.fa-circle-o-notch:before { content: "\f1ce"; }
.fa-ra:before, .fa-rebel:before { content: "\f1d0"; }
.fa-ge:before, .fa-empire:before { content: "\f1d1"; }
.fa-git-square:before { content: "\f1d2"; }
.fa-git:before { content: "\f1d3"; }
.fa-hacker-news:before { content: "\f1d4"; }
.fa-tencent-weibo:before { content: "\f1d5"; }
.fa-qq:before { content: "\f1d6"; }
.fa-wechat:before, .fa-weixin:before { content: "\f1d7"; }
.fa-send:before, .fa-paper-plane:before { content: "\f1d8"; }
.fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; }
.fa-history:before { content: "\f1da"; }
.fa-genderless:before, .fa-circle-thin:before { content: "\f1db"; }
.fa-header:before { content: "\f1dc"; }
.fa-paragraph:before { content: "\f1dd"; }
.fa-sliders:before { content: "\f1de"; }
.fa-share-alt:before { content: "\f1e0"; }
.fa-share-alt-square:before { content: "\f1e1"; }
.fa-bomb:before { content: "\f1e2"; }
.fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; }
.fa-tty:before { content: "\f1e4"; }
.fa-binoculars:before { content: "\f1e5"; }
.fa-plug:before { content: "\f1e6"; }
.fa-slideshare:before { content: "\f1e7"; }
.fa-twitch:before { content: "\f1e8"; }
.fa-yelp:before { content: "\f1e9"; }
.fa-newspaper-o:before { content: "\f1ea"; }
.fa-wifi:before { content: "\f1eb"; }
.fa-calculator:before { content: "\f1ec"; }
.fa-paypal:before { content: "\f1ed"; }
.fa-google-wallet:before { content: "\f1ee"; }
.fa-cc-visa:before { content: "\f1f0"; }
.fa-cc-mastercard:before { content: "\f1f1"; }
.fa-cc-discover:before { content: "\f1f2"; }
.fa-cc-amex:before { content: "\f1f3"; }
.fa-cc-paypal:before { content: "\f1f4"; }
.fa-cc-stripe:before { content: "\f1f5"; }
.fa-bell-slash:before { content: "\f1f6"; }
.fa-bell-slash-o:before { content: "\f1f7"; }
.fa-trash:before { content: "\f1f8"; }
.fa-copyright:before { content: "\f1f9"; }
.fa-at:before { content: "\f1fa"; }
.fa-eyedropper:before { content: "\f1fb"; }
.fa-paint-brush:before { content: "\f1fc"; }
.fa-birthday-cake:before { content: "\f1fd"; }
.fa-area-chart:before { content: "\f1fe"; }
.fa-pie-chart:before { content: "\f200"; }
.fa-line-chart:before { content: "\f201"; }
.fa-lastfm:before { content: "\f202"; }
.fa-lastfm-square:before { content: "\f203"; }
.fa-toggle-off:before { content: "\f204"; }
.fa-toggle-on:before { content: "\f205"; }
.fa-bicycle:before { content: "\f206"; }
.fa-bus:before { content: "\f207"; }
.fa-ioxhost:before { content: "\f208"; }
.fa-angellist:before { content: "\f209"; }
.fa-cc:before { content: "\f20a"; }
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; }
.fa-meanpath:before { content: "\f20c"; }
.fa-buysellads:before { content: "\f20d"; }
.fa-connectdevelop:before { content: "\f20e"; }
.fa-dashcube:before { content: "\f210"; }
.fa-forumbee:before { content: "\f211"; }
.fa-leanpub:before { content: "\f212"; }
.fa-sellsy:before { content: "\f213"; }
.fa-shirtsinbulk:before { content: "\f214"; }
.fa-simplybuilt:before { content: "\f215"; }
.fa-skyatlas:before { content: "\f216"; }
.fa-cart-plus:before { content: "\f217"; }
.fa-cart-arrow-down:before { content: "\f218"; }
.fa-diamond:before { content: "\f219"; }
.fa-ship:before { content: "\f21a"; }
.fa-user-secret:before { content: "\f21b"; }
.fa-motorcycle:before { content: "\f21c"; }
.fa-street-view:before { content: "\f21d"; }
.fa-heartbeat:before { content: "\f21e"; }
.fa-venus:before { content: "\f221"; }
.fa-mars:before { content: "\f222"; }
.fa-mercury:before { content: "\f223"; }
.fa-transgender:before { content: "\f224"; }
.fa-transgender-alt:before { content: "\f225"; }
.fa-venus-double:before { content: "\f226"; }
.fa-mars-double:before { content: "\f227"; }
.fa-venus-mars:before { content: "\f228"; }
.fa-mars-stroke:before { content: "\f229"; }
.fa-mars-stroke-v:before { content: "\f22a"; }
.fa-mars-stroke-h:before { content: "\f22b"; }
.fa-neuter:before { content: "\f22c"; }
.fa-facebook-official:before { content: "\f230"; }
.fa-pinterest-p:before { content: "\f231"; }
.fa-whatsapp:before { content: "\f232"; }
.fa-server:before { content: "\f233"; }
.fa-user-plus:before { content: "\f234"; }
.fa-user-times:before { content: "\f235"; }
.fa-hotel:before, .fa-bed:before { content: "\f236"; }
.fa-viacoin:before { content: "\f237"; }
.fa-train:before { content: "\f238"; }
.fa-subway:before { content: "\f239"; }
.fa-medium:before { content: "\f23a"; }@media screen and (max-width:1170px) {
.commonInnerBanner h2{font-size:38px; line-height:48px;}
.commonLeftImgRow .rightCol, .commonRightImgRow .rightCol, .commonLeftLargeImgRow .rightCol, .commonRightLargeImgRow .rightCol{padding:40px 0 0 40px;}
.commonLeftImgRow h2, .commonRightImgRow h2{margin-bottom:20px;}
.commonLeftLargeImgRow .box .inner, .commonRightLargeImgRow .box .inner{padding:0 0 5px 64px;}
}
@media screen and (max-width:1024px) {
#slidecaption{font-size:50px; line-height:70px;}
.productListing li .productName{font-size:17px; line-height:40px;}
.productListing li .residential{line-height:40px; width:110px; padding:0 10px;}
.productListing li .productName{padding:0 110px 0 10px;}
.productListing li .bottomArea{ opacity:1; visibility:visible;}
.productListing ul{margin:0;}
.productListing ul li{padding:0; width:100%;}
.commonInnerBanner h2{font-size:28px; line-height:38px; margin-bottom:10px;}
.commonLeftImgRow .rightCol, .commonRightImgRow .rightCol, .commonLeftLargeImgRow .rightCol, .commonRightLargeImgRow .rightCol{padding:20px 0 0 20px;}
.commonLeftImgRow .box h3, .commonRightImgRow .box h3, .commonLeftImgRow .box p, .commonRightImgRow .box p{margin-bottom:10px;}
.button{line-height:35px; padding:0 20px;}
.commonLeftImgRow .box, .commonRightImgRow .box, .commonLeftLargeImgRow .box, .commonRightLargeImgRow .box{padding-right:20px;}
.counterRow{background-attachment:inherit; padding:60px 0;}
.commonLeftLargeImgRow .box p, .commonRightLargeImgRow .box p{margin-bottom:20px;}
.projectArea .tabNav li{margin:0 5px;}
.projectArea .tabNav li a{padding:0 10px;}
.blog{padding:20px;}
.blog h2{margin-bottom:20px;}
.blog .owl-theme .owl-dots{padding:0;}
.blog .userArea .userPhoto{margin:0 10px 0 0;}
.blog .userArea .userdetails{padding-left:80px;}
#footer{padding:25px 20px;}
.commonLeftImgRow .box h3, .commonRightImgRow .box h3, .commonLeftLargeImgRow .box h3, .commonRightLargeImgRow .box h3{font-size:15px; line-height:22px; margin-bottom:10px;}
}
@media screen and (max-width:900px) {
.commonLeftImgRow .leftCol, .commonRightImgRow .leftCol, .commonLeftLargeImgRow .leftCol, .commonRightLargeImgRow .leftCol{width:40%;}
.commonLeftImgRow .rightCol, .commonRightImgRow .rightCol, .commonLeftLargeImgRow .rightCol, .commonRightLargeImgRow .rightCol{width:60%;}
.commonLeftLargeImgRow .leftCol, .commonRightLargeImgRow .leftCol{display:none;}
.commonLeftLargeImgRow .rightCol, .commonRightLargeImgRow .rightCol{width:100%;}
}
@media screen and (max-width:800px) {
.commonLeftImgRow .leftCol, .commonRightImgRow .leftCol{width:35%;}
.commonLeftImgRow .rightCol, .commonRightImgRow .rightCol{width:65%;}
.counterRow{padding:30px 0;}
.counterRow .box .number{font-size:38px; line-height:55px;}
}
@media screen and (max-width:767px) {
#logo{max-width:200px;}
#logo img{width:100%;}
#header{padding:15px; height:61px;}
#wrapper{padding-top:60px;}
.navIcon{margin:0;}
.sliderControl{right:15px; top:16px;}
#slidecaption{font-size:30px; line-height:50px; padding:15px;}
.menu ul li a{font-size:15px; padding:0 15px; line-height:40px;}
.menu ul li li a{padding:0 25px;}	
.social{padding:15px 15px;}
.social ul{margin-bottom:15px;}
.social ul li{margin-right:10px;}
.social .fa{font-size:16px; height:30px; width:30px;}
.fixedNav{width:300px; top:0; height:100% !important}
.fixedNav .inner{padding-top:61px;}
.mean-bar{ }
.menu ul li a.mean-expand:after{line-height:40px; font-size:19px !important;}
.r-tabs .r-tabs-nav{display: none;}
.r-tabs .r-tabs-accordion-title {display: block;}
.resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{color:#fff;}
.resTab .tabContent{padding:15px; border:1px solid #ccc; border-top:0;}
.r-tabs .r-tabs-accordion-title{margin:8px 0 0 0;}
.commonLeftImgRow .leftCol, .commonRightImgRow .leftCol{width:50%; float:none; margin:0 auto; padding:15px 0;}
.commonLeftImgRow .rightCol, .commonRightImgRow .rightCol, .commonLeftLargeImgRow .rightCol, .commonRightLargeImgRow .rightCol{padding:15px; width:100%;}
.commonTab{padding:15px;}
.projectArea .projectListing li{width:33.333333%;}
}
@media screen and (max-width:640px) {
.blog .box p{height:48px;}
}
@media screen and (max-width:600px) {
#nav-container { position:static; margin:0 20px 20px; height:auto; width:auto; display:visible!important; opacity:1.0!important }
#nav-container h1 a { background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/common/aw_logo-2x.png) no-repeat left top; -webkit-background-size:126px auto; -o-background-size:126px auto; -moz-background-size:126px auto; -ms-background-size:126px auto; background-size:126px auto }
#nav-container ul { margin-left:0; background-color:#f4f4f4; padding-left:22px }
#nav-container ul li { display:inline-block; margin-right:2% }
#nav-container ul li:last-child { margin-right:0; border-right-style:none }
#nav-container ul a:link, #nav-container ul a:visited { line-height:34px; font-size:10px; color:#444 }
ul#subnav { position:static; margin-top:0; margin-left:21px; margin-bottom:15px }
ul#subnav li { display:inline-block }
ul#subnav a { padding-left:22px; display:block; font-size:13px }
#subnav a:hover, #subnav a#active-category { background:url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/common/subnav_arrow.png) no-repeat 6px center }
ul#subnav h4 { display:none }
div#news-holder, div#studio-holder, div#monograph-holder, div#contact-holder, div#success-holder { background-color:#fff; color:#555; padding-bottom:30px; margin:0 20px 20px }
#news-holder h2, #studio-holder h2, #monograph-holder h2, #contact-holder h2, #success-holder h2 { margin-left:9%; padding-top:27px; padding-bottom:14px; font-size:22px; margin-bottom:40px; margin-right:9% }
a#featured-primary-link { width:auto; position:static; opacity:1; text-indent:0; margin-left:20px; margin-right:20px; height:auto; background-color:transparent; margin-top:0; z-index:9; line-height:15px!important; padding-top:13px; padding-bottom:12px; -webkit-transition:none }
body#home div#backstretch, body#home div#backstretch img { position:static!important; z-index:0!important; visibility:visible!important; display:block!important; width:auto!important }
body#home div#backstretch { margin-left:20px; margin-right:20px; visibility:visible!important; height:auto; margin-bottom:0; overflow:visible!important }
body#home div#backstretch img { width:100%!important; height:auto!important }
div#right-content { width:auto; background:transparent none no-repeat right bottom; height:auto; position:static; margin-left:20px; margin-right:20px; border:0 }
a#featured-primary-link, #secondary-subhead, #secondary-title { text-decoration:none; text-transform:uppercase; font-size:12px;  line-height:11px; color:#555; text-align:left; letter-spacing:0 }
a#featured-primary-link, a#featured-primary-link:hover, #featured-secondary a, #featured-secondary a:hover { display:block; padding-left:22px; padding-right:12px; background:#fff url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/news/source_link_arrow.png) no-repeat 8px center; opacity:1; margin-bottom:20px; position:static; width:auto }
div#featured-secondary { overflow:auto; width:auto; border:0; float:none; position:static; height:auto; margin-bottom:20px }
#secondary-outer-wrap { height:auto; -webkit-transition:none; width:auto; position:static; background-color:#fff; padding:10px 12px 12px 22px; opacity:1; text-align:left }
#secondary-text-wrap { position:static; height:auto; width:auto }
#secondary-subhead { font-size:12px; margin-bottom:0; text-align:left; display:inline-block }
#secondary-title { text-decoration:none; text-transform:uppercase; display:inline-block; margin-top:0; line-height:16px; text-align:left; float:none }
#secondary-description { text-align:left }
#secondary-description p, #secondary-award-short-title { color:#555; text-align:left; text-transform:capitalize; letter-spacing:0;  font-size:11px; padding-top:6px; padding-left:0; padding-right:0 }
div#featured-secondary img { min-height:0; margin-left:0; position:static; height:auto; width:100%; display:block }
div#right-content div#about-content { color:#dedede; font-size:15px; line-height:23px; margin-bottom:20px; padding-top:0; padding-left:0; padding-right:0; position:static; float:none; width:auto }
div#right-content div#about-content p { background-color:#fff; padding:15px 5% 15px 6%; color:#444; margin-top:0 }
div#about-content img { display:none }
body#studio div#content { font-size:15px; line-height:24px }
body#studio div#contact-footer { margin-top:30px }
body#studio a#email-link, body#studio a#facebook-link { margin-bottom:13px; padding-right:5px }
div#contact-footer p { font-size:13px; line-height:19px; width:auto; margin-left:0; color:#616161 }
div#contact-footer p a { color:#777 }
body#studio img.principal-photo { width:82%; max-width:100%; float:left; margin-right:9%; margin-left:9%; margin-bottom:30px }
body#studio div.principal-info { width:auto; margin-left:9%; margin-right:9%; margin-bottom:10px }
.principal-info p { margin-top:15px; font-size:13px; line-height:22px }
div#team-content div.member { font-size:13px; line-height:21px; color:#444; margin-bottom:25px; width:auto; float:none }
div#team-content div.member.principal { margin-bottom:25px }
div.member h3 { font-size:17px; color:#444; margin-bottom:3px }
div.member a { color:#444 }
div#team-content div#divider { height:1px }
div.news-item { margin-top:20px; position:static }
.news-item p.date { border:1px solid #888; width:50px; height:42px; font-size:9px; padding-top:8px; position:static; display:none }
.news-item p.date span { font-size:21px; line-height:23px }
.news-item h3 { font-size:17px; margin-left:0; padding-top:4px }
.news-item p.item-details { margin-left:0; text-transform:uppercase; color:#777; font-size:12px;}
.news-item img.thumbnail { float:none; margin-right:0; margin-top:0; margin-bottom:0 }
.news-item .item-description { margin-top:20px; margin-bottom:25px }
.item-description p { line-height:23px; font-size:16px; margin-bottom:16px }
.news-item .item-sharing { float:none; margin-bottom:30px }
.item-sharing a.item-source { margin-right:0; line-height:15px; padding-top:8px; padding-bottom:7px }
.item-sharing a.social-share { margin-right:3px; margin-top:9px; line-height:29px; padding-left:2px; padding-right:2px }
.item-sharing a.social-share:hover { background-color:#555 }
div#monograph-holder h2 span { font-size:12px; margin-left:0; display:block; line-height:14px; margin-top:11px }
#monograph-holder img { width:82%; float:none; margin-right:9%; margin-left:9% }
div#monograph-info { width:auto; float:none; margin:30px 9% 60px }
#monograph-holder p#primary-content { font-size:15px; line-height:22px }
#monograph-holder p#secondary-content { font-size:12px; margin-bottom:25px; color:#5f5f5f }
#monograph-holder a { line-height:26px; display:inline-block; padding-left:22px; padding-right:12px; text-decoration:none; text-transform:uppercase; font-size:12px; color:#555; background:#e8e8e8 url(//bdesign24.studio/wp-content/themes/bdesign24studio/images/news/source_link_arrow.png) no-repeat 8px center; letter-spacing:0; margin-right:10px; float:left; -webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
-ms-transition:.3s;
transition:.3s
}
#monograph-holder a:hover { background-color:#d8d8d8; color:#333 }
body#contact div#contact-info { float:none; width:auto; font-size:13px; margin-top:0 }
div#contact-info h3 { font-size:17px; color:#444; margin-bottom:13px; border-bottom-style:solid; border-bottom-width:1px; margin-right:9%; padding-bottom:5px }
div.tel span, div.fax span { font-size:11px }
div#contact-info a#facebook-link { font-size:11px; line-height:28px }
body#contact div#form-holder { float:none; margin-top:50px; margin-left:9%; margin-right:9%; width:auto }
body#contact form { float:none }
body#contact form label, body#contact form input, body#contact form textarea { float:none; width:95%; display:block; margin-bottom:25px }
body#contact form label { font-size:14px; margin-bottom:9px }
body#contact form input, body#contact form textarea { padding:8px 9px; font-size:12px; line-height:16px }
body#contact form div#news-subscribe-holder { float:none }
body#contact form h4 { margin-top:30px; font-size:17px; border-bottom-style:solid; border-bottom-width:1px; margin-bottom:26px; padding-bottom:9px; float:left; width:104%; color:#444 }
body#projects ul#subnav { display:none!important }
div#backstretch { display:none!important }
p#preloader { display:none!important }
div#thumbs-holder { float:left; margin-top:0; margin-left:0; padding:15px; margin-right:0 }
div.project-thumb { width:130px; height:130px; margin-right:12px; margin-bottom:12px }
.project-thumb a { width:100%; position:absolute; height:100%; font-size:14px; padding:10px; line-height:16px; text-indent:0 }
.project-thumb a span { font-size:9px; line-height:13px; margin-top:10px }
.project-thumb img { width:135px }
h2#project-title { position:static; margin-left:20px; display:visible!important; opacity:1.0!important }
h4#project-location { position:static; margin-left:20px; margin-bottom:20px; margin-top:5px; display:visible!important; opacity:1.0!important }
h2#project-title, h4#project-location { text-shadow:1px 1px 3px #000 }
div#project-description { width:auto!important; height:auto!important; display:block!important; opacity:1.0!important; position:static!important; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none; margin-left:20px; margin-right:20px; margin-bottom:20px }
#project-description h5, #project-description h6 { display:none!important }
#project-description p { display:block!important; margin:0; padding:0; height:auto; border:0; }
div#project-description-controls { display:none!important }
div#project-controls { position:static!important; font-size:11px; display:block!important; width:210px!important; padding-left:20px; padding-bottom:20px; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none }
#share-controls div#share-inner { width:auto; height:auto; position:static!important; display:none }
#project-controls a#selection-link { margin-top:10px }
#project-controls div#image-controls { display:none!important }
div#hidden-images { display:block!important; visibility:visible!important; width:auto; margin-left:20px; margin-right:20px; margin-bottom:20px; position:static }
div#hidden-images img { width:100%; display:block!important; visibility:visible!important; margin-bottom:20px }
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none }
#project-holder{background:#111;}
.shareControl li a{border-top:1px solid #cccccc;}
}
@media screen and (max-width:567px) {
.commonInnerBanner .overlay{padding:0 25px;}
.commonInnerBanner h2{font-size:23px; line-height:28px;}
.commonInnerBanner p{font-size:16px; line-height:20px; max-width:inherit;}
.commonLeftImgRow .box, .commonRightImgRow .box, .commonLeftLargeImgRow .box, .commonRightLargeImgRow .box{padding:0 0 25px 0; width:100%;}
.commonLeftImgRow .box h3, .commonRightImgRow .box h3, .commonLeftImgRow .box p, .commonRightImgRow .box p, .commonLeftLargeImgRow .box p, .commonRightLargeImgRow .box p{height:auto;}
.counterRow .box{width:100%; padding:15px 30px;}
.commonLeftLargeImgRow .box .inner, .commonRightLargeImgRow .box .inner{padding:0 0 0 64px;}
.projectArea .projectListing li{width:50%;}
#footer p{width:100%; text-align:center;}
.socialGroup{width:100%;}
.socialGroup ul{text-align:center; margin-top:20px;}
.blog .box{padding:15px;}
.blog .box h3{margin-bottom:10px;}
.commonInnerBanner p{height:45px; overflow:hidden;}
}
@media screen and (max-width:400px) {
#logo{max-width:150px;}	
#slidecaption{font-size:24px; line-height:30px;}
div#project-controls{width:100% !important; padding:0 20px 20px 20px;}
.commonLeftImgRow .leftCol, .commonRightImgRow .leftCol{width:100%; padding:15px;}
}
@media screen and (max-width:360px) {
.projectArea .projectListing li{width:100%;}
.blog .box p{height:88px;}
}.go-back-cat{
background: #bf1e2e url(https://bdesign24.studio/wp-content/themes/bdesign24studio/images/back_to_selection_arrow.png) no-repeat scroll 20px 50%;
color: #fff !important;
height: 40px;
line-height: 40px;
opacity: 0.8;
overflow: hidden;
padding-left: 50px;
}
.next-back-proj{
background: #fbb040  no-repeat scroll 20px 50%;
color: #fff !important;
height: 40px;
line-height: 40px;
opacity: 0.8;
overflow: hidden;
padding-left: 50px;
}
.next-back-proj .prev-pro{
background: rgba(0, 0, 0, 0) url(https://bdesign24.studio/wp-content/themes/bdesign24studio/images/main_prev_next.png) repeat scroll left top;
float: left;
margin-right: 17px
}
.next-back-proj .next-pro{
background: rgba(0, 0, 0, 0) url(https://bdesign24.studio/wp-content/themes/bdesign24studio/images/main_prev_next.png) repeat scroll right top;
}
.next-back-proj span {
display: block;
float: left;
height: 40px;
line-height: 0;
text-indent: -9999px;
transition: all 0s linear 0s;
width: 38px;
}
.wpcf7-form > p 
{     
height: auto !important; 
margin-bottom:15px !important;
}
.current-menu-item{background: #000 none repeat scroll 0 0 !important;}
.commonLeftLargeImgRow{background: #fff;}
.commonRightLargeImgRow{background: #fff;}
.commonLeftImgRow{background: #fff;}
.commonRightImgRow{background: #fff;}
.social ul li a:hover .fa-facebook { background:#2b4173; }
.social ul li a:hover .fa-twitter { background:#0eb1f2; }
.social ul li a:hover .fa-google-plus { background:#c63e24; }
.social ul li a:hover .fa-linkedin { background:#0775ce; }
.social ul li a:hover .fa { color:#fff; }
input[type="text"], input[type="password"], input[type="email"], textarea  {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-attachment: scroll;
background-clip: border-box;
background-color: #fff;
background-image: none;
background-origin: padding-box;
background-position-x: 0;
background-position-y: 0;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: #625e5d;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: #625e5d;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #625e5d;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #625e5d;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-style: solid;
border-top-width: 1px;
color: #625e5d;
font-family: "montserratlight";
font-size: 14px;
height: 35px;
line-height: 33px;
padding-bottom: 0;
padding-left: 12px;
padding-right: 12px;
padding-top: 0;
width: 100%;
}
textarea  {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-attachment: scroll;
background-clip: border-box;
background-color: #fff;
background-image: none;
background-origin: padding-box;
background-position-x: 0;
background-position-y: 0;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: #625e5d;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: #625e5d;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #625e5d;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #625e5d;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-style: solid;
border-top-width: 1px;
color: #625e5d;
font-family: "montserratlight";
font-size: 14px;
height: 100px;
line-height: 33px;
padding-bottom: 0;
padding-left: 12px;
padding-right: 12px;
padding-top: 0;
width: 100%;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
float: left;
border: 2px solid #000;
background: none;
padding: 15px 30px 15px 30px;
line-height: 5px;
cursor: pointer;
font-weight: 800;
font-size: 12px;
color: #000;
font-family: 'Muli', sans-serif;
-webkit-appearance: none;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
-webkit-appearance: none;
}
.wpcf7-form-control.wpcf7-submit {
background: #000 none repeat scroll 0 0;
border: medium solid #000;
color: #fff;
font-weight: bold;
padding: 8px 25px;
}
.wpcf7-form-control.wpcf7-submit:hover {
background: #fff none repeat scroll 0 0;
border: medium solid #000;
color: #000;
cursor: pointer;
}
.commonLeftLargeImgRow .box {
width: 100%;
}
.commonLeftImgRow .box p {
font-size: 14px;
color: #000;
font-family: 'montserratlight';
margin-bottom: 20px;
overflow: hidden;
padding: 0;
height : auto !important;
}
#mCSB_1_container br {
margin-bottom: 15px;
}
#project-description-controls{
display : none !important;
}
.productListing li .residential {
padding: 0 15px;
text-align: center;
width: 150px;
line-height: 70px;
font-family: 'montserratregular';
font-size: 15px;
position: absolute;
right: 0;
bottom: 0;
display: none;
}
.productName {
padding: 0 30px 0 30px !important;
}
#project-holder1{
display:none;
}
@media only screen and (max-width: 600px) {
#project-holder1{ display:block !important; }
#project-holder1 #hidden-images1 img{ display:block !important; width: 100%; display: block !important; visibility: visible !important; margin-bottom: 20px; }
}