/*
==================================================
==================================================
Template Name: Misha - Landing Page
Theme URI: http://kimeravisualdesign.com/demo/misha
Author: Kimeravisualdesign - Resetblue
Author URI: http://kimeravisualdesign.com
Description: Misha - HTML5 responsive Landing Page 
Version: 1.0
Tags: misha, html5, css3, responsive, retina,
landing, landing page, showcase, app, app showcase,
parallax
==================================================
==================================================
*/

/* global styles
================================================== */
html,
body { height:100%;width:100% }

body {
background:#FFF;
color:#000;
font-family: 'Comfortaa', cursive;
font-size:12px;
font-weight:400;
line-height:1.5em
}

a,
a:hover,
a:focus,
a:active { color:#f15521;font-weight:400;outline:none !important;text-decoration:none }

em { color:#f15521;font-style:normal;font-weight:600 }
ul,li { list-style:none }
iframe { border:0 }

hr {
border-color:#e6e6e6;
border-width:1px 0 0;
float:left;
margin:45px 0 45px 30px;
width:100%
}

blockquote {
border-bottom:1px solid rgba(0,0,0,0.1);
border-left:none;
border-top:1px solid rgba(0,0,0,0.1);
color:#4E565C;
float:left;
font-size:18px;
font-weight:300;
line-height:1em;
padding:30px 0;
width:100%
}

p {
color:#818A90;
font-size:16px;
font-weight:300;
line-height:1.1250em;
margin:10px 0;
width:100%!important
}

h1,
h2,
h3,
h4,
h5,
h6 { color:#4E565C;font-family: 'Comfortaa', cursive;font-weight:800;margin:0 }

h1 { font-size:62px;line-height:1.1613em }
h2 { font-size:30px;line-height:1.2em }
h3 { font-size:26px;line-height:1.3846em }
h4 { font-size:18px;line-height:1em }
h5 { font-size:16px;line-height:1.1250em }
h6 { font-size:14px;line-height:1.2857em }

		/* buttons
		================================================== */
		.btn,
		.btn:hover {
		font-size:14px;
		font-weight:700;
		margin-top:30px;
		padding:15px 20px;
		text-transform:uppercase
		}
		
		.btn-default { background:none;border:2px solid #4E565C;color:#4E565C }
		.btn-default:hover { background:#2E6C87;border:2px solid #2E6C87;color:#FFF }
		.light { background:none;border:2px solid #FFF;color:#FFF }
		.light:hover { background:#EDEDED;border:2px solid #EDEDED;color:#4E565C }
		.bg-filler { background:#f15521;border:2px solid #f15521;color:#FFF }
		.bg-filler:hover { background:none;border:2px solid #FFF }
		
		/*  text line decoration
		================================================== */
		span.top-line,
		span.bottom-line { 
		background:#f15521;
		height:1px;
		position:absolute;
		top:0;
		width:90px
		}
		
		.heading span.top-line,
		.service-row span.top-line { left:50%;margin-left:-45px }
		
		.spotlight span.top-line { left:15px }
		.service-row span.top-line { top:105px }
		.service-row .service-desc span.top-line { left:0;margin-left:0;top:0 }
		
		.heading span.bottom-line {
		bottom:0;
		left:50%;
		margin-left:-180px;
		top:auto;
		width:360px
		}
		
		/*  heading
		================================================== */
		.heading { margin-bottom:60px;padding:30px 0 }
		.heading p { font-size:20px;font-weight:200;line-height:1.8em; }
		
		.heading span {
		color:#818A90;
		font-size:14px;
		font-weight:700;
		line-height:1.2857em;
		text-transform:uppercase
		}

/* fixed navbar
================================================== */
nav {
background:rgba(255, 255, 255, .9);
border-bottom:1px solid rgba(0, 0, 0, .1) !important;
height:60px;
padding:10px 0 20px 0;
position:fixed;
z-index:9000 !important
}

ul.nav li {
border:2px solid rgba(255, 255, 255, 0);
margin-left:15px;
padding:7px 15px;
}		

ul.nav li a {
color:#292D30;
font-size:12px;
font-weight:600;
padding:0;
text-transform:uppercase
}		

ul.nav li:hover,
ul.nav li:focus,
ul.nav li.active { border:2px solid #333 }		

ul.nav li a:hover, ul.nav li a:focus  { background:none }		

nav.navbar-fixed-top { top:-60px }		

.navbar-toggle { 
background-color:rgba(0, 0, 0, 0.8);
border:1px solid rgba(0, 0, 0, 0.8);
border-radius:0;
color:rgba(255, 255, 255, 0.8);
font-size:16px;
padding:10px 20px;
margin-top:0
}		

/* brand - navbar, homepage, footer
================================================== */
nav .logo,
.intro-brand, 
footer .logo { color:#292D30;}

nav .logo { font-size:38px;font-weight:400 }
.intro h1.intro-brand { color:#FFF;font-size:62px;margin-bottom:90px }
footer h1.logo { color:rgba(255, 255, 255, .7);font-size:38px;font-weight:300 }

/* mask overlay
================================================== */
.mask-overlay {
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
z-index:0
}

.mask-overlay {
background:#000;
opacity: .50;

-moz-opacity: .50;
-khtml-opacity: .50;
-webkit-opacity: .50;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50)
}

/* parallax backgrounds
================================================== */
header,
section.highlight .bg1,
section.highlight .bg2 { 
background-color:#FFF;
background-size:cover !important;

-moz-background-size:cover;
-o-background-size:cover;
-webkit-background-size:cover
}

header { background:url(images/parallax-bg/01.jpg) 50% 0 no-repeat }
section.single { background:url(images/parallax-bg/04.jpg) 50% 0 no-repeat }
section.highlight .bg1 { background:url(images/parallax-bg/02.jpg) 50% 0 no-repeat }
section.highlight .bg2 { background:url(images/parallax-bg/03.jpg) 50% 50% no-repeat }

/* sections
================================================== */
header, 
.single,
.highlight-double .bg1,
.highlight-double .bg2,
section.highlight .small-highlight,
section.highlight .highlight-slogan,
section.screenshots figure,
section.service-row .service-desc,
fieldset.contact-form span.input { position:relative }

header,
.heading, 
.highlight,
section.screenshots figure span.figure-mask,
footer { text-align:center }

section.wrapper section {
border-bottom:1px solid rgba(0,0,0,0.1);
height:auto;
overflow:hidden;
padding:60px 0
}

section#spot-1 { height:510px }
section#spot-3 { height:560px }
section#spot-4 { padding-bottom:120px }
section.call-action .heading { padding-bottom:0;margin-bottom:0 }

		/* homepage
		================================================== */
		header { padding:120px 0 180px 0;width:100% }
		
		section.intro h1,
		section.intro h2,
		section.intro h3,
		section.intro h4,
		section.intro h5,
		section.intro h6 { 
		color:#FFF;
		font-size:52px;
		line-height:1.0385em;
		margin-bottom:15px;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6)
		}
		
		section.intro p {
		color:#EDEDED;
		font-size:22px;
		font-weight:200;
		line-height:1.6364em
		}
		
		/*  features section
		================================================== */
		.features .features-wrapper { margin-top:90px }
		.features .features-desc  { margin-bottom:30px }
		.features .features-desc figure { color:#4E565C;font-size:28px;margin:0 0 15px 0 }
		
		/*  spotlight section
		================================================== */
		section.spotlight h1,
		section.spotlight h2,
		section.spotlight h3,
		section.spotlight h4,
		section.spotlight h5,
		section.spotlight h6 { color:#111;font-weight:300;margin-bottom:30px }
		
		ul.download-icon { margin:30px 0 0 0 }
		
		ul.download-icon a {
		border:1px solid #888;
		color:#999;
		font-size:22px;
		height:50px;
		padding-top:13px;
		text-align:center;
		width:50px
		}
		
		ul.download-icon a:hover { border:1px solid #4E565C;color:#4E565C }
		
		/*  spotlight section
		================================================== */
		section.wrapper section.spotlight { padding-top:120px }
		section.wrapper section.spotlight .spotlight-desc { padding-top:30px }
		
		/*  slider - tablet
		================================================== */
		.slider-wrapper { background:url(images/spot-2.png) top left no-repeat;height:488px !important;padding:0 }
		#slider-tablet { height:488px }
		#slider-tablet img { width:100% }
		#slider-tablet .carousel-inner { left:84px;top:29px;width:511px }
		
		#slider-tablet .carousel-control.left,
		#slider-tablet .carousel-control.right { background:none;color:rgba(0, 0, 0, 0.5);font-size:42px;text-shadow:none;width:5% }
		
		#slider-tablet .carousel-control.left { left:-31px }
		#slider-tablet .carousel-control span { height:22px;margin-top:-21px;position:absolute;top:50% }
		#slider-tablet .carousel-indicators { bottom:0 }
		#slider-tablet .carousel-indicators .active { background:none;border:1px solid #999; }
		#slider-tablet .carousel-indicators li { background:rgba(0, 0, 0, 0.4) }
		#slider-tablet .carousel-caption { background:rgba(0, 0, 0, 0.7);bottom:0;left:0;padding:5px 15px;right:0;text-transform:uppercase }
		#slider-tablet .carousel-caption p { font-weight:600 }
		
		/*  highlight section
		================================================== */
		section.wrapper section.highlight { border:none;padding-bottom:0 }
		section.wrapper section.single { padding:120px 0 }
		section.wrapper section.highlight-double { padding:0 }
		section.highlight .small-highlight { float:left;padding:60px 0;width:48% }
		section.highlight .highlight-slogan { margin:0 60px}
		
		section.highlight h1,
		section.highlight h2,
		section.highlight h3,
		section.highlight h4,
		section.highlight h5,
		section.highlight h6 { color:#EDEDED;font-size:32px;line-height:1.1250em;font-weight:300 }
		
		.highlight p {
		color:#EDEDED;
		font-size:18px;
		font-weight:200;
		line-height:1em;
		margin:20px 0 0 0
		}
		
		/*  Screenshots section
		================================================== */
		section.screenshots figure { 
		border:1px solid rgba(0,0,0,0.1);
		float:left;
		height:270px;
		margin:0 30px 30px 0;
		overflow:hidden;
		padding:5px;
		width:270px 
		}
		
		section.screenshots .screenshots-row:last-child figure { margin-bottom:0 }
		section.screenshots .screenshots-row figure:last-child { margin-right:0 }
		section.screenshots figure img { width:100% }
		
		section.screenshots figure img {
		transform:scaleY(1);
		transition:all 0.7s ease-in-out;
		
		-moz-transform:scaleY(1);
		-ms-transform:scaleY(1);
		-o-transform:scaleY(1);
		-webkit-transform:scaleY(1);
		-moz-transition:all 0.7s ease-in-out;
		-o-transition:all 0.7s ease-in-out;
		-webkit-transition:all 0.7s ease-in-out
		}
		
		section.screenshots figure:hover img {
		transform:scale(1.5);
		opacity:0.5;
		
		-moz-transform:scale(1.5);
		-ms-transform:scale(1.5);
		-o-transform:scale(1.5);
		-webkit-transform:scale(1.5);
		filter:alpha(opacity=50);
		-khtml-opacity: 0.5;
		-moz-opacity:0.5; 
		}
		
		section.screenshots figure span.figure-mask {
		height:100%;
		left:0;
		position:absolute;
		top:0;
		width:100%
		}
		
		section.screenshots figure span.figure-mask {
		background-color:rgba(0, 0 ,0, 0.8);
		opacity:0;
		transition:all 0.5s linear;
		
		filter:alpha(opacity=0);
		-khtml-opacity:0;
		-moz-opacity:0; 
		-moz-transition:all 0.5s linear;
		-o-transition:all 0.5s linear;
		-webkit-transition:all 0.5s linear
		}   
		
		section.screenshots figure:hover span.figure-mask {
		opacity:1;
		
		filter:alpha(opacity=100);
		-khtml-opacity:1;
		-moz-opacity:1 
		}        
		
		section.screenshots figure span.figure-mask a span {
		bottom:30%;
		border:1px solid rgba(255,255,255,0.8);
		color:rgba(255,255,255,0.8);
		font-size:16px;
		font-weight:200;
		height:34px;
		left:50%;
		margin-left:-46px;
		opacity:0;
		padding-top:6px;
		position:absolute;
		text-align:center;
		text-transform:uppercase;
		transition: all .7s ease-in-out;
		width:90px;
		
		filter:alpha(opacity=0);
		-khtml-opacity:0;
		-moz-opacity:0; 
		-moz-transition:all .7s ease-out;
		-o-transition:all .7s ease-out;
		-webkit-transition:all .7s ease-out
		}
		
		section.screenshots figure:hover span.figure-mask a span { 
		bottom:50%;
		opacity:1;
		margin-bottom:-21px;
		
		filter:alpha(opacity=100);
		-khtml-opacity:1;
		-moz-opacity:1 
		}        
		
		/*  Service section
		================================================== */
		section.wrapper section.service-row {
		border:none;
		float:left;
		margin:0 0 60px 0;
		padding:0;
		overflow:visible
		}
		
		section.wrapper section.service-row:last-child { margin-bottom:30px}
		section.wrapper section.service-row .service-desc {margin:0 0 0 100px;padding-top:15px }
		section.wrapper section.service figure { float:left;margin:15px 0 0 0 !important}
		
		section.wrapper section.service-row figure {
		color:#4E565C;
		font-size:28px;
		height:75px;
		margin:0 0 60px 0;
		padding:25px 0 0;
		position:relative;
		text-align:center;
		transition: box-shadow .2s;
		width:75px;
		
		-moz-transition: box-shadow .2s;
		-o-transition: box-shadow .2s;
		-webkit-transition: box-shadow .2s
		}

				/*  service icon animation
				================================================== */
				section.wrapper section.service-row figure:after {
				box-sizing: content-box;
				content: '';
				height: 100%;
				pointer-events: none;
				position: absolute;
				width: 100%;
				
				-moz-box-sizing: content-box; 
				-o-box-sizing: content-box;
				-webkit-box-sizing: content-box; 
				}
				
				section.wrapper section.service-row figure:after {
				left: 0;
				padding: 0;
				top: 0;
				transition: transform .2s, opacity .2s;
				
				-moz-transition: -moz-transform .2s, opacity .2s;
				-o-transition: -o-transform .2s, opacity .2s;
				-webkit-transition: -webkit-transform .2s, opacity .2s
				}
				
				section.wrapper section.service-row div:hover figure:after {
				transform: scale(0.84);
				
				-moz-transform: scale(0.84);
				-ms-transform: scale(0.84);
				-o-transform: scale(0.84);
				-webkit-transform: scale(0.84)
				}
				
				section.wrapper section.service-row figure:after { box-shadow: 0 0 0 2px #4E565C }
				section.wrapper section.service-row div:hover figure { box-shadow: 0 0 0 10px rgba(80,187,235,0.4) }

		/* Contact section - contact form
		================================================== */
		fieldset.contact-form label {
		color:#888;
		font-size:11px;
		font-weight:700;
		margin:10px 0;
		text-transform:uppercase;
		width:100%
		}
		
		fieldset.contact-form input,
		fieldset.contact-form textarea {
		background:none;
		border:1px solid rgba(0,0,0,0.2);
		box-shadow:none;
		color:#4E565C;
		font-size:12px;
		height:40px;
		line-height:1.5em;
		padding:0 10px;
		width:100%;
		
		-webkit-appearance:none
		}
		
		fieldset.contact-form textarea { height:195px;padding:6px }
		
		fieldset.contact-form input:focus,
		fieldset.contact-form textarea:focus {
		border-color:rgba(153,153,153,0.8);
		box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(153,153,153,0.6);
		
		-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(153,153,153,0.6);
		-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(153,153,153,0.6)
		}
		
		fieldset.contact-form input[type="submit"] {
		border:3px solid #4E565C;
		color:#4E565C;
		display:block;
		font-size:14px;
		font-weight:700;
		height:auto;
		margin:20px auto 0;
		padding:15px 20px;
		text-transform:uppercase;
		width:120px;
		
		-webkit-appearance:none;
		-webkit-border-radius:0;
		}
		
		fieldset.contact-form input[type="submit"]:hover { background:#2E6C87;border:3px solid #2E6C87;color:#FFF }
		
		fieldset.contact-form span.error {
		color:#f15521;
		font-size:12px;
		position:absolute;
		right:5px;
		top:0
		}
		
		fieldset.contact-form #response-box { 
		color:#f15521 !important;
		display:none;
		float:left;
		font-weight:600;
		padding:30px 0 !important;
		text-align:center;
		width: 100%
		}
		
		fieldset.contact-form #response-box p { 
		color:#f15521;
		font-size:13px;
		font-weight:600;
		line-height:1.3846em;
		margin:0
		}
		
		fieldset.contact-form span#message_error { right:20px;top:10px }
		
/* Footer
================================================== */
footer { background:#292D30;padding:60px 0 40px 0 }
footer p { font-size:14px;font-weight:200;line-height:1.2857em;margin:20px 0 }
footer p a span { margin-left:10px }
ul.footer-social { margin:30px auto }
ul.footer-social a { color:rgba(255, 255, 255, 0.5);font-size:18px }
ul.footer-social a:hover { color:rgba(255, 255, 255, 0.9) }

/* Border radius specs
================================================== */
.btn,
.btn-lg,
.btn-sm,
.btn-xs,
fieldset.contact-form input[type=email],
fieldset.contact-form input[type=text],
fieldset.contact-form textarea {
border-radius:0;

-moz-border-radius:0;
-webkit-border-radius:0
}

ul.download-icon a,
.highlight i,
.service-row figure,
.service-row figure:after,
.bx-wrapper .bx-pager.bx-default-pager a.active {
border-radius:50%;

-moz-border-radius:50%;
-webkit-border-radius:50%
}

/* css3 transition specs
================================================== */
a,
ul.nav a,
a.button,
ul.download-icon a,
fieldset.contact-form .submit  {
transition:all .3s ease-out;

-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
-webkit-transition:all .3s ease-out
}

/* css3 animations time
================================================== */
.animated {
animation-duration: 2s;
animation-fill-mode: both;

-webkit-animation-duration: 2s;
-webkit-animation-fill-mode: both
}

/* media queries - responsive features
================================================== */

@media (min-width: 992px) and (max-width: 1199px) {

/* sections specs  ----------- */
.features .features-wrapper { margin-top:30px }
section#spot-1, section#spot-3 { height:auto }
section.screenshots figure { height:220px;width:220px }

/* slider  ----------- */
.slider-wrapper { background-size:566px;height:404px !important }
#slider-tablet { height:404px }
#slider-tablet .carousel-inner { left:70px;top:24px;width:423px }

}

@media (min-width: 768px) and (max-width: 991px) {

/* sections specs  ----------- */
.features .features-wrapper { margin-top:0 }
.features figure { margin-top:30px }

section.spotlight h1,
section.spotlight h2,
section.spotlight h3,
section.spotlight h4,
section.spotlight h5,
section.spotlight h6 { margin-bottom:15px }

section.wrapper section.spotlight .spotlight-desc { padding-top:15px }

section#spot-1,
section#spot-3 { height:auto }

ul.download-icon { margin:30px 0 0 0 }
ul.download-icon a { font-size:20px;height:40px;padding-top:9px;width:40px }

section.highlight h1,
section.highlight h2,
section.highlight h3,
section.highlight h4,
section.highlight h5,
section.highlight h6 { font-size:22px !important;line-height:1.6364em }

section.wrapper section.single { padding:60px 0 }

section.wrapper section.service-row { margin:0 0 30px 0 }
section.wrapper section.service-row:last-child { margin-bottom:0}

section.screenshots figure { height:176px;margin:0 15px 15px 0;width:176px }

fieldset.contact-form label { margin:5px 0 }

/* slider  ----------- */
.slider-wrapper { background-size:438px;height:313px !important }
#slider-tablet { height:323px }
#slider-tablet .carousel-inner { left:54px;top:19px;width:327px }

}

@media (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

/* typography  ----------- */
h1 { font-size:42px;line-height:1.2857em }
h2 { font-size:26px !important;line-height:1.3846em }
h3 { font-size:18px;line-height:1em }
h4 { font-size:16px;line-height:1.1250em }
h5 { font-size:14px;line-height:1.2857em }
h6 { font-size:12px;line-height:1.5em }

p  { font-size:14px;line-height:1.2857em }

.btn, .btn:hover { margin-top:30px;padding:12px 15px }

/* sections specs  ----------- */
section.wrapper section { padding:30px 0 }
section.wrapper section.spotlight { padding-top:60px }

section.highlight h1,
section.highlight h2,
section.highlight h3,
section.highlight h4,
section.highlight h5,
section.highlight h6 { font-size:22px !important;line-height:1.6364em }

.highlight p { font-size:15px;line-height:1.2em;margin:15px 0 0 0 }
section#spot-4 { padding-bottom:60px }

}

@media (max-width: 767px) {

/* homepage  ----------- */
header { padding:45px 0 }
.intro h1.intro-brand { font-size:42px;margin-bottom:30px }

section.intro h1,
section.intro h2,
section.intro h3,
section.intro h4,
section.intro h5,
section.intro h6 { 
font-size:28px;
line-height:1.2857em;
margin-bottom:15px;
}

/* toggle navigation  ----------- */
ul.nav {
background:rgba(255, 255, 255, .9);
border-bottom:1px solid rgba(0, 0, 0, .1);
margin-top:-1px;
text-align:center
}

ul.nav li { margin:20px 0 }
ul.nav li a { margin:0 auto;width:130px }		

ul.nav li a:hover,
ul.nav li a:focus,
ul.nav li a.active { background:none }		

/* sections specs  ----------- */
section.intro p { font-size:18px;line-height:1em }

.heading { margin-left:15px;margin-right:15px }
.heading span.bottom-line { margin-left:-135px;width:270px }

.features .features-wrapper { text-align:center;margin-top:0 }
.features > figure { margin:75px 0 0 0 !important }

section.wrapper section.spotlight { padding-top:60px }
section.wrapper section.spotlight .spotlight-desc { text-align:center;padding-top:15px }
section#spot-1 figure { margin-top:60px }
.spotlight span.top-line { left:50%;margin-left:-45px }
section#spot-1,
section#spot-3 { height:auto }

section.highlight .highlight-slogan { margin:0 15px}
section.highlight .small-highlight { padding: 30px 0 }
section.wrapper section.single { padding:60px 0 }

section.screenshots .screenshots-row { margin:0 15px }
section.screenshots figure { height:47%;margin:0 2% 2% 0;width:48% }
section.screenshots .screenshots-row:last-child figure { margin-bottom:2% }

section.wrapper section.service-row div { margin-bottom:60px }
section.wrapper section.service-row div:last-child { margin-bottom:0 }

section.wrapper section.service-row figure {
height:65px;
margin:0 0 60px 0;
padding:20px 0 0;
width:65px;
}

section.service div { margin-bottom:45px }
section.service div:last-child { margin-bottom:0 }

.fluid-width-video-wrapper { margin-top:60px }

fieldset.contact-form { margin:0 15px }
fieldset.contact-form label[for=name], fieldset.contact-form label[for=message] { margin-left:-15px !important }

footer { padding:30px 0 20px 0 }
footer h1.logo { font-size:32px }
footer p { margin:10px 0 }

/* slider  ----------- */
.slider-wrapper { background:none;border:1px solid rgba(0, 0, 0, 0.1);height:100% !important;margin:0 15px 60px 15px;padding:5%;width:95% }
#slider-tablet { height:auto !important }
#slider-tablet .carousel-inner { left:0;top:0;width:100% }
#slider-tablet .carousel-indicators { bottom:-20% }

/* prettyPhoto specs  ----------- */
.pp_pic_holder.pp_default { width: 100%!important; margin-top:-100px !important;left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important; }

}

@media (max-width: 568px) and (orientation:portrait) {

/* slider  ----------- */
.slider-wrapper { width:90% }
#slider-tablet .carousel-indicators { bottom:-30% }
#slider-tablet .carousel-caption p { font-size:12px }

/* sections specs  ----------- */
section.highlight h1,
section.highlight h2,
section.highlight h3,
section.highlight h4,
section.highlight h5,
section.highlight h6 { font-size:18px;line-height:1em }

section.wrapper section.single { padding:45px 0 }

}