/* You can type here any CSS code that will be loaded both on your admin and front-end pages.
Let us help you by giving a few exmaple CSS classes: */

/* Front-end sliders & preview */

@import url("../../core/assets/css/etlinefont.css");

/* slider text styles */

.ls-slide .ls-l{
	max-width: 1170px;

}
.tp-caption{
	font-size:18px;
	line-height:35px;
}
.tp-social-icon , .tp-social-icon  a{
    color: #666;
    font-size: 24px;
}
.tp-social-icon a:hover {
    color: #999;
}
.tp-btn {
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    background: #666;
    color: #fff;
    border: 1px solid #333;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease;
    text-transform: uppercase;
    font-weight: 300;
    margin: 0 2px;
	letter-spacing:1.2px; /* New */
}
.tp-btn.active, .tp-btn:active, .tp-btn:focus, .tp-btn:hover {
    color: #fff;
    background-color: #282828;
    border-color: #313131;
}
.tp-btn-dark-outline {
    padding: 13px 35px !important;
    font-size: 12px;
    line-height: 1.3333333;
    border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    background: 0 0;
    color: #333;
    border: 1px solid #666 !important;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease;
    font-weight: 300;
    margin: 0 2px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.tp-btn-color{
	background: #f62459;
	border-color: #f62459 !important;
	color: #fff;
}	
.tp-btn-dark-outline.active, .tp-btn-dark-outline:active, .tp-btn-dark-outline:focus, .tp-btn-dark-outline:hover {
    color: #fff !important;
    background-color: #666;
    border: 1px solid #333!important;
}
.tp-caption.xc_title_font {
    position: absolute;
    color: #666;
    text-shadow: none;
    font-weight: 300;
    font-size: 30px;
    line-height: 30px;
    font-family: "Open Sans", sans-serif;
    border-style: none;
    background-color: transparent;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.caption.fullscreenvideo iframe, .caption.fullscreenvideo video, iframe {
    border-width: 0!important;
}
 
.tp-caption.xc_title_font_02 {
    position: absolute;
    color: #666;
    text-shadow: none;
    font-weight: 300;
    font-size: 48px;
    line-height: 52px;
    font-family: "Open Sans", sans-serif;
    border-style: none;
    background-color: transparent;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.tp-caption.p_bigger_font {
    position: absolute;
    color: #666;
    text-shadow: none;
    font-weight: 300;
    font-size: 22px;
    line-height: 24px;
    font-family: "Open Sans", sans-serif;
    border-style: none;
    background-color: transparent;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.tp-caption.p_normal_font {
    position: absolute;
    color: #666;
    text-shadow: none;
    font-weight: 300;
    font-size: 20px;
    line-height: 26px;
    font-family: "Open Sans", sans-serif;
    border-style: none;
    background-color: transparent;
    letter-spacing: 0;
}
.tp-caption.p_bold_bigger_font {
    position: absolute;
    color: #666;
    text-shadow: none;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    font-family: "Open Sans", sans-serif;
    border-style: none;
    background-color: transparent;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.tp-bullets.simplebullets.navbar-old {
    background: 0 0;
}

.ls-video-layer{
	height: 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}

/* retina */
@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) {
	
	.ms-skin-default .ms-slide .ms-slide-vpbtn,
	.ms-skin-default .ms-video-btn,
	.ms-skin-default .ms-slide .ms-slide-vcbtn,
	.ms-skin-default .ms-nav-next,
	.ms-skin-default .ms-nav-prev,
	.ms-skin-default .ms-bullet{
		background-image:url(light-skin-1-retina.png);
		background-size: 152px 225px;
	}
	
}