/*
Theme Name: Natan Dvir Website Template
Author: <a href="http://getawebsite.co.il" title="Get A Websiite">Moshe Alima</a>
*/

body {
	color: #999;
}

iframe, object, embed {
    max-width: 100% !important;
}

:focus {
  -moz-outline-style: none;
}
a, a:active {
    outline: medium none;
    text-decoration: underline;
	color: #808080;
}
strong {
    font-weight: 700;
}
:-moz-any-link:focus {
  outline: none;
}

#masthead {
    background-color: #FFFFFF;
    left: 0;
    padding: 40px 0 0 30px;
    position: fixed;
    top: 0;
    width: 230px;
    z-index: 9999;
}

.copyrights {
    bottom: 0;
    color: #999999;
    font-family: 'AvantGardeMdITCTT', Arial, sans-serif;
    font-size: 11px;
    height: 29px;
    left: 30px;
    margin-top: 19px;
    position: absolute;
    z-index: 999;
}

.top-line {
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 260px;
	right: 0;
	height: 40px;
	z-index: 997;
}

.site-title > a > img {
	display: block;
}

.wrapper {
    display: block;
    margin: 40px 30px 0 260px;
	max-width: 1518px;
}

#site-navigation {
	margin-top: 40px;
	width: 180px;
}
.btn-open {display:none;}
#site-navigation ul {
	list-style: none;
}

#site-navigation ul li {
	margin-bottom: 12px;
}
#site-navigation ul li:last-child {
	margin-bottom: 0 !important;
}
#site-navigation ul li a {
	color: #666;
	display: block;
	height: 12px;
	font-size: 13px;
	font-family: 'AvantGardeMdITCTT', Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

#site-navigation ul li a:hover,
#site-navigation ul li a:active,
#site-navigation ul li.current-menu-item  a {
	font-weight: 700;
	background-color: #ffffff;
}
#site-navigation ul li.current-menu-ancestor > a {
	font-weight: 400 !important;
}

#site-navigation ul li ul.sub-menu {
    display: none;
    padding: 13px 0 15px 11px;
    margin-left: 0 !important;
}

#site-navigation ul li ul.sub-menu li {
	margin-bottom: 14px;
}

#site-navigation ul li.current-menu-item  ul.sub-menu,
#site-navigation ul li.current-menu-ancestor ul.sub-menu,
#site-navigation ul li.current-menu-parent ul.sub-menu {
	display: block !important;
}

#site-navigation ul li ul.sub-menu li a {
	height: 10px;
	font-size: 11px;
}

.flexslider .item .lazy-load  {
	background-color:#EAEAEA;
	position:relative;
}
.flexslider .item .lazy-load .loading {
    background: url("http://www.trueachievements.com/images/loading.gif") no-repeat scroll left top / 32px 32px transparent;
    color: #CCCCCC;
    font-size: 12px;
    height: 32px;
    margin: -16px -16px 0 0;
    position: absolute;
    right: 50%;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    text-transform: uppercase;
    top: 50%;
    width: 32px;
}
.flexslider .item .lazy-load.loaded {
	background-color:#ffffff !important;
}
.flexslider .item .lazy-load.loaded  .loading {
	display: none;
}
.mobile .flexslider .item {
	display: block !important;
}

.mobile.flexslider .item figure {
	height: auto !important;
}

#full-image img {
    max-width: 100% !important;
    max-height: 100% !important;
	width: auto;
	height: auto;
	opacity:0;
	-webkit-transition: opacity 0.3s ease 0.3s;
	   -moz-transition: opacity 0.3s ease 0.3s;
		-ms-transition: opacity 0.3s ease 0.3s;
		 -0-transition: opacity 0.3s ease 0.3s;
			transition: opacity 0.3s ease 0.3s;
}

.gallery-footer { float: left; height: 28px; padding-top: 20px; }

#external { float: left; }

#download-resume,
#download-pdf,
#open-article,
#fullscreen-toggle,
#thumbnails-toggle,
#story-toggle,
#caption-toggle,
#prev-slide-toggle,
#next-slide-toggle { background: url('images/icons/icons-spirte.png') no-repeat; }

#download-resume {  height:15px; line-height: 15px; font-size: 11px; color: #999; float: left; text-transform: uppercase; text-decoration: none; padding-right: 25px; background-position: right -74px;  margin-right: 40px; margin-top: 18px; }
#download-pdf { 	height:15px; line-height: 15px; font-size: 11px; color: #999; float: left; text-transform: uppercase; text-decoration: none; padding-right: 25px; background-position: right -74px;  margin-right: 40px; width: 85px; margin-top: -2px; }
#open-article { 	height:15px; line-height: 15px; font-size: 11px; color: #999; float: left; text-transform: uppercase; text-decoration: none; padding-right: 26px; background-position: right -186px; margin-right: 40px; width: 68px; margin-top: -2px; }

