/*
Theme Name: Gala - Schema Child
Version: 1.0
Description: A child theme of Schema by MyThemeShop
Template: mts_schema
Text Domain: schema
*/

/* Carousel */
@import url("../mts_schema/style.css");
/* general */
.container {
    max-width: 1170px !important;
}
.btn {
    color: #fff !important;
    background: #1179bd;
    padding: 10px 15px;
    text-transform: uppercase;
    border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 1px 1px 1px #000;
    -moz-box-shadow: 1px 1px 1px #000;
}
.alignleft {
    float: left;
    margin: 0px 20px 20px 0px;
    border: 2px solid #ececec;
    margin-bottom:20px;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}
.alignright {
    float: right;
    margin: 0px 0px 20px 20px;
    border: 2px solid #ececec;
    margin-bottom:20px;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}
.alignnone {
    border: 2px solid #ececec;
    margin-bottom:20px;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}
.center { text-align: Center; }
.clear { clear: both; }

/* header */
.main-header { background: #f7f7f7; }
#header { background: #fff; top: 0px;}
.logo-wrap, .headerPhone, .headerInfo { float: left; width: 31%; padding:0px }
.logo-wrap { margin: 20px 0; }
.headerInfo { width: 32%; text-align: right; margin-top: 30px; }
.headerInfo p { margin-bottom: 5px; }
.headerPhone { text-align: center; margin-top: 30px; }
.headerPhone a { color: #fff !important; }
div.header-social-icons { background: none; border: 0px; }
div.header-social-icons a { background: #fff; border-radius: 50%; padding: 10px; width: 30px; text-align: center; line-height: 30px; margin: 0px 5px; font-size: 26px;}
div.header-social-icons::before { border: 0px; }
#primary-navigation .header-social-icons a, .header-social-icons a { padding: 0px 10px; }

.primary-slider-container { max-width: 100%; float: none; width: 100%;  overflow: hidden; margin: 0px; }
.primary-slider-container .slide-caption { width: 94%; padding: 2% 3%; bottom: 0%; left: 0px; max-height: 50px; }
.slide-title { font-size: 32px !important; line-height: 34px; }
.owl-carousel .owl-item img { max-width: 100% !important; }
.primary-slider .owl-dots { bottom: 8%; top: inherit; right: 16%; }


#page { padding-top: 0px; width: 100%; max-width: 100%; }

/* home boxes */
.homeBoxes {
    margin: 0px auto;
    margin-top: 0px;
    height: 240px;
    text-align: left;
    padding: 25px 0px;
}
.homeBoxes h3{
    color: #000;
    font-size: 32px;
    margin-top: 0px;
}
.homeBoxes p{
    color: #000 !important;
    font-size: 14px !important;
}
.homeBoxes .box01,
.homeBoxes .box02,
.homeBoxes .box03 {
    float: left;
    height: 200px;
    width: 31%;
    position: relative;
    padding: 1%;
}
.homeBoxes .box02{
    width: 32%;
}

/* home widgets */
.homeWidgets {
    margin: 30px auto;
    text-align: left;
}
.widgetBox {
    margin-right: 3%;
    margin-bottom: 20px;
    padding: 2%;
    width: 27%;
    float: left;
    border-radius: 10px;
    -moz-border-radius: 10px;
    background: rgba(255,255,255,0.8);
}
.widgetBox h3 { text-align: center; }

.widgetBox.noMargin {
    margin-right: 0px;
}
.widgetBox img { width: 100%; }

.textwidget p {
    font-size: 14px;
    line-height: 23px;
}



/* inner pages */
#page.single { float: left; }
.article { background: none;  margin: 0 auto; float: none; }
.page h1.title { margin-bottom: 20px; }

/* footer */
.copyrights { text-align: center; }
#copyright-note span { display: none; }
.to-top { float: none; }
#copyright-note .to-top span{ display: inline-block; font-size: 16px; line-height: 24px; }

.hide-d { display: none; }
.pull-left { padding: 8px 0; }
.social-icons a {
    display: inline-block;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 2px;
    font-size: 20px;
    color: #103ba1;
}
.headerPhone {
    width: 100%;
    margin-top: 0px;
}
.headerPhone p {
    display: inline-block;
    font-size: 14px;
    margin:0px;
    color: #fff;
}
header .navigation {
    float: none;
    width: 100%;
}
header .logo-wrap {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
}
header .logo-wrap img {
    max-width: 310px;
    margin-top: 0;
}
.newinfo {
    float: right;
    width: 66.66%;
    box-sizing: border-box;
}
.newinfo ul li {
    width: 33.33%;
    float: left;
    text-align: left;
    padding-left: 50px;
	padding-top: 45px;
    box-sizing: border-box;
    position: relative;
    height: 90px;
    display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;

      -webkit-align-items: center;
      align-items: center;

}
.newinfo ul li:nth-child(1) {
    width: 30%;
	padding-left: 0px; 
	font-size: 14px;
}
.newinfo ul li:nth-child(2) {
    width: 42%;
    font-size: 12px;
}
.newinfo ul li:last-child {
    width: 28%;
    font-size: 14px;
}
#header {
    background-color: #dfe3ee !important;
}
#header #logo { padding: 10px 0; }
#header #logo a {
    color: #556b2f;
    font-family: 'Merriweather Sans' !important;
    font-weight: 700 !important;
    font-size: 36px !important;
    padding: 0 !important;
}
.newinfo ul:after {
    clear: both;
    content: "";
    display: block;
    position: relative;
}
.newinfo ul li i {
    position: absolute;
    left: 0px;
    font-size: 22px !important;
    border: 1px solid #103ba1;
    color: #103ba1;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.navigation ul {
    text-align: left;
    padding: 0;
}
.navigation ul li {
    float: none;
    display: inline-block;
}

#secondary-navigation .navigation > ul > .menu-item-has-children > a {
    padding-right: 32px;
} 
.newadditional {
    position: absolute;
    right: 0px;
    top:0px;
}
.newbtn {
    background-position: center center;
    background-repeat: repeat;
    overflow: hidden;
    background-color: #103ba1;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 14px;
    margin-top: 23px;
    transform: scale(1);

}
#reviews p {
        font-size: 22px;
    color: #282e67;
    margin-top: 0px;
}
.welcome .newbtn {
        max-width: 140px;
        display: block;
    text-align: center;
}
.newbtn:hover {
    transform: scale(1.03);
    color: #fff !important;
}
.videowrapper {
    height: 700px;
    overflow: hidden;
    position: relative;
}
.article {
    width: 100% !important;
    max-width: 1170px;
    margin:0px auto;
    float: none;
    box-sizing: border-box;
    padding:40px 20px;
}
.overit {
    position: absolute;
    bottom: 55px;
    width: 100%;
    text-align: center;
    z-index: 1;
}
.innerImage {
    display: none;
}
.overit h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: -10px;
}
.newadditional .social-icons {
    display: inline-block;
    margin-left: -4px;
    position: relative;
    left: -5px;
    top: -12px;
}
#secondary-navigation a{
    padding: 30px 17px;
    margin: 0;
    font-weight: 400 !important;
    font-size: 14px !important;
}
#secondary-navigation .navigation ul li:hover, #secondary-navigation .navigation ul .current-menu-item {
    background-color: transparent !important;
}
html ul li .sub-menu li {
    /* background-color: #fff !important; */
}
#secondary-navigation .navigation ul li ul li:hover, #secondary-navigation .navigation ul li ul .current-menu-item {
    background-color: #fff !important;
}
#secondary-navigation .menu-item-has-children > a:after {
    right: 5px;
}

