@import url(//cdn.rawgit.com/rtaibah/dubai-font-cdn/master/dubai-font.css);.testim .wrap{margin:auto;padding:40px 20px;position:relative;width:100%}.testim .arrow{color:var(--steel);cursor:pointer;display:block;font-size:2em;padding:5px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:22222222}.testim .arrow:before{cursor:pointer}.testim .arrow:hover{color:var(--orange)}.testim .arrow.left{left:10px}.testim .arrow.right{right:10px}.testim .dots{bottom:60px;display:block;height:12px;left:0;position:absolute;text-align:center;width:100%;z-index:3333}.testim .dots .dot{border:1px solid var(--steel);border-radius:50%;cursor:pointer;display:inline-block;height:12px;list-style-type:none;margin:0 10px;position:relative;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:12px}.testim .dots .dot.active,.testim .dots .dot:hover{background:var(--orange);border-color:#ea830e}.testim .dots .dot.active{-webkit-animation:testim-scale .5s ease-in-out forwards;-moz-animation:testim-scale .5s ease-in-out forwards;-ms-animation:testim-scale .5s ease-in-out forwards;-o-animation:testim-scale .5s ease-in-out forwards;animation:testim-scale .5s ease-in-out forwards}.testim .cont{overflow:hidden;position:relative}.testim .cont>div{left:0;opacity:0;padding:0 0 70px;position:absolute;text-align:center;top:0}.testim .cont>div.inactive{opacity:1}.testim .cont>div.active{opacity:1;position:relative}.testim .cont div .img img{border-radius:50%;display:block;height:100px;margin:auto;width:100px}.testim .cont div h2{color:red;font-size:1em;margin:15px 0}.testim .cont div p{color:var(--gray);font-size:24px!important;margin:auto;width:85%}.testimonial__name-title-company{color:var(--navyblue)!important;font-size:20px!important;font-weight:700;margin-top:20px!important}.testim .cont div.active .img img{-webkit-animation:testim-show .5s ease-in-out forwards;-moz-animation:testim-show .5s ease-in-out forwards;-ms-animation:testim-show .5s ease-in-out forwards;-o-animation:testim-show .5s ease-in-out forwards;animation:testim-show .5s ease-in-out forwards}.testim .cont div.active h2{-webkit-animation:testim-content-in .4s ease-in-out forwards;-moz-animation:testim-content-in .4s ease-in-out forwards;-ms-animation:testim-content-in .4s ease-in-out forwards;-o-animation:testim-content-in .4s ease-in-out forwards;animation:testim-content-in .4s ease-in-out forwards}.testim .cont div.active p{-webkit-animation:testim-content-in .5s ease-in-out forwards;-moz-animation:testim-content-in .5s ease-in-out forwards;-ms-animation:testim-content-in .5s ease-in-out forwards;-o-animation:testim-content-in .5s ease-in-out forwards;animation:testim-content-in .5s ease-in-out forwards}.testim .cont div.inactive .img img{-webkit-animation:testim-hide .5s ease-in-out forwards;-moz-animation:testim-hide .5s ease-in-out forwards;-ms-animation:testim-hide .5s ease-in-out forwards;-o-animation:testim-hide .5s ease-in-out forwards;animation:testim-hide .5s ease-in-out forwards}.testim .cont div.inactive h2{-webkit-animation:testim-content-out .4s ease-in-out forwards;-moz-animation:testim-content-out .4s ease-in-out forwards;-ms-animation:testim-content-out .4s ease-in-out forwards;-o-animation:testim-content-out .4s ease-in-out forwards;animation:testim-content-out .4s ease-in-out forwards}.testim .cont div.inactive p{-webkit-animation:testim-content-out .5s ease-in-out forwards;-moz-animation:testim-content-out .5s ease-in-out forwards;-ms-animation:testim-content-out .5s ease-in-out forwards;-o-animation:testim-content-out .5s ease-in-out forwards;animation:testim-content-out .5s ease-in-out forwards}@-webkit-keyframes testim-scale{0%{-webkit-box-shadow:0 0 0 0 #eee;box-shadow:0 0 0 0 #eee}35%{-webkit-box-shadow:0 0 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-webkit-box-shadow:0 0 10px 5px #ea830e;box-shadow:0 0 10px 5px #ea830e}to{-webkit-box-shadow:0 0 0 0 #ea830e;box-shadow:0 0 0 0 #ea830e}}@-moz-keyframes testim-scale{0%{-moz-box-shadow:0 0 0 0 #eee;box-shadow:0 0 0 0 #eee}35%{-moz-box-shadow:0 0 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-moz-box-shadow:0 0 10px 5px #ea830e;box-shadow:0 0 10px 5px #ea830e}to{-moz-box-shadow:0 0 0 0 #ea830e;box-shadow:0 0 0 0 #ea830e}}@-ms-keyframes testim-scale{0%{-ms-box-shadow:0 0 0 0 #eee;box-shadow:0 0 0 0 #eee}35%{-ms-box-shadow:0 0 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-ms-box-shadow:0 0 10px 5px #ea830e;box-shadow:0 0 10px 5px #ea830e}to{-ms-box-shadow:0 0 0 0 #ea830e;box-shadow:0 0 0 0 #ea830e}}@-o-keyframes testim-scale{0%{-o-box-shadow:0 0 0 0 #eee;box-shadow:0 0 0 0 #eee}35%{-o-box-shadow:0 0 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-o-box-shadow:0 0 10px 5px #ea830e;box-shadow:0 0 10px 5px #ea830e}to{-o-box-shadow:0 0 0 0 #ea830e;box-shadow:0 0 0 0 #ea830e}}@keyframes testim-scale{0%{box-shadow:0 0 0 0 #eee}35%{box-shadow:0 0 10px 5px #eee}70%{box-shadow:0 0 10px 5px #ea830e}to{box-shadow:0 0 0 0 #ea830e}}@-webkit-keyframes testim-content-in{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes testim-content-in{0%{opacity:0;-moz-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes testim-content-in{0%{opacity:0;-ms-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-ms-transform:translateY(0);transform:translateY(0)}}@-o-keyframes testim-content-in{0%{opacity:0;-o-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes testim-content-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes testim-content-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-moz-keyframes testim-content-out{0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}to{opacity:0;-moz-transform:translateY(-100%);transform:translateY(-100%)}}@-ms-keyframes testim-content-out{0%{opacity:1;-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-ms-transform:translateY(-100%);transform:translateY(-100%)}}@-o-keyframes testim-content-out{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes testim-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@-webkit-keyframes testim-show{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes testim-show{0%{opacity:0;-moz-transform:scale(0);transform:scale(0)}to{opacity:1;-moz-transform:scale(1);transform:scale(1)}}@-ms-keyframes testim-show{0%{opacity:0;-ms-transform:scale(0);transform:scale(0)}to{opacity:1;-ms-transform:scale(1);transform:scale(1)}}@-o-keyframes testim-show{0%{opacity:0;-o-transform:scale(0);transform:scale(0)}to{opacity:1;-o-transform:scale(1);transform:scale(1)}}@keyframes testim-show{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes testim-hide{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-moz-keyframes testim-hide{0%{opacity:1;-moz-transform:scale(1);transform:scale(1)}to{opacity:0;-moz-transform:scale(0);transform:scale(0)}}@-ms-keyframes testim-hide{0%{opacity:1;-ms-transform:scale(1);transform:scale(1)}to{opacity:0;-ms-transform:scale(0);transform:scale(0)}}@-o-keyframes testim-hide{0%{opacity:1;-o-transform:scale(1);transform:scale(1)}to{opacity:0;-o-transform:scale(0);transform:scale(0)}}@keyframes testim-hide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@media (max-width:300px){body{font-size:14px}}@media (max-width:500px){.testim .arrow{font-size:1.5em}.testim .cont div p{line-height:25px}}