@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
a {
	color: #01adef;;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #01adef;
}

.foot_left .form-control {
	line-height: inherit;
}

ul {
	list-style: none;
}

.clear {
	clear: both;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.imgleft {
	float: left;
	margin: 0 12px 12px 0;
}

.imgright {
	float: right;
	margin: 0 0 12px 12px;
}

.readmore {
	display: none;
}

.readmore a {
	color: #f6be33;
}

.readmore a:hover {
	color: #cecece;
}

h1,
h2,
h3,
h4 {
	font-weight: normal;
}

h1,
h2,
h3 {

}

.wow {
	visibility: hidden;
}


/* STRUCTURE ----------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
:focus {
	text-decoration: none;
	outline: none;
}
body {
	margin: 0 auto;
	text-align: left;
	font-family: 'Ubuntu', sans-serif;
	color: #666;
	line-height: 19px;
	overflow-x: hidden;
	background-color: #f4fcff;
}
#pre-header {
	width: 100%;
  float: left;
	padding: 12px 0;
	background-color: #01adef;
	position: relative;
	z-index: 10;
}
#pre-header p {
	margin: 0;
	color: #fff;
	font-size: .9em;
}
#pre-header p a {
	color: #fff;
}
#pre-header p a:hover {
	text-decoration: none;
	color: rgb(255,228,0);
}
#pre-header p a:focus {
	text-decoration: none;
}
#pre-header .col1 {
	width: 50%;
	float: left;
}
#pre-header .col2 {
	width: 50%;
	float: left;
	text-align: right;
}
#header {
	width: 100%;
  float: left;
	padding: 15px 0;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 2px 1px #ccc;
  -moz-box-shadow: 0px 0px 2px 1px #ccc;
  box-shadow: 0px 0px 2px 1px #ccc;
}
#header.sticky {
  position: fixed;
  z-index: 9;
	padding: 5px 0;
}
#header:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 700px solid transparent;
    border-right: 700px solid transparent;
    border-top: 10px solid #01adef;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
}
.head_top {
	border-top: 5px solid #01adef;
	width: 100%;
	height: 40px;
}

.head_top ol {
	width: 340px;
	height: 25px;
	overflow: hidden;
	margin: 2px auto 0px;
}

.top1 {
	background: url(../images/ic_hd1.png) no-repeat left;
	padding-left: 25px;
}

.top2 {
	background: url(../images/ic_hd2.png) no-repeat left;
	padding-left: 25px;
}

.head_top ol li {
	float: left;
	margin-right: 50px;
	list-style: none;
}

.head_top ol li a {
	color: #fff;
	font-size: 14px;

}

.head_top ol li a:hover {
	color: #01adef;;
	text-decoration: none;
}

.head_btm {
	width: 1100px;
	margin: 0px auto;
	overflow: hidden;
}

.logo {
	width: 25%;
	float: left;
}
.logo img {
  max-width: 100%;
}

.slide-menu-icon{
    float:right;
    color:#01adef;
    position:absolute;
    right:20px;
    top:30px;
    font-size:30px;
    display:none;
    -webkit-transition:all 0.3s ease-in ;
    -moz-transition:all 0.3s ease-in ;
    -ms-transition:all 0.3s ease-in ;
    -o-transition:all 0.3s ease-in ;
    transition:all 0.3s ease-in
}
@media only screen and (max-width: 1024px){
    .slide-menu-icon{
        display:block
    }
		.head_btm .navv {
			display: none;
		}
}
.slide-menu-icon:hover{
    color:#01adef
}
#slide-menu{
    width:290px;
    height:100%;
    position:fixed;
    right:-290px;
    overflow-y:scroll;
    top:0px;
    bottom:0px;
    z-index:200;
    padding:30px;
    float:left;
    background-color:#fff;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    box-sizing:border-box
}
#slide-menu .slide-menu-icon-close{
    float:right;
    top:0;
    right:16px;
    position:absolute;
    z-index:100;
    color:#111;
    padding:15px;
    font-size:24px;
    -webkit-transition:all 0.3s ease-in-out ;
    -moz-transition:all 0.3s ease-in-out ;
    -ms-transition:all 0.3s ease-in-out ;
    -o-transition:all 0.3s ease-in-out ;
    transition:all 0.3s ease-in-out
}
#slide-menu .slide-menu-icon-close:hover{
    color:#01adef
}
#slide-menu ul{
    margin:0;
    padding:0;
    list-style-type:none
}
#slide-menu ul.slide-navigation{
    margin-left:10px
}
#slide-menu ul.slide-navigation li{
    font-size:14px;
    color:#fff;
    text-transform:uppercase;
    padding:12px 0;
    position:relative;
    border-bottom:1px solid #ddd;
    font-weight: 600;
		font-family: 'Ubuntu', sans-serif;
}
#slide-menu ul.slide-navigation li:last-of-type{
    border-bottom:0;
    padding-bottom:0
}
#slide-menu ul.slide-navigation li a{
    display:block
}
#slide-menu ul.slide-navigation li.active{
    color:#01adef
}
#slide-menu ul.slide-navigation li.active a{
    color:#01adef
}
#slide-menu ul.slide-navigation li.menu-item-has-children:before{
    display:none
}
#slide-menu ul.slide-navigation li.menu-item-has-children.active a{
    color:#cae683 !important
}
#slide-menu ul.slide-navigation li.menu-item-has-children ul.sub-menu li.active a{
    color:#cae683 !important
}
#slide-menu ul.slide-navigation li.menu-item-has-children.active ul.sub-menu a{
    color:#fff !important
}
#slide-menu ul.slide-navigation li.menu-item-has-children.active ul.sub-menu a:hover{
    color:#cae683 !important
}
#slide-menu ul.slide-navigation li.menu-item-has-children>a{
    color:#111
}
#slide-menu ul.slide-navigation li.menu-item-has-children.opened>a{
    color:#e9af89
}
#slide-menu ul.slide-navigation li.menu-item-has-children.opened span.plus-icon:before{
    content:"\f056" !important;
    color:#e9af89
}
#slide-menu ul.slide-navigation li.menu-item-has-children span.plus-icon{
    position:absolute;
    left:-30px;
    top:13px
}
#slide-menu ul.slide-navigation li.menu-item-has-children span.plus-icon:before{
    font-family:"FontAwesome";
    content:"\f055";
    color:#111;
    font-size:16px;
    cursor:pointer;
    position:absolute
}
#slide-menu ul.slide-navigation li ul{
    display:none;
    margin:10px
}
#slide-menu ul.slide-navigation li ul li{
    font-size:13px;
    padding:6px 0;
    color:#111;
    border-bottom:0
}
#slide-menu ul.slide-navigation li ul li:before{
    display:none
}
#slide-menu ul.slide-navigation li ul li.active a{
    color:#01adef !important
}
#slide-menu ul.slide-navigation li ul li a{
    color:#111
}
#slide-menu ul.slide-navigation li ul li a:hover{
    color:#e9af89
}
#slide-menu ul.slide-navigation li ul li ul li{
    font-size:12px
}
#slide-menu ul.slide-navigation li a{
    color:#111;
    -webkit-transition:all 0.3s ease-in-out ;
    -moz-transition:all 0.3s ease-in-out ;
    -ms-transition:all 0.3s ease-in-out ;
    -o-transition:all 0.3s ease-in-out ;
    transition:all 0.3s ease-in-out
}
#slide-menu ul.slide-navigation li a:hover{
    color:#01adef;
		text-decoration: none;
}
#home-banner{
    float:left;
    width:100%;
    margin-bottom: 30px;
		position: relative;
}
#home-banner:after {
    content: '';
    background: url("../images/curve.svg") center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 65px;
    width: 100%;
    background-size: cover;
}
#home-banner .slider-container{
    width:100%;
    float:left;
    overflow:hidden;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    box-sizing:border-box
}
#home-banner .slider-container .slider{
    width:100%;
    float:left;
    overflow:hidden;
    position:relative;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    box-sizing:border-box
}
#home-banner .slider-container .slider .slide{
    width:100%;
    float:left;
    background-position:top center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    cursor:move
}
#home-banner .slider-container .slider .slide section{
    max-width: 560px;
    position:absolute;
    left:10%;
    margin: 0 auto;
    top:40%;
    color:#111;
    background:rgba(255, 255, 255, 0.7);
    padding:25px;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    box-sizing:border-box;
    border-radius: 12px;
}
@media only screen and (max-width: 640px){
    #home-banner .slider-container .slider .slide section{
        display: none;
    }
}
#home-banner .slider-container .slider .slide section h2{
    font-size:30px;
    color:#094e69;
    font-weight: 500;
    margin:0 0 10px 0;
}
@media only screen and (max-width: 640px){
    #home-banner .slider-container .slider .slide section h2{
        font-size:32px;
        margin:0 0 10px 0
    }
}
#home-banner .slider-container .slider .slide section p{
    color:#111;
    font-size:18px;
		font-weight: 500;
    line-height:24px;
    margin:0;
}
@media only screen and (max-width: 980px){
    #home-banner .slider-container .slider .slide section p br{
        display:none
    }
}
@media only screen and (max-width: 640px){
    #home-banner .slider-container .slider .slide section p{
        font-size:18px;
        line-height:28px
    }
}
#home-banner .slider-container .slider .slide section .learn-more{

    font-size:15px;
    color:#fff;
    text-transform:uppercase;
    padding:12px 30px;
    background-color:#e9af89;
    display:inline-block;
    -webkit-transition:all 0.3s ease-in-out ;
    -moz-transition:all 0.3s ease-in-out ;
    -ms-transition:all 0.3s ease-in-out ;
    -o-transition:all 0.3s ease-in-out ;
    transition:all 0.3s ease-in-out ;
    -webkit-border-radius:5px ;
    -moz-border-radius:5px ;
    border-radius:5px
}
#home-banner .slider-container .slider .slide section .learn-more:hover{
    background-color:#028fc4
}

.converter-sec {
  float: left;
  width: 100%;
    padding: 0 0 40px 0;
}
.converter-sec .item-wrap {
    position: relative;
}
.converter-sec .item-wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.converter-sec .item-wrap:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 51px;
    background: #001f60;
    right: -1px;
    top: -6px;
}
.converter-sec .block {
    width: 100%;
    float: left;
    overflow: hidden;
}
.converter-sec .slider-block {
    float: left;
    width: 100%;
}
.converter-sec .btn-wrap {
    max-width: 200px;
    width: 100%;
    float: right;
}
.converter-sec p {
    text-align: center;
    display: block;
    margin: 10px 0 -12px;
    font-size: 13px;
    font-weight: 400;
    clear: both;
    float: left;
    width: 100%;
		color: #444;
}
.converter-sec .item {
    padding: 5px 10px;
    border: 1px solid #001f60;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    float: left;
    margin-right: 10px;
    outline: 0;
}
.converter-sec .item .img {
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px;
    width: 40px;
}
.converter-sec .item p {
    width: auto;
    font-size: 11px;
    font-weight: 600;
    line-height: 13px;
    margin: 0;
    text-align: left;
    clear: none;
		font-family: 'Ubuntu', sans-serif;
		color: #222;
}
.converter-sec .item p strong {
    font-size: 13px;
    font-weight: 800;
}
.converter-sec .btn {
    font-size: 14px;
    height: 42px;
    text-transform: none;
    padding-right: 25px;
    position: relative;
    float: right;
}
.converter-sec .btn:after {
    content: ">";
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 32px;
    line-height: 42px;
    color: #ffb81d;
    font-weight: 300;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
}
.converter-sec .btn:hover:after,
.converter-sec .btn:focus:after {
    color: #fff;
}
.converter-sec .item .img {
    background-image: url(../images/flags.png);
    background-repeat: no-repeat;
    display: block;
    width: 53px;
    height: 31px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    margin: -2px 3px 0 -2px;
}
.converter-sec .item .img.afghanistan {
    background-position: -5px -5px;
}
.converter-sec .item .img.albania {
    background-position: -68px -5px;
}
.converter-sec .item .img.algeria {
    background-position: -131px -5px;
}
.converter-sec .item .img.andorra {
    background-position: -194px -5px;
}
.converter-sec .item .img.angola {
    background-position: -257px -5px;
}
.converter-sec .item .img.argentina {
    background-position: -320px -5px;
}
.converter-sec .item .img.armenia {
    background-position: -383px -5px;
}
.converter-sec .item .img.australia {
    background-position: -446px -5px;
}
.converter-sec .item .img.austria {
    background-position: -509px -5px;
}
.converter-sec .item .img.azerbaijan {
    background-position: -572px -5px;
}
.converter-sec .item .img.bahamas {
    background-position: -635px -5px;
}
.converter-sec .item .img.bahrain {
    background-position: -5px -46px;
}
.converter-sec .item .img.bangladesh {
    background-position: -68px -46px;
}
.converter-sec .item .img.barbados {
    background-position: -131px -46px;
}
.converter-sec .item .img.belarus {
    background-position: -194px -46px;
}
.converter-sec .item .img.belgium {
    background-position: -257px -46px;
}
.converter-sec .item .img.belize {
    background-position: -320px -46px;
}
.converter-sec .item .img.benin {
    background-position: -383px -46px;
}
.converter-sec .item .img.bermuda {
    background-position: -446px -46px;
}
.converter-sec .item .img.bhutan {
    background-position: -509px -46px;
}
.converter-sec .item .img.bolivia {
    background-position: -572px -46px;
}
.converter-sec .item .img.bosnia_and_herzegovina {
    background-position: -635px -46px;
}
.converter-sec .item .img.botswana {
    background-position: -5px -87px;
}
.converter-sec .item .img.brazil {
    background-position: -68px -87px;
}
.converter-sec .item .img.brunei {
    background-position: -131px -87px;
}
.converter-sec .item .img.bulgaria {
    background-position: -194px -87px;
}
.converter-sec .item .img.burkina_faso {
    background-position: -257px -87px;
}
.converter-sec .item .img.burundi {
    background-position: -320px -87px;
}
.converter-sec .item .img.cambodia {
    background-position: -383px -87px;
}
.converter-sec .item .img.cameroon {
    background-position: -446px -87px;
}
.converter-sec .item .img.canada {
    background-position: -509px -87px;
}
.converter-sec .item .img.cape_verde {
    background-position: -572px -87px;
}
.converter-sec .item .img.cayman_islands {
    background-position: -635px -87px;
}
.converter-sec .item .img.central_african_republic {
    background-position: -5px -128px;
}
.converter-sec .item .img.chad {
    background-position: -68px -128px;
}
.converter-sec .item .img.chile {
    background-position: -131px -128px;
}
.converter-sec .item .img.china {
    background-position: -194px -128px;
}
.converter-sec .item .img.colombia {
    background-position: -257px -128px;
}
.converter-sec .item .img.comoros {
    background-position: -320px -128px;
}
.converter-sec .item .img.costa_rica {
    background-position: -383px -128px;
}
.converter-sec .item .img.cote_d_Ivoire {
    background-position: -446px -128px;
}
.converter-sec .item .img.croatia {
    background-position: -509px -128px;
}
.converter-sec .item .img.cuba {
    background-position: -572px -128px;
}
.converter-sec .item .img.curacao {
    background-position: -635px -128px;
}
.converter-sec .item .img.cyprus {
    background-position: -5px -169px;
}
.converter-sec .item .img.czech_republic {
    background-position: -68px -169px;
}
.converter-sec .item .img.denmark {
    background-position: -131px -169px;
}
.converter-sec .item .img.djibouti {
    background-position: -194px -169px;
}
.converter-sec .item .img.dominica {
    background-position: -257px -169px;
}
.converter-sec .item .img.dominican_republic {
    background-position: -320px -169px;
}
.converter-sec .item .img.east_timor {
    background-position: -383px -169px;
}
.converter-sec .item .img.ecuador {
    background-position: -446px -169px;
}
.converter-sec .item .img.egypt {
    background-position: -509px -169px;
}
.converter-sec .item .img.el_salvador {
    background-position: -572px -169px;
}
.converter-sec .item .img.eritrea {
    background-position: -635px -169px;
}
.converter-sec .item .img.estonia {
    background-position: -5px -210px;
}
.converter-sec .item .img.ethiopia {
    background-position: -68px -210px;
}
.converter-sec .item .img.falkland_islands {
    background-position: -131px -210px;
}
.converter-sec .item .img.fiji {
    background-position: -194px -210px;
}
.converter-sec .item .img.finland {
    background-position: -257px -210px;
}
.converter-sec .item .img.noflag {
    background-position: -320px -210px;
}
.converter-sec .item .img.france {
    background-position: -383px -210px;
}
.converter-sec .item .img.gabon {
    background-position: -446px -210px;
}
.converter-sec .item .img.gambia {
    background-position: -509px -210px;
}
.converter-sec .item .img.georgia {
    background-position: -572px -210px;
}
.converter-sec .item .img.germany {
    background-position: -635px -210px;
}
.converter-sec .item .img.ghana {
    background-position: -5px -251px;
}
.converter-sec .item .img.gibraltar {
    background-position: -68px -251px;
}
.converter-sec .item .img.greece {
    background-position: -131px -251px;
}
.converter-sec .item .img.grenada {
    background-position: -194px -251px;
}
.converter-sec .item .img.guatemala {
    background-position: -257px -251px;
}
.converter-sec .item .img.guinea {
    background-position: -320px -251px;
}
.converter-sec .item .img.guinea_bissau {
    background-position: -383px -251px;
}
.converter-sec .item .img.guyana {
    background-position: -446px -251px;
}
.converter-sec .item .img.haiti {
    background-position: -509px -251px;
}
.converter-sec .item .img.honduras {
    background-position: -572px -251px;
}
.converter-sec .item .img.hong_kong {
    background-position: -635px -251px;
}
.converter-sec .item .img.hungary {
    background-position: -5px -292px;
}
.converter-sec .item .img.iceland {
    background-position: -68px -292px;
}
.converter-sec .item .img.india {
    background-position: -131px -292px;
}
.converter-sec .item .img.iraq {
    background-position: -194px -292px;
}
.converter-sec .item .img.ireland {
    background-position: -257px -292px;
}
.converter-sec .item .img.italy {
    background-position: -320px -292px;
}
.converter-sec .item .img.jamaica {
    background-position: -383px -292px;
}
.converter-sec .item .img.japan {
    background-position: -446px -292px;
}
.converter-sec .item .img.jordan {
    background-position: -509px -292px;
}
.converter-sec .item .img.kazakhstan {
    background-position: -572px -292px;
}
.converter-sec .item .img.kenya {
    background-position: -635px -292px;
}
.converter-sec .item .img.kiribati {
    background-position: -5px -333px;
}
.converter-sec .item .img.korea_south {
    background-position: -68px -333px;
}
.converter-sec .item .img.kosovo {
    background-position: -131px -333px;
}
.converter-sec .item .img.kuwait {
    background-position: -194px -333px;
}
.converter-sec .item .img.kyrgyzstan {
    background-position: -257px -333px;
}
.converter-sec .item .img.laos {
    background-position: -320px -333px;
}
.converter-sec .item .img.latvia {
    background-position: -383px -333px;
}
.converter-sec .item .img.lebanon {
    background-position: -446px -333px;
}
.converter-sec .item .img.lesotho {
    background-position: -509px -333px;
}
.converter-sec .item .img.liberia {
    background-position: -572px -333px;
}
.converter-sec .item .img.liechtenstein {
    background-position: -635px -333px;
}
.converter-sec .item .img.lithuania {
    background-position: -5px -374px;
}
.converter-sec .item .img.luxembourg {
    background-position: -68px -374px;
}
.converter-sec .item .img.macedonia {
    background-position: -131px -374px;
}
.converter-sec .item .img.madagascar {
    background-position: -194px -374px;
}
.converter-sec .item .img.malawi {
    background-position: -257px -374px;
}
.converter-sec .item .img.malaysia {
    background-position: -320px -374px;
}
.converter-sec .item .img.maldives {
    background-position: -383px -374px;
}
.converter-sec .item .img.mali {
    background-position: -446px -374px;
}
.converter-sec .item .img.malta {
    background-position: -509px -374px;
}
.converter-sec .item .img.marshall_islands {
    background-position: -572px -374px;
}
.converter-sec .item .img.mauritania {
    background-position: -635px -374px;
}
.converter-sec .item .img.mauritius {
    background-position: -5px -415px;
}
.converter-sec .item .img.mexico {
    background-position: -68px -415px;
}
.converter-sec .item .img.micronesia {
    background-position: -131px -415px;
}
.converter-sec .item .img.moldova {
    background-position: -194px -415px;
}
.converter-sec .item .img.monaco {
    background-position: -257px -415px;
}
.converter-sec .item .img.mongolia {
    background-position: -320px -415px;
}
.converter-sec .item .img.montenegro {
    background-position: -383px -415px;
}
.converter-sec .item .img.morocco {
    background-position: -446px -415px;
}
.converter-sec .item .img.mozambique {
    background-position: -509px -415px;
}
.converter-sec .item .img.namibia {
    background-position: -572px -415px;
}
.converter-sec .item .img.nauru {
    background-position: -635px -415px;
}
.converter-sec .item .img.nepal {
    background-position: -5px -456px;
}
.converter-sec .item .img.netherlands {
    background-position: -68px -456px;
}
.converter-sec .item .img.new_zealand {
    background-position: -131px -456px;
}
.converter-sec .item .img.nicaragua {
    background-position: -194px -456px;
}
.converter-sec .item .img.niger {
    background-position: -257px -456px;
}
.converter-sec .item .img.nigeria {
    background-position: -320px -456px;
}
.converter-sec .item .img.norway {
    background-position: -383px -456px;
}
.converter-sec .item .img.oman {
    background-position: -446px -456px;
}
.converter-sec .item .img.pakistan {
    background-position: -509px -456px;
}
.converter-sec .item .img.palau {
    background-position: -572px -456px;
}
.converter-sec .item .img.palestinian_territory {
    background-position: -635px -456px;
}
.converter-sec .item .img.panama {
    background-position: -5px -497px;
}
.converter-sec .item .img.papua_new_guinea {
    background-position: -68px -497px;
}
.converter-sec .item .img.paraguay {
    background-position: -131px -497px;
}
.converter-sec .item .img.peru {
    background-position: -194px -497px;
}
.converter-sec .item .img.philippines {
    background-position: -257px -497px;
}
.converter-sec .item .img.poland {
    background-position: -320px -497px;
}
.converter-sec .item .img.portugal {
    background-position: -383px -497px;
}
.converter-sec .item .img.puerto_rico {
    background-position: -446px -497px;
}
.converter-sec .item .img.qatar {
    background-position: -509px -497px;
}
.converter-sec .item .img.republic_of_the_congo {
    background-position: -572px -497px;
}
.converter-sec .item .img.romania {
    background-position: -635px -497px;
}
.converter-sec .item .img.russia {
    background-position: -5px -538px;
}
.converter-sec .item .img.rwanda {
    background-position: -68px -538px;
}
.converter-sec .item .img.saint_kitts_and_nevis {
    background-position: -131px -538px;
}
.converter-sec .item .img.saint_lucia {
    background-position: -194px -538px;
}
.converter-sec .item .img.saint_vincent_and_the_grenadines {
    background-position: -257px -538px;
}
.converter-sec .item .img.samoa {
    background-position: -320px -538px;
}
.converter-sec .item .img.san_marino {
    background-position: -383px -538px;
}
.converter-sec .item .img.sao_tome_and_principe {
    background-position: -446px -538px;
}
.converter-sec .item .img.saudi_arabia {
    background-position: -509px -538px;
}
.converter-sec .item .img.scotland {
    background-position: -572px -538px;
}
.converter-sec .item .img.senegal {
    background-position: -635px -538px;
}
.converter-sec .item .img.serbia {
    background-position: -5px -579px;
}
.converter-sec .item .img.seychelles {
    background-position: -68px -579px;
}
.converter-sec .item .img.sierra_leone {
    background-position: -131px -579px;
}
.converter-sec .item .img.singapore {
    background-position: -194px -579px;
}
.converter-sec .item .img.slovakia {
    background-position: -257px -579px;
}
.converter-sec .item .img.slovenia {
    background-position: -320px -579px;
}
.converter-sec .item .img.solomon_islands {
    background-position: -383px -579px;
}
.converter-sec .item .img.somalia {
    background-position: -446px -579px;
}
.converter-sec .item .img.south_africa {
    background-position: -509px -579px;
}
.converter-sec .item .img.spain {
    background-position: -572px -579px;
}
.converter-sec .item .img.sri_lanka {
    background-position: -635px -579px;
}
.converter-sec .item .img.suriname {
    background-position: -5px -620px;
}
.converter-sec .item .img.swaziland {
    background-position: -68px -620px;
}
.converter-sec .item .img.sweden {
    background-position: -131px -620px;
}
.converter-sec .item .img.switzerland {
    background-position: -194px -620px;
}
.converter-sec .item .img.taiwan {
    background-position: -257px -620px;
}
.converter-sec .item .img.tajikistan {
    background-position: -320px -620px;
}
.converter-sec .item .img.tanzania {
    background-position: -383px -620px;
}
.converter-sec .item .img.thailand {
    background-position: -446px -620px;
}
.converter-sec .item .img.togo {
    background-position: -509px -620px;
}
.converter-sec .item .img.tonga {
    background-position: -572px -620px;
}
.converter-sec .item .img.trinidad_and_tobago {
    background-position: -635px -620px;
}
.converter-sec .item .img.tunisia {
    background-position: -5px -661px;
}
.converter-sec .item .img.turkey {
    background-position: -68px -661px;
}
.converter-sec .item .img.tuvalu {
    background-position: -131px -661px;
}
.converter-sec .item .img.uganda {
    background-position: -194px -661px;
}
.converter-sec .item .img.ukraine {
    background-position: -257px -661px;
}
.converter-sec .item .img.united_arab_emirates {
    background-position: -320px -661px;
}
.converter-sec .item .img.united_kingdom {
    background-position: -383px -661px;
}
.converter-sec .item .img.united_states_of_america {
    background-position: -446px -661px;
}
.converter-sec .item .img.uruguay {
    background-position: -509px -661px;
}
.converter-sec .item .img.uzbekistan {
    background-position: -572px -661px;
}
.converter-sec .item .img.vanuatu {
    background-position: -635px -661px;
}
.converter-sec .item .img.vatican_city {
    background-position: -698px -5px;
}
.converter-sec .item .img.venezuela {
    background-position: -698px -46px;
}
.converter-sec .item .img.vietnam {
    background-position: -698px -87px;
}
.converter-sec .item .img.yemen {
    background-position: -698px -128px;
}
.converter-sec .item .img.zambia {
    background-position: -698px -169px;
}
.converter-sec .item .img.zimbabwe {
    background-position: -698px -210px;
}
.converter-sec .item .img.sudan {
    background-position: -698px -251px;
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
    .currency-convert h3 span {
        width: 50px !important;
        height: 50px !important;
    }
    .currency-convert .currency-country span {
        width: 50px !important;
        height: 50px !important;
    }
    .currency-convert .currency-country span,
    .currency-convert .send-currency-selected span {
        margin: -17.5px -22px 0 -3px;
        -webkit-transform: scale(0.4);
        -moz-transform: scale(0.4);
        transform: scale(0.4);
    }
    .converter-sec .item .img {
        max-width: inherit !important;
        margin: -8px -8px -18px -12px !important;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
    }
}

#main_menu {
	width: 70%;
	float: right;
  text-align: right;
  padding-top:25px;
}

.head_btm .navv {
	border-width: 2px 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.head_btm .navv li {
	display: inline;
	text-transform: uppercase;
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
  font-weight: 500;
}

.head_btm .navv a {
	display: inline-block;
	padding: 5px;
	color: #222;
}

.head_btm .navv a:hover {
	color: #ff0037;
  text-decoration: none;
}
.head_btm .navv li.active a {
	color: #ff0037;
}
.head_btm .navv .current_page_item a {
	color: #ff0037;
}

#home_wrp {
	width: 100%;
	margin: 0px auto;
	height: auto;
}

.home_bnr {
	width: 100%;
	height: auto;
	margin: 0px auto;
}

.bnr_widget_wrp {
	width: 1160px;
	height: auto;
	margin: 0px auto;
}

.bnr_widget {
	width: 100%;
	margin: 0 auto;
	max-width: 1100px;
	text-align: center;
}

.exch_rate {
	margin: 0px auto;
	text-align: center;
	display: inline-block;
	width: 48%;
	vertical-align: top;
	position: relative;
	background-color: #094e69;
	border-radius: 20px;
	overflow: hidden;
}

.exch_rate h2 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 20px;
	position: absolute;
	top: 10px;
	left: 15px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
}

.home_serv {
	width: 100%;
	margin: 30px auto;
	padding-top: 100px;
	padding-bottom: 40px;
	position: relative;
	overflow: hidden;
	box-sizing: content-box;
}

.header__bg {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #01adef;
  /*background: -moz-radial-gradient(circle, #00adef 0%, #007faf 100%);
  background: -webkit-radial-gradient(circle, #00adef 0%, #007faf 100%);
  background: radial-gradient(circle, #00adef 0%, #007faf 100%);*/
}
.header__bg:before {
    content: '';
    background: url(../images/curve_top.svg) center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: -4px;
    height: 65px;
    width: 100%;
    background-size: cover;
}
.header__bg:after {
    content: '';
    background: url(../images/curve.svg) center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 65px;
    width: 100%;
    background-size: cover;
}
.home_serv_wrp {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

.home_serv_wrp h2 {
	color: #fff;
	font-weight: 600;
	font-size: 36px;
	text-align: center;
	font-family: 'Ubuntu', sans-serif;
}

.serv_items_wrp {
	margin-top: 30px;
}
.home_serv_wrp .serv_items {
	float: left;
	margin: 2%;
	background-color: #fff;
	text-align: center;
	padding: 20px 10px;
	border-radius: 12px;
	box-sizing: border-box;
}
.serv_items .thumb_img {
	width: 90px;
	height: 90px;
	line-height: 85px;
	border-radius: 50% 50%;
	background: #00adef;
	/*background: -moz-radial-gradient(circle, #00adef 0%, #007faf 100%);
	background: -webkit-radial-gradient(circle, #00adef 0%, #007faf 100%);
	background: radial-gradient(circle, #00adef 0%, #007faf 100%);*/
	text-align: center;
	margin: 0 auto;
	margin-bottom: 15px;
}
.serv_items .thumb_img img {
	height: auto;
	max-width: 80px;
	display: inline-block;
}
.serv_items .servv_cnttt {
	text-align: center;
	padding: 0 15px;
}
.serv_items .servv_cnttt p {
	color: #444;
}

.remit_how_wrp {
	background: #f1e7f2;
	width: 100%;
	margin: 0px auto 0px;
	position: relative;
	top: -60px;
}

.remit_how {
	width: 1100px;
	height: auto;
	margin: 20px auto;
	position: relative;
	background: #f1e7f2;
	padding-top: 60px;
}

.remit_how h2 {
	color: #3b3b3b;
	text-transform: uppercase;
	font-size: 40px;
}

.remit_how #myVideo {
	margin: 30px auto 40px;
}

