@import "main.css";

.about_content {overflow: auto; height: 92vh;}
.about_content .about_text {
	padding: 50px;
	-webkit-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    -moz-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    -o-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
}
.about_content .about_text h1 {
	color: #666;
    font-family: "RobotoBold",sans-serif;
    font-size: 22px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}
.about_content .about_text h1 span {
	color: #669a9a;
    font-family: "TeXGyreAdventor",sans-serif;
    font-weight: bold;
}
.about_content .about_text hr {
	-webkit-animation: swash-in 900ms linear 0ms 1 normal;
    -moz-animation: swash-in 900ms linear 0ms 1 normal;
    -ms-animation: swash-in 900ms linear 0ms 1 normal;
    animation: swash-in 900ms linear 0ms 1 normal;
    background-color: rgba(255, 255, 255, 0.3);
    border-top: 1px solid #669A9A;
    height: 1px;
    margin: 15px auto;
    width: 200px;
}
.about_content .about_text img.img_left {
    float: left;
    margin-right: 15px;
    width: 350px;
}
.about_content .about_text p {
	color: #444;
	font-family: "RobotoLight", sans-serif;
	text-align: justify;
}
.about_content .about_text ul li {color: #444; font-family: "RobotoLight", sans-serif;}

.owl-carousel {padding: 0 40px 52px; overflow: hidden;}
#owl-demo .item {
    background-color: #000;
    margin: 3px;
    overflow: hidden;
    text-align: center;
}
#owl-demo .item img {
    display: block;
    height: auto;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%;
}
#owl-demo .item a i {
    -webkit-animation: animate-fade-in 500ms linear 0ms 1 normal;
    -moz-animation: animate-fade-in 500ms linear 0ms 1 normal;
    -ms-animation: animate-fade-in 500ms linear 0ms 1 normal;
    animation: animate-fade-in 500ms linear 0ms 1 normal;
    color: rgba(255, 255, 255, 0.6);
    display: none;
    font-size: 24px;
    margin-left: -5px;
    position: absolute;
    top: 44%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#owl-demo .item a:hover img {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
#owl-demo .item a:hover i {display: inline-block;}
.owl-theme .owl-controls .owl-buttons div {padding: 5px 9px; position: absolute;}
.owl-theme .owl-buttons i {font-size: 18px; margin-top: 2px;}
.owl-theme .owl-controls .owl-buttons .owl-prev {left: 0; top: 100px;}
.owl-theme .owl-controls .owl-buttons .owl-next {right: 0; top: 100px;}


@media only screen and (max-width: 1199px) {
    .owl-theme .owl-controls .owl-buttons .owl-prev,
    .owl-theme .owl-controls .owl-buttons .owl-next {top: 80px;}
}
@media only screen and (max-width: 992px) {
    .about_content .about_text img.img_left {width: 250px;}
}
@media only screen and (max-width: 860px) {
    .owl-theme .owl-controls .owl-buttons .owl-prev,
    .owl-theme .owl-controls .owl-buttons .owl-next {top: 50px;}
}
@media only screen and (max-width: 768px) {
    .owl-theme .owl-controls .owl-buttons .owl-prev,
    .owl-theme .owl-controls .owl-buttons .owl-next {top: 100px;}
}
@media only screen and (max-width: 767px) {
    .about_content .about_text {padding-right: 5px;}
    .wrap_owl {padding-left: 50px;}
}
@media only screen and (max-width: 480px) {
    .about_content .about_text img.img_left {width: 100%;}
}