#secondary-navigation .navigation > ul > .menu-item-has-children > a {
    padding-right: 20px;
}
.newCon {
    height: 600px;
    background-size: cover;
    background-position: 50% 50%;
}
.welcome h1 {
    font-size: 30px;
    color: #103ba1;
    margin-top: 0px;
}
.welcome img {
    padding: 3px;
    border: 1px solid #ccc;
}
.containerfull:after {
    content: "";
    clear: both;
    display: block;
    position: relative;
}
.containerfull {
    width: 100%;
}
.leftwow {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding:0px 15px;
    height: 500px;
    background-size: cover;
    background-position: 50% 50%;
}
.rightwow {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding:0px 1em;
    height: 500px;

    display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;

      -webkit-align-items: center;
      align-items: center;
}
.rightwow .middle {
        padding: 0 10em 0 4em;
        box-sizing: border-box;
}
.row {
    margin:0px -15px;
}
.row:after,
.container:after {
    clear: both;
    content: "";
    display: block;
    position: relative;
}
.main-header .container {
    background-color: transparent !important;
}
#reviews {
    padding-bottom: 20px;
    background: #dfe3ee;
    padding-top: 20px !important;
}
#reviews h2 {
    color: #103ba1;
    font-size: 32px;
    padding-top: 10px !important;
}
#reviews h4 {
    font-weight: normal;
    line-height: 26px;
    font-size: 16px;
}
.carousel-indicators {
    bottom: -9px !important;
}
.col-sm-6 {
    width: 50%;
    float: left;
}
.featured {
    margin: 30px auto 10px;
}
.featured img {
    border: 2px solid #ececec;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}
.featured p {
    padding-right: 15px;
}
.homeBoxes {
    background: #3b5998;
    font-size: 14px;
    padding: 30px 0px;
}
.homeBoxes h3 {
    margin-top: 0;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
    color: #fff;
}
footer {
    margin-top: 0px;
    padding:10px 0px;
}
.to-top,.to-top a {
    color: #fff !important;
}
#page.single {
    float: none !important;
}
.article:after {
    clear:both;
    content: "";
    display: block;
    position: relative;
}
.post-info {
    display: none !important;
}
#featured-thumbnail {
    float: right;
    width: 30%;
}
.front-view-content {
    float: left;
    width: 68%;
}
.opacit_ { opacity: 0; }
.sticky { position: fixed !important; box-shadow: 0px 0px 17px rgba(0,0,0,0.9); }
.sticky img { max-width: 100px !important }