.home_sec4 {
	width: 1100px;
	margin: 20px auto;
	padding: 40px 0;
	position: relative;
}

.home_sec4 h2 {
	color: #094e69;
	font-size: 40px;
	font-weight: 500;
	text-align: center;
	font-family: 'Ubuntu', sans-serif;
}

.home_sec4_item_wrp {
	margin-top: 40px;
}

.home_sec4_items {
	float: left;
	width: 23%;
	margin: 1% 1% 6% 1%;
	text-align: center;
}

.sec4_title {

}

.sec4_title h3 {
	color: #094e69;
	text-align: center;
	font-size: 20px;
	font-family: 'Ubuntu', sans-serif;
	margin: 10px 0;
	font-weight: 500;
}
.home_sec4_items {
	text-align: center;
}
.home_sec4_items .thumb_img {
	background: #00adef;
	background: -moz-radial-gradient(circle, #00adef 0%, #007faf 100%);
	background: -webkit-radial-gradient(circle, #00adef 0%, #007faf 100%);
	background: radial-gradient(circle, #00adef 0%, #007faf 100%);
	width: 100px;
	height: 100px;
	line-height: 100px;
  border-radius: 50% 50%;
	text-align: center;
	margin: 0px auto;
}

.home_sec4_items .thumb_img img {
	vertical-align: middle;
}

.home_sec4_items p {
	margin-bottom: 15px;
	color: #333;
}


.home_sec4_items .more {
	text-align: center;
	display: inline-block;
	background-color: #ff0037;
	color: #fff;
	padding: 5px 15px;
	border-radius: 25px;
	font-family: 'Ubuntu', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}
.home_sec4_items .more:hover {
	background-color: #01adef;
	text-decoration: none;
}

.home_sec5 {
	width: 100%;
	margin: 50px auto 40px;
	padding-top: 25px;
	position: relative;
	overflow: hidden;
	box-sizing: content-box;
}

.home_sec5_bg {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #01adef;
	/*background: -moz-radial-gradient(circle, #00adef 0%, #007faf 100%);
	background: -webkit-radial-gradient(circle, #00adef 0%, #007faf 100%);
	background: radial-gradient(circle, #00adef 0%, #007faf 100%);*/
}
.home_sec5_bg:before {
    content: '';
    background: url(../images/curve_top.svg) center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: -4px;
    height: 65px;
    width: 100%;
    background-size: cover;
}
.home_sec5_bg:after {
    content: '';
    background: url(../images/curve.svg) center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 65px;
    width: 100%;
    background-size: cover;
}
.home_sec5 h2 {
	color: #fff;
	font-size: 30px;
  text-align: center;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
}

.home_sec5_wrp {
	width: 1100px;
	margin: 20px auto;
	position: relative;
}

.home_sec5_wrp img {
	margin: .5% .3%;
	border-radius: 12px;
}

.download_app_sec {
	width: 100%;
	float: left;
	margin: 10px auto;
	position: relative;
	box-sizing: content-box;
}
.download_app_sec .col1 {
	width: 35%;
	float: left;
	text-align: center;
}
.download_app_sec .col1 img {
	max-width: 100%;
}
.download_app_sec .col2 {
	width: 65%;
	float: right;
	padding-top: 50px;
}
.download_app_sec h2 {
	color: #094e69;
  font-size: 40px;
  font-weight: 500;
  font-family: 'Ubuntu', sans-serif;
	line-height: 40px;
}
.download_app_sec .col2 .btn-set .btn {
    font-size: 14px;
    background: #bee8f8;
    padding: 5px 15px;
    text-align: center;
    font-style: normal;
    text-transform: uppercase;
    transition: .4s all ease;
    -webkit-transition: .4s all ease;
    -moz-transition: .4s all ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
		margin-right: 10px;
}
.download_app_sec .col2 .btn-set .btn:hover {
	background-color: #fff;
}
.download_app_sec .col2 .btn-set .btn img {
	max-width: 100%;
}

#footer {
	width: 1100px;
	margin: 0px auto;
	overflow: hidden;
}

.foot_left {
	float: left;
	width: 50%;
}

.foot_left .form-group select {
	width: 100%;
	border-radius: 3px;
	padding: 8px 10px;
}

.foot_left .form-group {
	position: relative;
}

.foot_left .form-icon-group i {
	display: inline-block;
	position: absolute;
	left: 6px;
	top: 12px;
}

.foot_left input[type="text"],
.foot_left input[type="email"],
.foot_left input[type="url"],
.foot_left input[type="password"],
.foot_left input[type="search"],
.foot_left input[type="number"],
.foot_left input[type="tel"],
.foot_left input[type="range"],
.foot_left input[type="date"],
.foot_left input[type="month"],
.foot_left input[type="week"],
.foot_left input[type="time"],
.foot_left input[type="datetime"],
.foot_left input[type="datetime-local"],
.foot_left input[type="color"],
.foot_left textarea {
	padding: 10px 25px;
}

.foot_left .form-control {
	font-size: 13px;
}

.foot_left h2 {
	color: #094e69;
	font-size: 30px;
	margin-bottom: 15px;
	line-height: 35px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
}

.btn.btn-primary {
	background: #ff0037;
	color: #fff;
	padding: 10px 15px;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 25px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	font-size: 14px;
	border: 0;
}
.btn.btn-primary:focus {
	outline: none;
}
.btn.btn-primary:hover {
	background: #01adef;
}

.form-icon-group i {
	display: inline-block;
	position: absolute;
	left: 6px;
	top: 12px;
}

.address::before {
	font-family: 'FontAwesome';
	content: "\f041";
}

.email::before {
	font-family: 'FontAwesome';
	content: "\f003";
}

.phone::before {
	font-family: 'FontAwesome';
	content: "\f095";
}

textarea {
	width: 100%;
	background: #c3c3c3;
}

.form-control {
	background: #fff;
	font-family: 'Ubuntu', sans-serif;
}

*,
::after,
::before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

.foot_right {
	float: right;
	width: 45%;
	height: 360px;
	overflow: hidden;
}

.foot_right p {
	font: Verdana, Arial, Helvetica, sans-serif;
}

.foot_right h2 {
	color: #094e69;
	font-size: 30px;
	margin-bottom: 20px;
	line-height: 35px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
}

.foot_right h3 {
	color: #8d8d8d;
	font-size: 23px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.foot_right a {
	color: #ee5037;

	font-size: 14px;
}

.foot_right a:hover {
	color: #666;
}

.foot_btm {
	width: 100%;
	margin: 0px auto;
	background: #01adef;
  /*background: -moz-radial-gradient(circle, #00adef 0%, #007faf 100%);
  background: -webkit-radial-gradient(circle, #00adef 0%, #007faf 100%);
  background: radial-gradient(circle, #00adef 0%, #007faf 100%);*/
	padding: 15px 0px;
}

.foot_btm_wrp {
	width: 1100px;
	height: 100px;
	margin: 0px auto;
	overflow: hidden;
	display: table;
}

.foot_btm_wrp ul {
	display: table-cell;
	border-right: 1px solid #f5f5f5;
	color: #fff;
	font-size: 15px;
	padding-right: 15px;
	position: relative;
	left: 30px;
	vertical-align: middle;
}

.foot_btm_wrp p {
	margin-bottom: 5px;
	font-size: 1em;
}

.sptxt {
	color: rgb(255,228,0);
	font-size: 16px;

}

.foot_btm_wrp ul:first-child {
	left: 0px;
}

.foot_btm_wrp ul:last-child {
	padding-right: 0px;
	border-right: 0px solid #977da4;
	left: 60px;
}

.emaill {
	background: url(../images/ic9.png) left no-repeat;
	padding-left: 60px;
}

.phonee {
	background: url(../images/ic10.png) left no-repeat;
	padding-left: 60px;
}

.offce {
	background: url(../images/ic11.png) left no-repeat;
	padding-left: 60px;
}

.copyrght {
	width: 1100px;
  padding: 25px 0;
	margin: 0px auto;
	text-align: center;
}

.copyrght {
	font-size: 14px;
  margin-bottom: 15px;
	color: #444;
}
.copyrght a {
	color: #01adef;
	display: inline-block;
	margin-bottom: 5px;
}
.page_banner {
	width: 100%;
	margin: 0px auto;
	height: 320px;
	overflow: hidden;
	position: relative;
	background: url(../images/subbanner.jpg) center no-repeat;
	background-size:cover !important;
}
.page_banner:after {
    content: '';
    background: url(../images/curve.svg) center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 65px;
    width: 100%;
    background-size: cover;
}
.banner_cnt {
	width: 1100px;
	margin: 40px auto 0px;
	overflow: hidden;
}

.banner_cnt ol {
	max-width: 520px;
	color:#111;
	background:rgba(255, 255, 255, 0.7);
	padding:20px;
	-webkit-box-sizing:border-box ;
	-moz-box-sizing:border-box ;
	box-sizing:border-box;
	border-radius: 14px;
	position: absolute;
	top: 22%;
}

.banner_cnt ol p {
	color: #000;
	font-size: 18px;
	line-height: 24px;
	margin: 0;
}

.banner_cnt ol h2 {
	font-size: 28px;
	font-weight: 500;
	line-height: 30px;
	margin-top: 0;
	color: #094e69;
}

.page_wrp {
	width: 1100px;
	margin: 30px auto;
	height: auto;
	color: #4b4b4b;
	overflow: hidden;
}

.page_head {
	width: 100%;
	border-top: 1px solid #c2dbe5;
	border-bottom: 1px solid #c2dbe5;
	padding: 20px 0px;
	margin-bottom: 30px;
}

.page_head h2 {
	color: #01adef;
	font-size: 35px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
}

.abt_left {
	width: 60%;
	float: left;
	height: auto;
	overflow: hidden;
}

.abt_left p {
	line-height: 22px;
	margin-bottom: 15px;
}

.abt_left h3,
.abt_left h2,
.abt_left h4 {
	color: #01adef;;
	font-size: 26px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	margin-bottom: 10px;
}

.page_fullwidth h3,
.page_fullwidth h2,
.page_fullwidth h4 {
	color: #01adef;;
	font-size: 26px;
	line-height: 40px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
}

.abt_left strong,
.page_fullwidth strong {
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
}

.abt_right {
	width: 35%;
	float: right;
	height: auto;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.abt_itms {
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
}
.abt_itms img {max-width: 100%;
}
.abt_itms ol {
	padding: 15px 0;
	border-bottom: 2px solid #01adef;
}

.abt_itms ol h2 {
	color: #01adef;;
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
	font-family: 'Ubuntu', sans-serif;
}

.abt_itms:last-child ol {
	border-bottom: 2px solid #01adef;
}

.abt_itms:last-child ol h2 {
	color: #01adef;
}
.abt_itms ol p {
	font-size: 14px;
	line-height: 22px;
}
.page_fullwidth {
	width: 100%;
	height: auto;
	margin: 0px auto 30px;
}
.page_fullwidth img {
	border-radius: 12px;
}
.ag_sp {
	width: 100%;
	background: url(../images/band_agent.jpg) center no-repeat;
	height: 258px;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 12px;
}

.ag_sp ol {
	width: 500px;
	height: 200px;
	margin: 35px 0px 0px 40px;
}

.ag_sp ol p {
	color: #fff;
	font-size: 18px;
	line-height: 22px;
}

.serv_itms {
	width: 100%;
	height: auto;
	padding: 1% 0px;
	border-radius: 12px;
	overflow: hidden;
	background: #01adef;
	text-align: center;
  /*background: -moz-radial-gradient(circle, #00adef 0%, #007faf 100%);
  background: -webkit-radial-gradient(circle, #00adef 0%, #007faf 100%);
  background: radial-gradient(circle, #00adef 0%, #007faf 100%);*/
}

.serv_spcnt {
	text-align: center;
}

.serv_spcnt strong {
	text-align: center;
	font-size: 20px;
	color: #414141;
}

.serv_items_wrpp .serv_items {
	display: inline-block;
	width: 31%;
	margin: 1% .5%;
	text-align: center;
	background-color: #fff;
	border-radius: 12px;
	padding: 25px;
}

.serv_items_wrpp .serv_items ol {
	overflow: hidden;
	margin-bottom: 0px;
}

.serv_items_wrpp .serv_items .servv_cnttt {
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 10px;
}

.serv_title {
	box-sizing: content-box;
}

.serv_items h3 {
	color: #094e69;
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	margin-bottom: 5px;
	font-family: 'Ubuntu', sans-serif;
}


.serv_items_wrpp .serv_items p {
	margin: 0px auto;
	text-align: center;
}

.serv_items .more {
	text-align: center;
	display: inline-block;
	background-color: #ff0037;
	color: #fff;
	padding: 5px 15px;
	border-radius: 25px;
	font-family: 'Ubuntu', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}
.serv_items .more:hover {
	background-color: #01adef;
	text-decoration: none;
}

.cnt_addrss {
	width: 100%;
	overflow: hidden;
}

.cnt_addrss p {
	color: #fff;
}

.add_left {
	float: left;
	width: 49%;
	margin: 0px 0px;
	margin-right: 1%;
	background: #01adef url(../images/coic1.png) left 30px top 30px no-repeat;
	padding-left: 90px;
	padding-top: 20px;
	min-height: 180px;
	border-radius: 20px;
}

.add_left h2 {
	font-size: 22px;
	color: #fff;
	padding-bottom: 0px;
	margin: 0px;
}

.add_right {
	float: right;
	width: 49%;
	margin: 0px 0px;
	margin-left: 1%;
	background: #ff0037 url(../images/coic2.png) left 30px top 30px no-repeat;
	padding-left: 90px;
	padding-top: 40px;
	min-height: 180px;
	border-radius: 20px;
}

.add_right a {
	color: #fff !important;
}

.add_right a:hover {
	color: #333;
}

.cnt_map {
	width: 1150px;
	height: auto;
	margin: 20px auto;
}

.cnt_map h2 {
	font-size: 30px;
	border-bottom: 1px solid #dfdbd8;
	padding: 25px 0px 10px;
	text-align: left;
	margin-bottom: 30px;
}

.cnt_contact {
	margin-bottom: 30px;
}

.cnt_contact .form-group select {
	width: 100%;
	border-radius: 3px;
	padding: 8px 10px;
}

.cnt_contact .form-group {
	position: relative;
}

.cnt_contact input[type="text"],
.cnt_contact input[type="email"],
.cnt_contact input[type="url"],
.cnt_contact input[type="password"],
.cnt_contact input[type="search"],
.cnt_contact input[type="number"],
.cnt_contact input[type="tel"],
.cnt_contact input[type="range"],
.cnt_contact input[type="date"],
.cnt_contact input[type="month"],
.cnt_contact input[type="week"],
.cnt_contact input[type="time"],
.cnt_contact input[type="datetime"],
.cnt_contact input[type="datetime-local"],
.cnt_contact input[type="color"],
.cnt_contact textarea {
	padding: 10px 25px;
}

.cnt_contact .btn.btn-primary {
	background: #ee5037;
	color: #fff;
	border-color: #ee5037;
	padding: 10px 15px;
	text-transform: uppercase;
	cursor: pointer;

}

.cnt_contact .btn.btn-primary:hover {
	background: #333;
}

.cnt_contact input[type="text"],
.cnt_contact input[type="email"],
.cnt_contact input[type="url"],
.cnt_contact input[type="password"],
.cnt_contact input[type="search"],
.cnt_contact input[type="number"],
.cnt_contact input[type="tel"],
.cnt_contact input[type="range"],
.cnt_contact input[type="date"],
.cnt_contact input[type="month"],
.cnt_contact input[type="week"],
.cnt_contact input[type="time"],
.cnt_contact input[type="datetime"],
.cnt_contact input[type="datetime-local"],
.cnt_contact input[type="color"],
.cnt_contact textarea {
	background: #fff;
}

.hider {
	width: 100%;
	background: #01adef;
	position: relative;
	bottom: 280px;
	left: 0;
	padding-top: 15px;
}

.hider h2 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 0px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
}

.home_bnr .banner_cnt {
	float: left;
	position: absolute;
	margin-top: 150px;
	height: 300px;
}

.global img {
	border: 1px solid #CCCCCC;
	margin: 10px 8px;
}

.global img:nth-child(6) {
	margin: 10px 0px 10px 8px;
}

.Wcol1a a {
	text-transform: uppercase;
	color: #fff;
}

.Wcol1a {
	padding: 15px 10px;
	position: relative;
	left: 20px;
}

.Wcol1 {
	padding: 15px 10px;
	position: relative;
	left: 20px;
}

.Wcol2a {
	position: relative;
	right: 20px;
}

.Wcol2 {
	position: relative;
	right: 20px;
	padding: 15px 0px 15px 10px;
}

.Wrow1 {
	background: #482857;
	width: 90%;
}

.Wcol1 a {
	color: #fff;
	text-transform: uppercase;
}

.Wcol2a a {
	color: #fff;
	text-transform: uppercase;
}

.Wcol2 a {
	color: #fff;
	text-transform: uppercase;
}

.Wrow2 {
	background: #ffa901;
}

.Wrow1:last-child {
	background: #ffa901;
}

.Wrow1:last-child .Wcol1a {
	position: relative;
	left: 0px;
}

.remit_rates div div:nth-child(1) {}

.remit_rates div div:nth-child(odd) {
	background: #094e69;
	padding: 6px 10px;
}

.remit_rates div div:nth-child(even) {
	background: #01adef;
	padding: 6px 10px;
}

.remit_rates div span {
	margin-top: 3px;
	text-align: left;
	font-size: 13px;
}

.remit_rates div font {
	color: #fff;
	font-weight: normal;
	margin-top: 6px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
}

.remit_rates div {
	color: #fff;
	font-weight: normal;
  box-sizing: border-box;
	font-size: 18px;
}

.remit_rates>div {
	padding-top: 10px;
	background-color: #094e69 !important;
}

.remit_rates div a {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	padding: 10px 0px;
	display: inline-block;
}

.page_fullwidth .form-group select {
	width: 100%;
	border-radius: 3px;
	padding: 8px 10px;
}

.page_fullwidth .form-group {
	position: relative;
}


.page_fullwidth input[type="text"],
.page_fullwidth input[type="email"],
.page_fullwidth input[type="url"],
.page_fullwidth input[type="password"],
.page_fullwidth input[type="search"],
.page_fullwidth input[type="number"],
.page_fullwidth input[type="tel"],
.page_fullwidth input[type="range"],
.page_fullwidth input[type="date"],
.page_fullwidth input[type="month"],
.page_fullwidth input[type="week"],
.page_fullwidth input[type="time"],
.page_fullwidth input[type="datetime"],
.page_fullwidth input[type="datetime-local"],
.cnt_contact input[type="color"],
.page_fullwidth textarea {
	padding: 10px 25px;
}

.page_fullwidth .form-control {
	font-size: 13px;
	font-family: 'Ubuntu', sans-serif;
}

.page_fullwidth .btn.btn-primary {
	background: #01adef;
	color: #fff;
	padding: 10px 15px;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 25px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	font-size: 14px;
	border-color: #01adef;
}

.page_fullwidth .btn.btn-primary:hover {
	background: #ff0037;
	border-color: #ff0037;
}

.page_fullwidth input[type="text"],
.page_fullwidth input[type="email"],
.page_fullwidth input[type="url"],
.page_fullwidth input[type="password"],
.page_fullwidth input[type="search"],
.page_fullwidth input[type="number"],
.page_fullwidth input[type="tel"],
.page_fullwidth input[type="range"],
.page_fullwidth input[type="date"],
.page_fullwidth input[type="month"],
.page_fullwidth input[type="week"],
.page_fullwidth input[type="time"],
.page_fullwidth input[type="datetime"],
.page_fullwidth input[type="datetime-local"],
.page_fullwidth input[type="color"],
.page_fullwidth textarea {
	background: #fff;
}

.sud_agent {
	width: 100%;
	height: auto;
	margin: 30px 0px;
	padding: 0px;
	overflow: hidden;
}

.sud_agent_wrpp {
	width: 110%;
}

.sud_agent ol {
	float: left;
	margin-right: 8px;
	margin-bottom: 20px;
}

.thumm_img {
	width: 270px;
	height: 205px;
	overflow: hidden;
	float: left;
	margin-right: 0px;
}

.agentsub_desc {
	background: #f2edea;
	width: 74%;
	padding: 25px 30px;
	float: right;
	height: 205px;
	overflow: hidden;
}

.sud_agent ol:nth-child(4),
.sud_agent ol:nth-child(8),
.sud_agent ol:nth-child(12),
.sud_agent ol:nth-child(16) {
	margin-right: 0px;
}

.agentsub .agentsub_itms {
	border: 1px solid #cfcfcf;
	width: 32.5%;
	height: 230px;
	overflow: hidden;
	float: left;
	margin: 20px 1% 0px 0px;
}

.agentsub ol {
	margin: 1.5em;
}

.agentsub ol p {
	line-height: 19px;
}

.agentsub_itms h3 {
	font-size: 24px;
}

.agentsub .agentsub_itms:nth-child(3),
.agentsub .agentsub_itms:nth-child(6),
.agentsub .agentsub_itms:nth-child(9),
.agentsub .agentsub_itms:nth-child(12) {
	margin: 20px 0 0px 0px;
}

.breadcrumbs {
	margin-bottom: 15px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;

}

.breadcrumbs a {
	color: #ff0037;;
}

.breadcrumbs a:hover {
	color: #ff0037;
	text-decoration: none;
}

.lnguge {
	width: 1070px;
	height: 30px;
	margin: 10px auto 0px;
	text-align: right;
	direction: rtl;
	z-index: 2;
}

.lnguge a {

	text-transform: uppercase;
	font-size: 15px;
}

.lnguge .fa {
	color: #01adef;;
	text-align: left;
}

.ins_trcker {
	display: inline-block;
	width: 33%;
  height: 360px;
	vertical-align: top;
	background: #01adef;
	margin-bottom: 10px;
	border-radius: 20px;
}

.trck_wrp {
	width: 89%;
	text-align: center;
	margin: 15px 20px 20px;
	height: 160px;
	display: inline-block;
	font-family: 'Ubuntu', sans-serif;
}

.trck_wrp h2 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 10px;
}

.trck_wrp h3 {
	text-transform: uppercase;
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px;
}

.trck_wrp input[type="text"],
.trck_wrp input[type="date"],
.trck_wrp input[type="datetime"],
.trck_wrp input[type="email"],
.trck_wrp input[type="number"],
.trck_wrp input[type="search"],
.trck_wrp input[type="time"],
.trck_wrp input[type="url"],
.trck_wrp textarea,
.trck_wrp select {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	background: #fff;
	margin-bottom: 4%;
	border: 1px solid #ccc;
	padding: 5% 3%;
	color: #555;
	font: 15px Arial, Helvetica, sans-serif;
}

.trck_wrp input[type="text"]:focus,
.trck_wrp input[type="date"]:focus,
.trck_wrp input[type="datetime"]:focus,
.trck_wrp input[type="email"]:focus,
.trck_wrp input[type="number"]:focus,
.trck_wrp input[type="search"]:focus,
.trck_wrp input[type="time"]:focus,
.trck_wrp input[type="url"]:focus,
.trck_wrp textarea:focus,
.trck_wrp select:focus {
	box-shadow: 0 0 5px #001a66;
	padding: 5% 3%;
	border: 1px solid #001a66;
}

.trck_wrp input[type="submit"],
.trck_wrp input[type="button"] {
	font-family: 'Ubuntu', sans-serif;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	padding: 10px 0;
	background: #fcc10e;
	border-top-style: none;
	font-size: 15px;
	border-right-style: none;
	border-left-style: none;
	color: #111;
	cursor: pointer;
	font-weight: 500;
}

.trck_wrp input[type="submit"]:hover,
.trck_wrp input[type="button"]:hover {
	background: #2c3990;
	cursor: pointer;
	color: #fff;
}

#desc_overlay #overlay-content p {
	margin-bottom: 0rem;
	padding-bottom: 0px;
	color: #fff;
	font-size: 13px;
}

#desc_overlay #overlay-content {
	color: #fff;
}