#fullscreen-toggle        { float: left; text-indent: -9999px; height: 15px; width: 15px; background-position: 0px -96px; margin-right: 15px; }
#fullscreen-toggle:hover,
#fullscreen-toggle.active { background-position: 0px -117px;  }

#thumbnails-toggle        { float: left; text-indent: -9999px; height: 15px; width: 15px; background-position: 0px -249px;  margin-right: 15px; }
#thumbnails-toggle:hover,
#thumbnails-toggle.active { background-position: 0px -270px; }

#story-toggle        { float: left; text-indent: -9999px; height: 15px; width: 15px; background-position: 0px -209px; margin-right: 15px; }
#story-toggle:hover,
#story-toggle.active { background-position: 0px -229px; }

#caption-toggle          { float: left; text-indent: -9999px; height: 15px; width: 15px; background-position: 0px -25px; margin-right: 15px; }
#caption-toggle:hover,
#caption-toggle.active   { background-position: 0px -50px !important; }
#caption-toggle.disabled { background-position: 0px 0px; }

#prev-slide-toggle 	{ float: left; text-indent: -9999px; height: 14px; width: 9px;  background-position: 0px -139px; margin-left: 25px; margin-right: 20px; }
#next-slide-toggle 	{ float: left; text-indent: -9999px; height: 14px; width: 10px; background-position: 0px -163px; margin-right: 15px; }
#slider-counter 	{ float: left; margin-right: 20px; text-align: center; width: 40px; line-height: 12px; }
#slider-counter .current { float: left; text-align: right; width: 12px; }

.gallery-thumbnails {
	display: none;
	padding-bottom: 48px;
}

.gallery-image-thumb {
	display: inline-block;
	*display: inline;
	zoom: 1;
	height: 147px;
	width: 220px;
	margin-bottom: 21px;
	margin-right: 34px;
}

.gallery-image-thumb a {
	display: block;
}

.thumb-link .image {
    display: block;
    margin: 0 auto;
}

.gallery-info {
	display: none;
	padding-bottom: 48px;
}


#story {
	padding-top: 61px;
	padding-bottom: 85px;
}

.story-before {
    background-color: #FFFFFF;
    content: "";
    display: block;
    height: 101px;
    left: 260px;
    position: fixed;
    right: 0;
    top: 0;
	z-index: 997;
}

.contact-template h1,
.article-content h1,
.gallery-info h1 {
	font-family: 'texgyreadventor', Arial, sans-serif;
	font-size: 14px;
	color: #333333;
	margin-bottom: 25px;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 14px;
}

.contact-template .content,
.article-content .content,
.gallery-info .content {
	font-family: 'AvantGardeMdITCTT', Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 22px;
	max-width: 620px;
}

.page-id-147 .article-content .content,
.page-id-149 .article-content .content,
.page-id-151 .article-content .content,
.page-id-147 .article-content .content p,
.page-id-149 .article-content .content p,
.page-id-151 .article-content .content p {
	line-height: 26px;
}
body.page-id-151 .article-content .content {max-width:100% !important;}

.contact-template .content p,
.article-content .content p,
.gallery-info .content p {
	margin-bottom: 26px;
	line-height: 20px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #cccccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #cccccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #cccccc;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #cccccc;
}