#logo a { float: none !important; }

.welcomesmall {
    padding:100px 0px;
}
.smallleftwow {
    width: 40%;
    float: right;
    box-sizing: border-box;
    height: 400px;
    background-size: cover;
    background-position: 50% 50%;
}
.welcomeright .leftwow {
    float: right;
}
.welcomeright .rightwow {
    float: left;
}
.smallrightwow.fadeInRight.animated.opacit_ p {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 15px;
}
.smallrightwow h1 {
    font-family: 'Merriweather Sans' !important;
    font-size: 39px;
}
.smallrightwow {
    width: 60%;
    float: left;
    box-sizing: border-box;
    padding:0px 40px 0px 15px;
}
.col3 {
    width: 25%;
    float:left;
    padding:0px 15px;
    box-sizing: border-box;
}
.specialcont {
    background-color: #1b2024;
    padding: 40px 0px;
    box-sizing: border-box;
}
.copyrights {
    background-color: #131b23 !important;
}
.specialcont .col3:nth-child(2) ul {
        column-count: 2;
    font-size: 12px;
    color: #fff;
}
.widget h3 {
    color: #fff !important;
    border-bottom: 1px solid #fff;
    padding-bottom: 3px;
}
.widget p,.widget a,.widget li {
    color:#fff !important;
}
footer {
    padding:0px !important;
}
@media screen and (min-width: 1300px) {
	#video { position: absolute; top: -130px; }	
}
@media screen and (max-width: 1152px) {
    #logo img {
    display: block;
    float: left;
    max-width: 100%;
    margin-top: 0;
}
    .rightwow .middle {     
        padding: 0 3em 0 4em;
        box-sizing: border-box; 
    }
    .videowrapper {
        height: 500px;
    }
    .newinfo {
        width: 69%;
    }
	.newinfo ul li:nth-child(1) {
		width: 28%;
	}
    .newinfo ul li:nth-child(2) {
        width: 42%;
    }
    .newinfo ul li:last-child {
        width: 30%;
    }
    header .logo-wrap {
        width: 26%;
    }
    #page, .container {
        max-width: 100% !important;
    }
    .container {
        padding:0px 15px !important;
        box-sizing: border-box;
    }
    .newadditional .newbtn {
        display: none;
    }
    .newadditional {
    position: absolute;
    right: 0px;
    top: 0px;
    top: 12px;
    padding-top: 24px;
}
 footer .container {
  width: 100%;
 }
 .headerPhone {
  box-sizing: border-box;
 }
}
/* mobile */
@media screen and (max-width: 880px) {
	#logo a, #logo img { margin: 0 auto; }
    .welcomesmall {
        padding:50px 0px;
    }
    .col3,.smallrightwow,.smallleftwow  {
        width: 100%;
    }
    .newinfo,.newadditional,.videobanner {
        display: none;
    }

    #header #logo a { display:block; }
    #header:after,#regular-header:after {
        clear: both;
        content: "";
        display: block;
    }
    .logo-wrap {
        width: 100% !important;
    }
    #header .logo-wrap {
        float: none !important;
    }
    #secondary-navigation {
        height: auto !important;
    }
    .hide-d { display: block; }
    #header { background: none !important; padding: 0px 0 20px 0px; margin-bottom: 0px; }
    .mobileBtn { margin-bottom: 0px; }
    .mobileBtn a, .hours{ display: block; color: #fff; text-align: center; background: #103ba1; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; margin: 10px !important;}
    .mobileBtn.phoneBtn { font-size: 20px; }
    .mobileBtn a:hover, .mobileBtn a:visited { color: #fff; }
    .primary-slider-container, .hide-xs { display: none; }
    .container, .welcome .container, .widgetBox { width: 96%; padding: 2%; }
    
    .innerImage { display: none; }
    .homeBoxes, .homeWidgets, .welcome, .footerSocial, div.footer .copy { width: 100%; height: auto;}
    .box01, .box02, .box03 { width: 96%; float: none; margin-bottom: 20px; padding: 2%;}
    .welcome {margin: 20px auto;}
    .homeBoxes .box01, .homeBoxes .box02, .homeBoxes .box03 { width: 98%; }
    .post-content img { width: 100% !important; height: auto !important; }
    .footer-widgets.widgets-num-4 .f-widget:nth-child(even), .footer-widgets.widgets-num-3 .f-widget:nth-child(even),
    .footer-widgets.widgets-num-4 .f-widget, .footer-widgets.widgets-num-3 .f-widget    { width: 100% !important; max-width: 100% !important; }
    .hours { display: none !important; }
    .main-header { background-color: #fff !important; }
    .leftwow {
         width: 100%;
    }
    .rightwow {
        width: 100%;
    }
    .col-sm-6 {
        width: 100%;
    }
    .row {
        margin:0px;
    }
    .welcome iframe {
        height: 400px !important;
    }
    .featured .btn {
        display: block;
        text-align: center;
    }
    .homeBoxes .box01, .homeBoxes .box02, .homeBoxes .box03 {
        height: auto;
    }
    .box02 .btn {
        display: block;
        max-width: 250px;
        margin:10px auto 0px;
    }
    footer .container {
        width: 100%;
    }
    #regular-header { display: none; }
    .sticky { background-color: #fff !important; }
    
    div.header-social-icons { float: none !important; text-align: center; background:none!important;}
    div.header-social-icons a { float: none; display: inline-block; position: relative; z-index: 9999; }
    .header-social-icons {  text-align: Center; float: none !important; }
    .header-social-icons a {  display: inline-block; font-size: 32px !important; width: 34px !important; line-height: 34px; color: #333 !important; }
    .rightwow {
        width: 100%;
        height: auto;
        padding: 30px 0px;
    }
    .col3 img {
        max-width: 250px !important;
        margin: 0px auto;
        display: block;
        margin-bottom: 15px;
    }
    #header .container {
        padding:0px !important;
    }
    a#pull {
        margin:0px !important;
        box-sizing: border-box;
    }
    .navigation ul {
        padding:0px;
    }
}
@media screen and (max-width: 540px) {

    .rightwow .middle {
        padding:0px 15px;
    }
    .leftwow {
        float: right;
        height: 250px;
    }
    .smallrightwow {
        padding: 20px 10px;
    }
    .smallrightwow h1 {
        font-size: 27px;
    }
}
.innerImage img { width: 100% !important; }
#header .logo-wrap { padding: 0px; }
.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0 !important;}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#103ba100',endColorstr='#00000000',GradientType=1)}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#103ba100',GradientType=1)}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;outline:0;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicons-chevron-left,.carousel-control .glyphicons-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@media screen and (min-width:0) and (min-resolution: .001dpcm) { 
 .opacit_ {opacity:1;}
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}