.page_fullwidth ul li {
	list-style: square inside;
	margin-bottom: 5px;
}

.page_fullwidth strong {

}

.copyrght {
	position: relative;
}

.soc-icon {

}


.soc-icon .fa, .soc-icon-head .fa {
	font-size: 18px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	background-color: #ddd;
	border-radius: 50% 50%;
	margin: 0 2px;
	text-align: center;
	display: inline-block;
}
.soc-icon .fa-facebook {
	background-color: #375895;
}
.soc-icon .fa-instagram {
	background-color: #cf3e8b;
}
.soc-icon .fa-snapchat {
	background-color: #f8d200;
}
.soc-icon .fa-twitter {
	background-color: #29c4d1;
}
.soc-icon .fa-whatsapp {
	background-color: #2cb742 ;
}
.soc-icon .fa-youtube {
	background-color: #e10202 ;
}
.soc-icon .fa-linkedin {
	background-color: #0076b2 ;
}

/* #PureChatWidget.purechat.purechat-bottom-left{display:none;} */

.menu-collapse {
	display: none;
}

.soc-icon-head {
	position: absolute;
	right: 0;
	top: 18px;
	width: 170px;
}

.slid-image img {
	min-height: 520px;
	width: 100%;
  max-width: 100%;
}

.convertor-div {
	display: inline-block;
	width: 47%;
	overflow: hidden;
	background: #01adef;
	vertical-align: top;
	margin-right: 3%;
	border-radius: 20px;
	text-align: center;
	padding-top: 12px;
}
.convertr-sz .VmainContainer {
	text-align: left;
}