.newsletter-email { color: #666; font-size:14px;}
.social-icons { border-bottom: 1px solid #E1E1E1; margin-bottom: 30px; padding-bottom: 31px;padding-top: 10px; max-width: 441px; }

.social-icons .facebook,
.social-icons .linkedin,
.social-icons .instagram { height: 26px; width: 26px; display: inline-block; background-repeat: no-repeat; text-indent: -999px; border-bottom: none !important; margin-right: 7px; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.social-icons .facebook:hover,
.social-icons .linkedin:hover,
.social-icons .instagram:hover { -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }

.social-icons .facebook { background-image: url('images/facebook.png'); }
.social-icons .linkedin { background-image: url('images/linkedin.png'); }
.social-icons .instagram { background-image: url('images/instagram.png'); }

.newsletter-wrapper { height: 65px; margin-bottom: 30px; }
.newsletter-title {
    color: #333333;
    display: block;
    font-family: 'AvantGardeMdITCTT', Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 19px;
    text-transform: uppercase;
}
.newsletter-form-info.error {
	color: red;
	display: none;
    font-family: 'AvantGardeMdITCTT',Arial,sans-serif;
    font-size: 14px;
}
/*info box with success */
.newsletter-form .newsletter-form-info.success {
    display: none;
    font-family: 'AvantGardeMdITCTT',Arial,sans-serif;
    font-size: 14px;
}
.newsletter-wrapper.newsletter-email-wrapper,
.newsletter-wrapper.newsletter-submit-wrapper.form-submit {  float: left; }
.newsletter-form .newsletter-email { width:auto !important; max-width:260px !important; height:25px; border: 1px solid #CCCCCC; padding: 0 11px; line-height: 23px; color: #666666;}
.newsletter-form .error .newsletter-email { border: 1px solid red; }
.submit-button.button {
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-family: 'AvantGardeMdITCTT', Arial, sans-serif;
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    margin: 0 0 0 10px !important;
    padding: 0 !important;
    text-align: center;
    width: 80px;
}
.newsletter-form .newsletter-loader {
	display: none;
	width:16px;
	height:16px;
	margin:4px;
	vertical-align: middle;
	background-image:url('http://moshetestdrive.com/natandvir/wp-content/plugins/newsletter/assets/img/loading.gif');
	background-repeat:no-repeat;
	background-position:center center;
}
.newsletter-form .newsletter-loader.loading {
	display: inline-block;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	.newsletter-form .newsletter-loader {
		background-image:url('http://moshetestdrive.com/natandvir/wp-content/plugins/newsletter/assets/img/loading_2x.gif');
		background-size:100%;
	}
}
.thumbnail {
    display: block;
    float: left;
    height: 100%;
    margin-right: 40px;
    margin-bottom: 20px;
}


.right-column {
	display: inline-block;
	width: 65%;
}

article.single-news {
    position: relative;
    height: 120px;
	margin-bottom: 40px;
}

article.single-news:last-child {
	margin-bottom: 0 !important;
}

article.single-news .content {
    height: 120px;
    left: 220px;
    position: absolute;
    top: 0;
	max-width: 620px;
}

article.single-news h2.title a {
    color: #333333;
    font-family: 'AvantGardeMdITCTT', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
}

article.single-news .date {
	color: #999;
    font-family: 'AvantGardeMdITCTT', Arial, sans-serif;
    font-size: 13px;
	margin-top: 5px;
}

article.single-news .excerpt {
	color: #666;
    font-family: 'AvantGardeMdITCTT', Arial, sans-serif;
    font-size: 14px;
	margin-top: 10px;
}

article.single-news .read-more {
    color: #999999;
    display: block;
    font-family: 'AvantGardeMdITCTT', Arial, sans-serif;
    font-size: 14px;
    margin-top: 10px;
}

footer {
	position: relative;
	background-color: #ffffff;
	height:48px;
	z-index:998;
	margin-left: -260px;
}

.fixed-footer footer { position: fixed; bottom:0 !important; left:0; right: 0; margin-left:0 !important; }

.footer-right {
    color: #999999;
    font-family: 'AvantGardeMdITCTT', Arial, sans-serif;
    font-size: 11px;
    height: 48px;
    line-height: 10px;
    z-index: 999;
	margin-left: 260px;
}

.spacer { float: left; display: inline-block; content: ""; height: 28px; width: 25px; }
.share-wrapper {
	float: left;
	margin-right: 15px;
	width: 180px;
	display: inline-block;
    height: 28px;
    padding-top: 20px;
	-webkit-transition: all 0.3s ease 0.3s;
	   -moz-transition: all 0.3s ease 0.3s;
		-ms-transition: all 0.3s ease 0.3s;
		 -0-transition: all 0.3s ease 0.3s;
			transition: all 0.3s ease 0.3s;
}

.share-wrapper .content { border-radius: 0 0 0 0 !important; display: inline-block; padding: 0 !important; position: static; width: 125px !important;overflow: hidden; margin-top: -3px; height: 20px; text-align: left !important;}
.at-floatingbar-inner {
    margin-left: -125px;
	width: 125px;
	-webkit-transition: all 0.3s ease 0.3s;
	   -moz-transition: all 0.3s ease 0.3s;
		-ms-transition: all 0.3s ease 0.3s;
		 -0-transition: all 0.3s ease 0.3s;
			transition: all 0.3s ease 0.3s;
}
.share-wrapper.active .at-floatingbar-inner,
.share-wrapper:hover .at-floatingbar-inner {
    margin-left: 0 !important;
}

.addthis_internal_container { width: 125px !important; }
.at300b span { display: none !important; }


#share-email-toggle,
#share-facebook-toggle,
#share-google-toggle,
#share-twitter-toggle,
#share-pintrest-toggle { background-image: url('images/icons/share.png'); background-repeat: no-repeat; float: left; height: 20px; margin: 0 0 0 5px !important; padding: 0 !important; text-indent: -9999px; width: 20px; }

#share-toggle { color: #999999; float: left; height: 18px; line-height: 14px; margin-top: -1px; padding: 0 22px 0 0; text-decoration: none; background: url("images/icons/share-spirte.png") no-repeat scroll 32px -24px transparent; cursor: pointer;}
.share-wrapper:hover  #share-toggle,
.share-wrapper.active #share-toggle,
#share-toggle:hover { background-position: 32px 0px; }
#share-email-toggle 			{ background-position: 0px -140px; }
#share-email-toggle:hover 		{ background-position: 0px -112px; }
#share-facebook-toggle 			{ background-position: 0px -28px;  }
#share-facebook-toggle:hover 	{ background-position: 0px 0px;    }
#share-google-toggle 			{ background-position: 0px -56px;  }
#share-google-toggle:hover 		{ background-position: 0px -84px;  }
#share-twitter-toggle 			{ background-position: 0px -252px; }
#share-twitter-toggle:hover 	{ background-position: 0px -224px; }
#share-pintrest-toggle 			{ background-position: 0px -196px; }
#share-pintrest-toggle:hover 	{ background-position: 0px -168px; }

.bottom-line {
	background-color: #fff;
	position: fixed;
	bottom: 0;
	left: 260px;
	right: 0;
	height: 48px;
	z-index: 997;
}
.page-template-page-news-php .bottom-line:before,
.fixed-footer .bottom-line:before {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	position:absolute;
	height:35px;
	left:0;
	right:0;
	bottom:48px;
	content:"";
	z-index:997;
}

.noShadow .bottom-line:before { background:transparent !important; }




/****************/
/****iPad********/
/****************/




/**
 * Show mobile navigation.
 */
.iPad #masthead {
    display: block;
    padding: 10px;
    position: static;
    width: auto;
}

.iPad .site-title > a > img {
    margin-top: 6px;
}

.iPad .story-before,
.iPad .top-line {
	display: none !important;
}

.iPad hgroup {
    height: 21px;
    margin-left: -75px;
    padding-left: 50%;
    width: 150px;
}

.iPad .copyrights {
    display: none;
}

.iPad .wrapper {
    margin: 6px 15px 0 !important;
	width: auto !important;
}

/**
 * Alternative navigation for mobile devices.
 */
.iPad #site-navigation {
	position: absolute;
	background: #DDDDDD;
	display: block;
	font-family: 'AvantGardeMdITCTT';
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2000;
	margin-top: 0 !important;
	width: auto;
}

.iPad #site-navigation .btn-open {
	display: block;
	width: 50px;
	background: #DDDDDD;
	position: absolute;
	top: 9px;
	color: #000000;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	padding: 10px 0;
	right: 0;
	-moz-transition: right 0.7s;
	-webkit-transition: right 0.7s;
	-o-transition: right 0.7s;
	transition: right 0.7s;
}

.iPad #site-navigation li a {
	display: block;
	color: #777777;
	font-size: 13px;
	padding: 10px 25px 10px 20px;
	border-bottom: 2px solid #F1F1F1;
	text-decoration: none;
}

