@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Table of contents]
1. Clearfix
2. Preloader
3. Typography
4. Headings
5. Main Nav
6. Main Content
7. Column Grid
8. Google Maps
9. Icons
10. Image Hover
11. Lists
12. Footer
13. Social
14. Isotope
-------------------------------------------------------------------*/



* {
	margin: 0;
	padding:0;
	outline:none;
}

body {
	color: #000;
	background-image: none;
	background-color: #fff;
}

#header,
#slider,
#claim,
#navi,
#navi-add,
#navi-lang,
#content-sidebar,
#push,
#footer,
i,
#cyclenav,
#quote {
	display: none;
}


div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip { 
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}
#contactform123 { display: block; margin: 0; padding: 0px; border: none; margin-top:9px; overflow:visible }

/* Form style */

#contactform123 label { display: none; float: none; height:0px; }
#contactform123 input, #contactform123 textarea, #contactform123 select { width:210px; padding:18px 0px; font: 15px Georgia, "Times New Roman", Times, serif; color:#555; border:0; border-bottom:1px solid #d3d3d3; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; float:none; display:block; margin:0px; font-style:italic; -webkit-appearance: none; text-align:center; background:none}
#contactform123 textarea { margin-bottom:0px; margin-right:0px !important; resize: none;}
input:focus, textarea:focus, select:focus {  }
input.submit { display:inline-block;  width:auto; border:0px; padding:0; padding-top:13px; color:#8d8d8d; background:none; font-size:12px; line-height:21px; font-style:normal; text-transform:uppercase; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; letter-spacing:1px; cursor:pointer}
#contactform123 input.submit:hover { color:#555; }


#contactform123 fieldset { padding-left:0px;}

#contactform123 span.required { padding-left:28px; background:url(../images/bg-bullet.png) no-repeat 12px 5px; margin-left:-28px; }

#message { margin: 0; padding: 0px; z-index:200; height:auto; /*width:280px*/ }
/*#success_page { width:280px  }*/
/*#success_page h3 {font-size:15px; font-weight:600; padding:34px 40px 0 40px; margin-bottom:-6px; }
#success_page p {position:relative !important; padding-bottom:35px;  font-style:italic;}*/

.error_message { display: block; height:auto; /*width:280px; padding:19px 0px 19px 0px;*/ color:#8a1f11; font-style:italic; }

.loader { display:none; }
.says { display:none; }

#comments {height: 145px!important; }
.comment{list-style:none;}
.avatar{display:none;list-style:none;}
.commentmetadata {margin-top:15px;}
.comment-awaiting-moderation{display:none!important;}
.form-allowed-tags{display:none!important;}
.commentmetadata a{font-size: 12px;
line-height: 21px;
font-style: normal;
text-transform: uppercase;
font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
text-decoration: none;
color: #555;}
.fn{font-size: 24px;
font-weight: 400;
padding-top: 18px;line-height: 1.2;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 36px;
color: #303030;
padding-top: 26px;
display: block;
position: relative;
border-bottom: 1px solid #d3d3d3;
padding-bottom:14px;
}
.comment-reply-link{color: #555;
text-decoration: none;
font-size:12px;
font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
border-bottom: 1px solid #555!important;text-transform:uppercase;}
#cancel-comment-reply-link{color: #555;
text-decoration: none;
font-size:16px;
font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
border-bottom: 1px solid #555;text-transform:uppercase;}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0-rainbow.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position:relative;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0; z-index:20;}
.flex-direction-nav a { margin: 0px 0 0; z-index:20; display: block; position: absolute; top: 50%; margin-top:-24px; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; display:inline-block; width:48px; height:48px;}

.flex-direction-nav .flex-next {background:url(../images/bg-next.png) center no-repeat; background-size:48px 48px; right: 20px; border: 0; }
.flex-direction-nav .flex-prev {background:url(../images/bg-prev.png) center no-repeat; background-size:48px 48px; left: 20px; border: 0; }

.flexslider:hover .flex-next {opacity: 1;}
.flexslider:hover .flex-prev {opacity: 1;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center; display:none !important;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


/*.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}*/


/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.wp-caption{float:none;}
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; width:0; }
.centered { text-align:center; }
.responsive{width:100%;}
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:absolute; top:0; left:0; right:0; bottom:0; background:#000; z-index:9999; }
#status { z-index:28; position:absolute; color:#fff; top:50%; height:280px; width:100%; margin-top:-140px; }
/* horizontal centering */
.parent {width:280px; margin:0px auto; position:relative; height:280px; z-index:11}
.child {text-align:center;}
/* vertical centering */
.parent {display: table}
.wp-caption-text{font-size:100%;}
.child {display: table-cell; vertical-align: middle; padding:0 50px; }
.child span { text-transform:uppercase; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; -webkit-font-smoothing: antialiased; height:100% }
body { font: 15px Georgia, "Times New Roman", Times, serif; color:#555; background:#292b31; height:100%  }
strong { font-weight:600; }
em {font-size:17px; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.sticky{border:0px;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
p { line-height:21px; padding:13px 0px 0 0px; font-style:italic; }
.col2-3 p { text-align:left } 
.col2-3 p.small, .col2-3 p.big {text-align:center !important; }
.gallery-caption{height:auto;}
#preloader p.small {font-size:11px; display:block; text-transform:uppercase; font-style:normal; font-weight:700;  letter-spacing:1px; margin-top:3px; font-family: "Open Sans", Arial, Helvetica, sans-serif; -o-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); -moz-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); -webkit-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); text-shadow:1px 1px 0px rgba(0, 0, 0, 0.25);}
p.big {font-size:50px; line-height:68px; color:#303030; letter-spacing:-3px; font-style:normal;  font-weight:400}
blockquote { line-height:23px; padding:70px 10px 25px 10px; margin:25px 0px 12px 0px; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3; color:#333; text-align:center; font-size:17px; font-style:italic; background:url(../images/bg-quote.png) center 25px no-repeat; background-size:30px 30px;}
blockquote span {font-size:14px; display:block; margin-top:15px; color:#999}
.uppercase {text-transform:uppercase }
p.small.uppercase {font-size:11px; }
p a { color:#555; text-decoration:none; border-bottom:1px solid #555; }
a p {color:#555; }
p a:hover { color:#555; }
.no-underline a {border:0 }
code {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:normal; line-height:1.5; display:block; }
pre { padding:13px 40px 0 40px; width: 100%;text-align: left; overflow: scroll;}
span.arrow {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { position:relative; text-align:center; width:280px; padding:45px 0 12px 0; margin:0 auto; z-index:1; }
h1#logo a { background-size:137px 76px; width:137px; height:76px; text-indent:-9999px; }
.hentry h1, h2, h3, h4, h5 { line-height:1.2; font-family: Georgia, "Times New Roman", Times, serif; font-size:36px; color:#303030; padding-top:26px; display:block; position:relative }
h2 {font-size:16px; text-transform:uppercase; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:600; color:#555; }
.bypostauthor{height:auto;}
h3 {font-size:24px; font-weight:400; padding-top:18px; }
h4 {font-size:18px; padding-top:24px; line-height:24px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:2px; font-weight:600; color:#333; padding-bottom:4px;}
h5 {font-size:16px; padding-top:22px; line-height:24px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:2px; font-weight:600; color:#333; padding-bottom:4px; }
.align-top {padding-top:0 !important }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/
#options { width:auto; /*height:100px;*/ z-index:300; text-align:center;}
#options ul { position:relative; padding:0; border:0; font-size: 0; display:inline-block }
#options ul li {display:inline-block; height:100%; width:auto; }
#options ul li a { color:#888; font-family: "Open Sans", Arial, Helvetica, sans-serif; display:inline-block; padding:5px 15px; text-decoration:none; text-transform:uppercase; height:100%; font-size:12px; line-height:19px; letter-spacing:2px; font-weight:400; margin:0 }
#options li a:hover, #options li a.current, #options li a.selected { color:#fff;}
.dead-link {cursor:default !important }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
header { position:relative; z-index:55; width:100%}
#content {width:100%; position:relative; z-index:56; height:auto}
.container { padding:0px; width:1160px; position:relative; margin:0 auto; padding-top:30px; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/
.col1-1 { height:auto; margin:5px; position:relative }
.col3-3 { width:860px; height:auto; margin:5px; position:relative }
.col1-3 { width:280px; min-height:280px; margin:5px; float:left; position:relative }
.col2-3 { width:570px; height:570px; margin:5px; float:left; position:relative }
.col4-3 { height:auto; margin:5px; position:relative }
.col1-3.double { height:auto; padding:20px 35px 32px 35px!important;}
.col2-3.auto, .col1-3.auto, .col3-3.auto {height:auto; padding-bottom:35px; }
.col1-3.auto {padding-bottom:30px; }
.col2-3.auto.post {padding-bottom:0 }
.auto.no-padding {padding-top:0 !important; padding-bottom:0 !important; }
.column-count2 {-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:35px; -moz-column-gap:35px; column-gap:35px; }
.break { height:20px; position:relative; display:block }
p .break {height:13px; }
.overflow, .element {overflow:; }
.borderline {background:#d3d3d3; height:1px; position:relative; display:block; margin:19px 0px 5px 0px; width:100%; }
.white {padding:35px; background:#fff;}
.col1-3.white {padding:35px; background:#fff; position:; text-align:center;}
.col2-3.white {padding:35px; background:#fff; text-align:center;}
.col1-3.white {padding:20px 35px 50px 35px; }
.col2-3.white, .col3-3.white {padding:35px 45px; }
.element .col1-3, .element .col2-3 {margin:0 }
.white-bottom {height:auto; }
.white-bottom:before {z-index: 1000;content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0)  rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-24px; margin-left:-12px; left:50%; border-top-style:inset; }
.margin {margin:20px; }
.full {position:absolute; z-index:100; width:100%; height:100%; display:block; top:0; left:0; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =8. Google Maps
--------------------------------------------------------------------------------------------------------*/
#map {width:860px; height:570px; margin:0; border:0}
#map:before, #map:after {background:none; content: ''; left:0; position:absolute; top: 0; width: 100%; }
#map:after {bottom:0; top:auto; }
/* End Google Maps
--------------------------------------------------------------------------------------------------------*/


/* =9. Icons
--------------------------------------------------------------------------------------------------------*/
.icons { display:inline-block; height:30px; width:30px; z-index:100; margin-top:20px; margin-bottom:10px; }
/* Main Nav Icons */
.trophy { background:url(../images/bg-trophy.png) center no-repeat; background-size:30px 30px; }
.quote { background:url(../images/bg-quote.png) center no-repeat; background-size:30px 30px; }
.like { background:url(../images/bg-like.png) center no-repeat; background-size:30px 30px; }
.share { background:url(../images/bg-share.png) center no-repeat; background-size:30px 30px; }
.stationery { background:url(../images/bg-stationery.png) center no-repeat; background-size:30px 30px; }
.camera {background:url(../images/bg-camera.png) center no-repeat; background-size:30px 30px; }
.close { background:url(../images/bg-close.png) center no-repeat; background-size:48px 48px; position:absolute; right:35px; top:35px; z-index:28; width:48px; height:48px; display:block }
/* Social Icons */
.linkedin {background:url(../images/bg-linkedin.png) center no-repeat; background-size:50px 50px; }
.dribbble {background:url(../images/bg-dribbble.png) center no-repeat; background-size:50px 51px; }
.googleplus {background:url(../images/bg-googleplus.png) center no-repeat; background-size:50px 50px; }
.twitter {background:url(../images/bg-twitter.png) center no-repeat; background-size:50px 51px; } 
.facebook {background:url(../images/bg-facebook.png) center no-repeat; background-size:50px 51px; }
.behance {background:url(../images/bg-behance.png) center no-repeat; background-size:50px 50px; }
.skype {background:url(../images/bg-skype.png) center no-repeat; background-size:50px 51px; }
.vimeo {background:url(../images/bg-vimeo.png) center no-repeat; background-size:50px 50px; }
/* End Icons
--------------------------------------------------------------------------------------------------------*/


/* =10. Image Hover
--------------------------------------------------------------------------------------------------------*/
.images { display:block; position:relative; }
.images img {width:100%; display: block; max-width: 100% !important; z-index:9 }
img{box-shadow: #000 0 0 0}
.sliphoveritemTitle { font-size:24px; font-weight:400; letter-spacing:0px; -o-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); -moz-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); -webkit-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); text-shadow:1px 1px 0px rgba(0, 0, 0, 0.25); font-family:Georgia, "Times New Roman", Times, serif;  }
.sliphoveritemTitle span {font-size:11px; display:block; text-transform:uppercase; font-style:normal; font-weight:700; letter-spacing:1px; margin-top:3px; font-family: "Open Sans", Arial, Helvetica, sans-serif; }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =11. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul { list-style: disc; line-height:21px; padding:13px 0px 0 0px; margin-left:24px; font-style:italic }
ul.list {line-height:21px; padding-top:13px; font-style:italic }
ol { list-style: decimal; line-height:21px; padding:13px 0px 0 0px; margin-left:24px; font-style:italic }
.col2-3 ul.unordered-list, .col2-3 .hentry ul, .col2-3 ul.list, .col2-3 ol {text-align:left }
ul.unordered-list a, .hentry ul a, ul.list a, ol a { color:#555; text-decoration:none; border-bottom:1px solid #555; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =12. Footer
--------------------------------------------------------------------------------------------------------*/
footer { height:auto; position:relative; padding:0px 35px 95px 35px; text-align:center; }
footer p {display:inline-block; margin:0 10px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:2px; font-style:normal; text-transform:uppercase; color:#888; }
footer p a { color:#888; border:0 }
footer p span { font-family:Georgia, "Times New Roman", Times, serif; text-transform:none; letter-spacing:0; color:#333; font-style:italic }
footer p a:hover { color:#888; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =13. Social
--------------------------------------------------------------------------------------------------------*/
ul.social { letter-spacing:0; margin-top:20px; margin-bottom:27px; }
.social li { display:inline-block; margin:0px 2px;}
.social li a { display:block; }
ul.social a {text-indent:-9000px; text-decoration:none; height:52px; width:52px;}
/* End Social
--------------------------------------------------------------------------------------------------------*/


/* =14. Isotope
--------------------------------------------------------------------------------------------------------*/
.isotope-item { z-index: 2; overflow:hidden }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
/* End Isotope
--------------------------------------------------------------------------------------------------------*/

.disp{display:none;}
.comment_section{}
/* Link Isotope
--------------------------------------------------------------------------------------------------------*/
.testclass{ display:none; color:#fff; text-decoration:none; text-align:center; position:absolute; right:0; background:url(../images/bg-link.png) no-repeat;
text-indent: -9999px;
height: 100%;}
.popup:hover~.testclass, .video-popup:hover~.testclass, .images:hover~.testclass, a:hover~.testclass{display:block; color:#000; text-align:center; position:absolute; z-index:1001; background-color: #fff; margin-top:-55px; text-decoration:none;
font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;
font-weight: 600;
border-bottom: 0;
padding: 3px 10px 5px 10px !important; background:url(../images/bg-link.png) no-repeat;
text-indent: -9999px;
height: 100%;}
.testclass:hover{display:block; color:#000; text-align:center; position:absolute; z-index:1001; background-color: #fff; margin-top:-55px; text-decoration:none;
font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;
font-weight: 600;
border-bottom: 0;
padding: 3px 10px 5px 10px !important;
right:0;
background:url(../images/bg-link.png) no-repeat;
text-indent: -9999px;
height: 100%;
}

.overlay { display:block; position:absolute; top:0; /*left:0;*/ background:url(../images/bg-overlay3.png) repeat; z-index:10; width:960px; height:960px; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;*/ }
.overlay2 { display:block; position:absolute; top:0; /*left:0;*/ background:url(../images/bg-overlay3.png) repeat; z-index:10; width:960px; height:960px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
.trophy { background:url(../images/bg-trophy@2x.png) center no-repeat; background-size:30px 30px; }
.quote { background:url(../images/bg-quote@2x.png) center no-repeat; background-size:30px 30px; }
.like { background:url(../images/bg-like@2x.png) center no-repeat; background-size:30px 30px; }
.share { background:url(../images/bg-share@2x.png) center no-repeat; background-size:30px 30px; }
.stationery { background:url(../images/bg-stationery@2x.png) center no-repeat; background-size:30px 30px; }
.camera {background:url(../images/bg-camera@2x.png) center no-repeat; background-size:30px 30px; }
.close { background:url(../images/bg-close@2x.png) center no-repeat; background-size:48px 48px; }
/* Social Icons */
.linkedin {background:url(../images/bg-linkedin@2x.png) center no-repeat; background-size:50px 50px; }
.dribbble {background:url(../images/bg-dribbble@2x.png) center no-repeat; background-size:50px 51px; }
.googleplus {background:url(../images/bg-googleplus@2x.png) center no-repeat; background-size:50px 50px; }
.twitter {background:url(../images/bg-twitter@2x.png) center no-repeat; background-size:50px 51px; } 
.facebook {background:url(../images/bg-facebook@2x.png) center no-repeat; background-size:50px 51px; }
.behance {background:url(../images/bg-behance@2x.png) center no-repeat; background-size:50px 50px; }
.skype {background:url(../images/bg-skype@2x.png) center no-repeat; background-size:50px 51px; }
.vimeo {background:url(../images/bg-vimeo@2x.png) center no-repeat; background-size:50px 50px; }

blockquote { background:url(../images/bg-quote@2x.png) center 25px no-repeat; background-size:30px 30px;}

.flex-direction-nav .flex-next {background:url(../images/bg-next@2x.png) center no-repeat; background-size:48px 48px; }
.flex-direction-nav .flex-prev {background:url(../images/bg-prev@2x.png) center no-repeat; background-size:48px 48px; }

.fancybox-close {background: url(../images/bg-close@2x.png) center no-repeat; background-size:48px 48px;}
.fancybox-prev span {background: url(../images/bg-prev@2x.png) center no-repeat; background-size:48px 48px;}
.fancybox-next span {background: url(../images/bg-next@2x.png) center no-repeat; background-size:48px 48px;}
}


@media only screen and (max-width: 1229px) {
.container {max-width:870px; }
}

@media only screen and (min-width: 768px) {
#options {display:block !important }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container {max-width:580px; }
.col3-3 { width:570px; height:auto;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.container {max-width:290px; }
.col3-3, .col2-3 { width:280px; height:auto;}
.col2-3.white, .col3-3.white {padding:20px 35px 50px !important; }
h2 {font-size:24px; font-weight:400; padding-top:22px; font-family:Georgia, "Times New Roman", Times, serif; color:#303030; text-transform:none }
p.big {line-height:21px; font-size:15px; padding:13px 0px 0 0px; font-style:italic; letter-spacing:0; color:#555 }
#nav-button {display:block; padding:30px; width:100%; margin:0 auto; cursor:pointer; position:relative; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.nav-bar {background-color:#fff; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
#options { display:none; }
#options ul {display:block; width:100%; z-index:300; position:relative; top:0px; }
#options ul li { text-align:center; width:100%;  float:none; display:block; margin:0 }
#options ul li a { display:block; padding:10px; }
footer { padding:0px 0px 95px 0px; }
}