/*
Theme Name: Startit Child
Theme URI: http://startit.select-themes.com
Description: A child theme of Startit Theme
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 1.0.0
Template: startit
*/
@import url("../startit/style.css");
.carousel-inner h3.qodef-slide-subtitle {
  background-color: rgba(0,0, 0, 0.2);
}
.rw-wrapper{
	position: relative;
	background-color: rgba(0,0,0,0.2);
  	padding: 9px 20px;
  	border-left: 7px solid #4a72a1;
  	margin: 0 0 20px;
}
.rw-wrapper h1{
	font-size: 2.7em;
	color: #ffffff;
	padding-bottom: 1.2em;
}

.rw-words{
	color: #ffffff;
        font-style: italic;
}
.rw-words-1 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	-webkit-animation: rotateWord 7s linear infinite 0s;
	-ms-animation: rotateWord 7s linear infinite 0s;
	animation: rotateWord 7s linear infinite 0s;
}
.rw-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 2.33s; 
	-ms-animation-delay: 2.33s; 
	animation-delay: 2.33s; 
}
.rw-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 4.67s; 
	-ms-animation-delay: 4.67s; 
	animation-delay: 4.67s; 
}

@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	6% { opacity: 1; -webkit-transform: translateY(0px);}
    28% { opacity: 1; -webkit-transform: translateY(0px); }
	32% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	6% { opacity: 1; -ms-transform: translateY(0px);}
    28% { opacity: 1; -ms-transform: translateY(0px); }
	32% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	6% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    28% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	32% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 768px){
	.rw-sentence { font-size: 18px; }
	.rw-words {display: block; text-indent:0px;}
	.rw-wrapper h3 {padding-top:50px; }
}
@media screen and (max-width: 320px){
	.rw-sentence { font-size: 9px; }
}