.iPad #site-navigation > div > ul > li:last-child a { border-bottom: 0px solid #FFFFFF !important; }

.iPad #site-navigation ul li a:hover,
.iPad #site-navigation ul li.current-menu-item:not(.current-menu-ancestor) > a,
.iPad #site-navigation li.current-menu-item a {
	color: #000000;
	background-color: #DDDDDD !important;
	font-weight: 400 !important;
}
.iPad #site-navigation ul li {margin:0 0 0 0 !important;}
.iPad #site-navigation ul li ul.sub-menu {padding:0 0 0 0 !important;}
.iPad #site-navigation ul li ul.sub-menu li a {
	padding: 5px 30px 5px 30px;
}

.iPad #site-navigation ul li ul.sub-menu ul li a {
	padding: 5px 40px 5px 50px;
	font-size: 11px;
}

.iPad #site-navigation li a:hover {
	background: #000000;
	position: relative;
	font-weight: 400 !important;
}


.iPad #site-navigation .btn-open {
    right: -50px;
	display: block;
}

.iPad .site-navigation {
    display: none !important;
}
.iPad #story { padding-top: 0 !important;}
.iPad .bottom-line { left:0 !important;}
.iPad footer { margin-left: 0 !important; }
.iPad .footer-right { margin-left: 0 !important; }
.iPad.fixed-footer footer { left: 15px !important; }

.mobile-info { font-family: 'AvantGardeMdITCTT', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: center; display: none; }