.convertr-sz {
	width: 100%;
}

.convertr-sz>div {
	border: none !important;
	width: 100% !important;
}
.slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.slick-track{
    position:relative;
    left:0;
    top:0;
    display:block
}
.slick-track:before,.slick-track:after{
    content:"";
    display:table
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    float:left;
    height:100%;
    min-height:1px;
    display:none
}
[dir="rtl"] .slick-slide{
    float:right
}
.slick-slide img{
    display:block;
    text-align:center;
    margin:0 auto;
    max-width: 100%;
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.slick-dots{
    position:absolute;
    bottom:25px;
    right:0;
    left:0;
    list-style:none;
    width: 100%;
    text-align:center;
    padding:0px;
    margin:0 auto;
		z-index: 1;
}
.slick-dots li{
    position:relative;
    display:inline-block;
    text-align:center;
    height:16px;
    width:16px;
    margin:0 3px;
    padding:0;
    cursor:pointer
}
.slick-dots li button{
    border:none;
		background: none;
		border:2px solid #fff;
    display:block;
    width:100%;
    height:100%;
    outline:none;
    line-height:0px;
    font-size:0px;
    color:transparent;
    padding:2px;
    cursor:pointer;
    -webkit-border-radius:50% 50% ;
    -moz-border-radius:50% 50% ;
    border-radius:50% 50% ;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    box-sizing:border-box ;
}
.slick-dots li.slick-active button{
    background:#ff0037
}
.convertr-sz .Vtextarea {
	height: 30px;
	padding: 3px 10px;
	background: #fff;
	width: 100%;
	text-align: left;
}

.convertr-sz .VselectBox {
	padding: 4px !important;
	width: 100%;
	text-align: left;
}

.convertr-sz .Vlabel,
.convertr-sz .VselectBox {

}
.slide-responsive {
	display: none;
	position: absolute;
	width: 100%;
}



/*======== Review page ===================== */
.review-column { padding: 25px 15px; box-sizing: border-box;background-color: #fff;border-bottom: 1px solid #c2dbe5; float: left; width: 100%; border-radius: 12px;}
.review-column .image-block { width: 22%; float: left; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; text-align: center;}
.review-column .image-block img { max-width: 100%;-webkit-border-radius: 50% 50% ; -moz-border-radius: 50% 50% ; border-radius: 50% 50% ; }
@media only screen and (max-width: 480px) { .review-column .image-block { width: 100%; float: none; margin-bottom: 20px; } }
.review-column .content-block { width: 78%; float: right; border-left: 5px solid #ff0037; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; padding-left: 20px; }
@media only screen and (max-width: 480px) { .review-column .content-block { width: 100%; float: none; } }
.review-column h4 {
	color: #01adef;
	margin-bottom: 15px;
}
.dvPreview {
	float: right;
}
.dvPreview img {
	width: 120px;
	height: 120px;
	max-width: 100%;
	border-radius: 12px;
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,.15);
}
.blue-text {
	color: #01adef;
}

.whats_app {
    position: fixed;
    top: 60%;
    left: 100%;
    font-weight: 400;
    background-color: #f1f1f1;
    padding: 11px;
    padding-left: 54px;
    border-radius: 30px 0 0 30px;
    z-index: 100;
    transition: all .5s ease;
    font-size: 14px;
    color: #094e69;
    text-decoration: none;
    line-height: 28px;
    text-decoration: none!important;
    font-weight: 600;
    transform: translateX(-52px);
    right: auto;
    white-space: nowrap;
}
.whats_app:hover {
    transform: translateX(-100%);
    color: #ff0037;
}
.whats_app:before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    background-image: url("../images/whatsapp.svg");
    left: 11px;
    top: 8px;
}

/*=========================================================== Form Styles =========================================================== */
.text-fields, .text-fields-full { width: 300px; padding: 12px 18px; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; font-size: 15px; color: #555555; border: #DDD solid 1px; color: #888; background-color: #fbfbfb; transition: all 0.5s ease-in-out; }
@media only screen and (max-width: 640px) { .text-fields, .text-fields-full { width: 100%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; } }

.text-fields-full { width: 100%; }

.text-fields-dark, .text-fields-dark-full, .text-fields-dark-120 { width: 300px; padding: 8px 14px; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; -webkit-border-radius: 4px ; -moz-border-radius: 4px ; border-radius: 4px ; font-size: 14px; border: #dde1e1 solid 1px; color: #444444; background-color: #fbfcfc; transition: all 0.5s ease-in-out; resize: none; margin-bottom: 8px !important; }
@media only screen and (max-width: 640px) { .text-fields-dark, .text-fields-dark-full, .text-fields-dark-120 { width: 100%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; } }

.text-fields-dark-full { width: 100%; }

.text-fields-dark-120 { width: 120px; }

.button, .full-width-button, .blue-button, .red-button, .dark-red-button, .dark-green-button, .green-button { display: inline-block; padding: 8px 20px; font-size: 16px; color: white !important; clear: both; outline: none; border: none; cursor: pointer; text-decoration: none; text-align: center; -webkit-border-radius: 16px ; -moz-border-radius: 16px ; border-radius: 16px ; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; }
.button:hover, .full-width-button:hover, .blue-button:hover, .red-button:hover, .dark-red-button:hover, .dark-green-button:hover, .green-button:hover { color: white; }
@media only screen and (max-width: 320px) { .button, .full-width-button, .blue-button, .red-button, .dark-red-button, .dark-green-button, .green-button { width: 100%; } }

.full-width-button { width: 100%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; }

.order-button { display: inline-block; padding: 10px 14px 10px 50px; font-family: "LatoBold"; font-size: 16px; line-height: 16px; color: white !important; clear: both; outline: none; border: none; cursor: pointer; text-decoration: none; text-align: center; -webkit-border-radius: 4px ; -moz-border-radius: 4px ; border-radius: 4px ; background: url(../images/order-button-tick.png) 15px no-repeat #5daf24; }
.order-button:hover { color: white; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; }
@media only screen and (max-width: 320px) { .order-button { width: 100%; } }

.blue-button { background-color: #03a9f4; }

.red-button { background-color: #ff0037; }

.dark-red-button { background-color: #970000; }

.dark-green-button { background-color: #349300; }

.green-button { background-color: #5daf24; }

.idle { color: #888; border: #DDD solid 1px; background-color: #fbfbfb; }

.active-field { border: solid 1px #FFF; color: #666; -moz-box-shadow: 0px 0px 4px #8a8a8a; -webkit-box-shadow: 0px 0px 4px #8a8a8a; box-shadow: 0px 0px 4px #8a8a8a; }

.error-field { border: solid 1px #FFF; color: #666; -moz-box-shadow: 0px 0px 4px #b21f24; -webkit-box-shadow: 0px 0px 4px #b21f24; box-shadow: 0px 0px 4px #b21f24; }

.success-field { border: solid 1px #FFF; color: #666; -moz-box-shadow: 0px 0px 4px #3f9b01; -webkit-box-shadow: 0px 0px 4px #3f9b01; box-shadow: 0px 0px 4px #3f9b01; }

.form-field { width: 100%; margin: 0 0 15px 0; float: left; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; }
.form-field img { vertical-align: middle; }
.form-field.half-width { width: 49%; margin: 0 2% 15px 0; }
.form-field.half-width.last { margin-right: 0; }
@media only screen and (max-width: 480px) { .form-field.half-width { width: 100%; padding: 0; } }
@media only screen and (max-width: 480px) { .form-field { padding: 0; } }

.success-message { width: 100%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; padding: 15px 15px 15px 50px; float: left; display: block; border: #91c753 solid 2px; font-size: 14px; line-height: 14px; color: #35491e; margin: 0 0 10px 0; background: #e1fac9 url(../images/tick-mark-success.svg) no-repeat 15px center; }

.error-message { width: 100%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; padding: 15px 15px 15px 50px; float: left; display: block; border: #f3746d solid 2px; font-size: 14px; line-height: 14px; color: #5f2423; margin: 0 0 10px 0; background: #fbdbcf url(../images/close-mark-error.svg) no-repeat 15px center; }

.inline-error-message { color: #e80801; display: block; font-size: 13px; margin: 7px 0 16px 0; padding: 0 0 0 16px; background: url(../images/close-mark-error.svg) no-repeat left center; background-size: 10px 10px; }
.inline-error-message.no-tick-mark { background: none; padding: 0; }

.inline-success-message { color: #3f9b01; display: block; font-size: 13px; margin: 7px 0 16px 0; padding: 0 0 0 16px; background: url(../images/tick-mark-success.svg) no-repeat left center; background-size: 10px 10px; }
.inline-success-message.no-tick-mark { background: none; padding: 0; }



/*=========================================================== Popup Styles =========================================================== */
#boxes { width: 100%; }
#boxes #mask { position: absolute; left: 0; top: 0; z-index: 9000; background: rgba(0, 0, 0, 0.9); display: none; }
#boxes .window { position: absolute; left: 0; top: 0; width: 450px; display: none; z-index: 9999; }
#boxes .window .close { position: absolute; right: 0px; top: 0px; display: block; width: 51px; height: 51px; background-color:#ff0037; color:#fff !important; text-align: center; line-height: 51px;}
#boxes .window .popup-content { width: 450px; float: left; }
#boxes .window .popup-content .heading { width: 100%; float: left; padding-left: 25px; background-color: #242424; height: 51px; line-height: 51px; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; }
#boxes .window .popup-content .heading h2 { font-size: 20px; color: #fff; margin: 0; }
#boxes .window .popup-content .body { padding: 10px; background: rgba(255, 255, 255, 0.2); float: left; width: 100%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; }
#boxes .window .popup-content .body-inner { padding: 24px; background-color: #fff; float: left; width: 100%; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box ; text-align: center; }
#boxes .window .popup-content .body-inner h3 {
	font-size: 20px;
	margin-bottom: 15px;
	color: #222;
}
#boxes .window .popup-content .body-inner p a { color: #363636; }
#boxes .window .popup-content .body-inner p a:hover { color: #01adef; }
#boxes .window .popup-content .footer { width: 100%; float: left; margin: 25px 0 0 0; clear: both; }
#boxes .window .popup-content .footer p { font-size: 14px; color: #fff; line-height: 24px; }

@media all and (max-width: 1300px) {
	.lnguge {
		width: 974px;
	}
}

@media all and (max-width: 1199px) {
	.head_btm {
		width: 100%;
	}
	.lnguge {
		width: 100%;
	}
	.logo {
		margin: 0 20px
	}
	.head_btm .navv a {
		padding: 10px 10px;
	}
	.bnr_widget_wrp {
		width: 100%;
	}
	.banner_cnt {
		padding-left: 10px;
	}
	.exch_rate {
		width: 100%;
	}
	.remit_rates {
		width: 90% !important;
		margin: 0 auto;
	}
	.home_serv_wrp {
		width: 100%;
	}
	.home_serv_wrp h2 {
		padding-left: 10px;
	}
	.serv_items ol {
		width: 100%;
	}
	.remit_how {
		width: 100%;
		padding: 60px 10px 0;
	}
	.remit_how #myVideo {
		width: 100% !important;
	}
	.home_sec4 {
		width: 100%;
	}
	.home_sec4 h2 {
		padding-left: 10px;
	}
	.home_sec4_items {
		width: 23%;
		margin-left: 20px;
	}
	.home_sec5_wrp {
		width: 100%;
	}
	.home_sec5 h2 {
		padding-left: 20px;
		margin-right: 7px;
	}
	#footer {
		width: 100%;
		padding: 0 10px;
	}
	.foot_right {
		width: 37%;
	}
	.foot_right img {
		width: 100% !important;
	}
	.foot_btm_wrp {
		width: 100%;
	}
	.foot_btm_wrp ul:last-child {
		left: 40px;
		padding-right: 30px;
	}
	.foot_btm_wrp ul {
		left: 0;
		padding-right: 5px;
	}
	.copyrght {
		width: 100%;
	}
	.page_wrp {
		width: 100%;
		padding: 0 10px;
	}
	.abt_right img {
		width: 100%;
	}
	.abt_itms {
		width: 100%;
	}
	.abt_itms ol {
		width: 100%;
	}
	h2>.alignnone {
		width: 100%;
		height: auto;
	}
	.page_wrp {
		width: 100%;
		padding: 0 10px;
	}
	.agentsub_desc {
		width: 70%;
	}
	.cnt_map {
		width: 100%;
	}
	.cnt_map iframe {
		width: 100%;
	}
	.soc-icon-head {
		left: 60px;
	}
	#header {
		height: auto;
	}
}

@media all and (max-width: 1140px) {
	.bnr_widget {
		padding: 0 1%;
	}
	.convertor-div {
		width: 45%;
	}
}

@media all and (max-width: 1089px) {
	.head_btm .navv a {
		padding: 10px 8px;
	}
	.home_bnr .banner_cnt {
		width: 100%;
	}
}

@media all and (max-width: 1019px) {
	.head_btm .navv a {
		padding: 10px 5px;
	}
	.foot_btm {
		height: auto;
	}
	/* 	.home_bnr {height: 525px;} */
}

@media all and (max-width: 959px) {
	.lnguge p {
		left: -165px !important;
	}
	.logo {
		width: 100%;
		margin: 0;
	}
	.logo img {
		display: block;
		margin: 0 auto;
	}
	.logo a {
		width: 255px;
		margin: 0 auto;
		display: block;
	}
	.head_btm .navv a {
		padding: 10px 10px;
	}
	.home_sec4_items {
		margin-left: 18px;
	}
	.home_sec4 {
		height: 425px;
	}
	.home_sec5 {
		height: auto;
	}
	.home_sec5_wrp {
		height: auto;
	}
	.agentsub_desc {
		width: 65%;
	}
	.serv_items_wrpp {
		padding: 20px;
	}
	.serv_items_wrpp .serv_items ol {
		width: 100%;
	}
	#main_menu {
		margin: auto;
    padding-top: 0;
	}
	.home_bnr .banner_cnt {
		margin-top: 55px;
	}
}

@media all and (max-width: 880px) {
	.lnguge p {
		float: left;
		left: 0 !important;
	}
	.lnguge {
		padding: 0 15px;
	}
	#header {
		height: auto;
	}
	.soc-icon-head {
		right: 20px;
		top: 60px;
		left: unset;
	}
}

@media all and (max-width: 815px) {
	.agentsub_desc {
		width: 60%;
	}
	/* 	.home_bnr {height: 425px;} */
}

@media all and (max-width: 767px) {
	.head_btm .navv a {
		padding: 10px 7px;
	}
	.foot_left {
		width: 50%;
	}
	.foot_right {
		width: 45%;
	}
	.agentsub .agentsub_itms {
		height: 300px;
	}
	/* 	.home_bnr {height: 390px;} */
}

@media all and (max-width: 719px) {
	.bnr_widget {
		width: 100%;
	}
	.ins_trcker {
		float: left;
		margin-right: 20px;
		margin-left: 10px;
	}
	.home_sec4_items {
		width: 30%;
	}
	.head_btm {
		overflow: visible;
	}
	.navv {
		display: none;
	}
	.menu-collapse {
		display: block;
	}
	#home_wrp {
		overflow: hidden;
	}
	.agentsub_desc {
		width: 100%;
	}
	.convertor-div,
	.ins_trcker {
		width: 100%;
		margin: 0 0 2% 0;
	}
	.home_serv_wrp .serv_items {
		width: 48%;
	}
}

@media all and (max-width: 680px) {
	.home_serv_wrp .serv_items {
		width: 99%;
	}
}

@media all and (max-width: 648px) {
	#pre-header .col1, #pre-header .col2 {
		width: 100%;
		text-align: center;
	}
	.ins_trcker {
		margin-right: 10px;
		margin-left: 0;
	}
	.bnr_widget {
		width: unset;
		top: 350px;
		right: 0;
	}
	/* 	.hider{ left: 10px; } */
	.home_sec4 h2,
	.home_sec5 h2 {
		line-height: 41px;
	}
	.home_sec4_items {
		width: 100%;
	}
	.ag_sp ol {
		width: 80%;
	}
	.cnt_addrss {
		height: auto;
	}
	.add_left {
		width: 100%;
	}
	.add_right {
		width: 100%;
	}
	.agentsub .agentsub_itms {
		height: 350px;
	}
}

@media all and (max-width: 640px) {
	.download_app_sec .col1, .download_app_sec .col2 {
		width: 100%;
	}
	.download_app_sec .col2 {
		padding-top: 0;
	}
	.serv_items_wrpp .serv_items {
		width: 100%;
		margin: 1% 0;
	}
	.foot_left {
		width: 100%;
		margin-bottom: 40px;
	}
	.foot_right {
		width: 100%;
	}
	.foot_btm_wrp {
		display: block;
		height: auto;
	}
	.foot_btm {
		height: auto;
		padding: 15px;
	}
	.foot_btm_wrp ul {
		width: 100%;
		float: left;
		border-bottom: 1px solid #f5f5f5;
		border-right: none;
		padding-bottom: 10px;
	}
	.foot_btm_wrp ul:last-child {
		left: 0;
		border-bottom: none;
	}
	/* 	.slide-full{ display:none;} */
	.slide-responsive {
		display: block;
		overflow: hidden;
	}
	.home_bnr .banner_cnt {
		margin-top: 20px;
	}
	.slid-image img {
		height: 100%;
	}
}

@media all and (max-width: 610px) {
	.ag_sp>ol>a {
		width: 48%;
	}
	.ag_sp>ol>a>img {
		width: 100%;
	}
}

@media all and (max-width: 540px) {
	.lnguge {
		margin-top: 10px;
		width: 350px;
	}
	.lnguge p {
		float: right;
		right: 200px;
	}
	.abt_right,
	.abt_left {
		width: 100%;
	}
	/* 	.home_sec5{ height: 950px; } */
	.agentsub .agentsub_itms {
		height: 350px;
		min-width: 200px;
	}
	.soc-icon-head {
		right: 10px;
		top: 81px;
	}
	.soc-icon {
		top: 50px;
	}
}

@media all and (max-width: 450px) {
	#footer {
		height: auto;
	}
	.foot_left {
		width: 100%;
		margin: 10px 0;
	}
	.foot_right {
		width: 100%;
		margin: 20px 0;
	}
}

@media all and (max-width:400px) {
	.banner_cnt ol {
		width: 100%;
	}
	.hider {
		width: 94%;
	}
}

@media all and (max-width: 360px) {
	.banner_cnt ol h2 {
		font-size: 37px;
		width: 300px;
	}
	.banner_cnt ol p {
		font-size: 18px;
		width: 300px;
	}
	.lnguge {
		width: 100%;
	}
	.head_top ol {
		width: 100%;
	}
	.head_top ol li {
		margin: 0 10px;
	}
}




.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

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

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

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

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

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

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

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

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

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

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

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

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

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

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

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

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

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

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

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

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

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

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

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

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

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

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

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

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

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

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

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

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

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

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

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

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

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

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

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

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

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

@-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 fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

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

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

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

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

@-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;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

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

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

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

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

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

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

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

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

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

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

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

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

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

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

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

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

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

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

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

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

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

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

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

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

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

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

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

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

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

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

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

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

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

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

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

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

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

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

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

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

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

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

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

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

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

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

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

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

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

.animated{visibility:hidden}.visible{visibility:visible}.hidden{display:none !important;visibility:hidden !important}.invisible{visibility:hidden !important}.show{display:block !important}
.rating {
	margin-bottom: 10px;
}
.wf-tooltip-wrapper {
  position: relative;
}
.wf-tooltip {
  display: none;
  background-color: #fff;
  border-radius: 12px;
  padding: 10px;
  position: absolute;
  right: 0;
  width: 150px;
  top: -70px;
}
.wf-tooltip .close {
  color: #444;
  float: right;
  font-size: 16px;
  opacity: 1;
}
.wf-tooltip .close:hover {
  color: #df5a2f;
}
.wf-tooltip img {
  margin-bottom: 6px;
}
.wf-tooltip ul {
  margin: 0 auto;
  display: table;
  text-align: center;
}
.wf-tooltip ul li {
  float: left;
}
.wf-tooltip ul li a {
  width: 40px;
  height: 40px;
  border-radius: 50% 50%;
  background-color: #a8bfba;
  line-height: 40px;
  font-size: 20px;
  display: block;
  color: #111;
  margin: 0 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wf-tooltip ul li a:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.wf-tooltip ul li a.whatsapp {
  color: #fff;
  background-color: #2cb742;
}
.wf-tooltip ul li a.email {
  color: #fff;
  background-color: #0e658e;
}
.wf-tooltip ul li a.email:before {
	display: none;
}
.rating  .checked { color:#f9bc01; }
.rating  .unchecked { color:#888; }

/* New Style for hardcode partners banner */
.partners-banner {
	max-width: 900px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.partners-banner img {
	max-width: 100%;
}
.partners-logo {
	text-align: center;
}
.partners-logo figure {
  width: 31%;
  float: left;
  margin:1%;
  padding: 10;
  box-sizing: border-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 1rem;
  background-color: #fff;
}
.partners-logo figure img {
	max-width: 100%;
}
#home-banner .slick-slide img {
    width:100%;
}