body{font-family:"Open Sans","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;}

ul, li{list-style:none;}







/*--------------homepage---------------------*/


.banner{height: 622px; width: 100%; background: url(images/banner-img.jpg);}
ul{margin: 0px; padding: 0px; }
body{padding: 0px; margin: 0px;}
.logo{margin-top:8px;}
.footer{background: #000000; min-height:80px; }
.footer span{color: #ffffff; line-height: 32px;}
.footer_menu ul{margin-top: 6px;}
.footer_menu ul li{float: left; padding: 5px 10px; border-right:1px solid #ffffff; line-height: 10px; }
.footer_menu ul li:last-child{border: none;}
.footer_menu ul li a{color:#ffffff; text-decoration: none; font-size: 16px;}
.footer_menu ul li a:hover{color: #fdf400;}
.footer_bottom{padding:25px 0 17px}
.dh70{height: 70px; width: 100%;}
header{background:url(images/header-bg.png); height: 80px;  position: absolute; top:0px; width: 100%;}  
.header_menu{ margin: 0px; padding: 0px; float: right;}
.header_menu li{float: left;  margin:0px 16px 0px 16px; }
.header_menu li a{color: #ffffff; font-size:20px; line-height:76px; text-decoration: none; text-transform: uppercase;  padding-bottom: 24px !important;
                  padding-top: 25px !important;}
.header_menu > .active > a, .header_menu > .active > a:focus, .header_menu li > a:hover{ color: #fdf400; border-bottom:4px solid #fdf400;}

.h_works{background:#eaeaea url(images/how-it-work-bg-img.png)no-repeat scroll center; min-height: 562px}
.h_works h1{font-size: 36px; text-transform: uppercase; padding-bottom:15px; font-weight: bold; border-bottom:4px solid #fdf400; display: table;}
.h_works h4{font-size: 22px; font-weight: normal;}
.key_features{background:url(images/key-fur-bg.jpg); height: 600px}
.key_features h1{font-size: 36px; text-transform: uppercase; padding-bottom:15px; font-weight: bold; 
                 border-bottom:4px solid #ef7540; display: table; color: #ffffff;}
.key_features h4{font-size: 22px; font-weight: normal; color:#ffffff;}
.features_tab ul{margin-left: 20px;}
.features_tab li a{text-decoration: none; line-height: 40px; font-size: 20px; font-weight: 600px; color: #ffffff;}
.features_tab li a:hover{color: #fdf400; }
.features_tab .active{color:#fdf400; list-style-image: url(images/arrow.png);}
.download{min-height:99px; min-width:500px; border-radius:50px; background:#fdf400; border:3px solid #000000; text-align: center; color: #000000; font-size: 36px; font-weight: 600; }
.download:hover{background: #000000; color: #fdf400; border:3px solid #fdf400; cursor: pointer;}
.margin_top20{margin-top: 20px;}

.app_download{width: 100%; text-align: center;}
.app_mrg{margin: 50px 10px 50px 10px; }
.social-icons-footer{float:right;}
.social-icons-footer li{height:32px; width:32px; float: left; margin-left: 5px;} 
.icon-facebook{background: url(images/facebook-icon.png); height: 32px; width: 32px; display: inline-block;}
.icon-twitter{background: url(images/twitter-icon.png); height: 32px; width: 32px;display: inline-block;  }
.icon-linkdin{background: url(images/link-in-icon.png); height: 32px; width: 32px;display: inline-block; }
.icon-you-tube{background: url(images/you-tube-icon.png); height: 32px; width: 32px;display: inline-block; }

.icon-facebook:hover{background: url(images/facebook-icon-hover.png); height: 32px; width: 32px; display: inline-block;}
.icon-twitter:hover{background: url(images/twitter-icon-hover.png); height: 32px; width: 32px;display: inline-block;  }
.icon-linkdin:hover{background: url(images/link-in-icon-hover.png); height: 32px; width: 32px;display: inline-block; }
.icon-you-tube:hover{background: url(images/you-tube-icon-hover.png); height: 32px; width: 32px;display: inline-block; }
.col-md-offset{width: 100%; text-align: center;} 
.download,
.icon-facebook:hover,
.icon-you-tube:hover,
.icon-linkdin:hover,
.icon-twitter:hover{
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
}

/** animated boxes **/
.animBlock {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    -webkit-transition: all .55s ease-in;
    -moz-transition: all .55s ease-in;
    -ms-transition: all .55s ease-in;
    -o-transition: all .55s ease-in;
    transition: all .55s ease-in;
}
.animBlock[data-position="left"] { left: -20%; }
.animBlock[data-position="right"] { right: -20%; }

.animBlock[data-position="left"].viewed {
    left: 0%;
    opacity: 1;
    filter: alpha(opacity=100);
}
.animBlock[data-position="right"].viewed {
    right: 0%;
    opacity: 1;
    filter: alpha(opacity=100);
}
.h_works p{
    font-size: 15px;}


.banner{height: 480px; width: 100%; background: url(images/banner-img.jpg) no-repeat center;}
ul{margin: 0px; padding: 0px; }
body{padding: 0px; margin: 0px;}
.logo{margin-top:8px;}
.footer{background: #000000; min-height:80px; }
.footer span{color: #ffffff; line-height: 32px;}
.footer_menu ul{margin-top: 6px;}
.footer_menu ul li{float: left; padding: 5px 10px; border-right:1px solid #ffffff; line-height: 10px; }
.footer_menu ul li:last-child{border: none;}
.footer_menu ul li a{color:#ffffff; text-decoration: none; font-size: 16px;}
.footer_menu ul li a:hover{color: #ef7540;}
.footer_bottom{padding:25px 0 17px}
.dh70{height: 70px; width: 100%;}
header{background:#ef7540; height: 120px;  top:0px; width: 100%; position: relative;}  
.header_menu{  margin: 15px 0; padding: 0px; float: right;}
.header_menu li{float: left;  margin:0px 16px 0px 16px; }
.header_menu li a{color: #ffffff; font-size:20px; line-height:76px; text-decoration: none; text-transform: uppercase;  padding-bottom: 24px !important;
                  padding-top: 25px !important;}
.header_menu > .active > a, .header_menu > .active > a:focus, .header_menu li > a:hover{ color: #fdf400; border-bottom:4px solid #fdf400;}

.h_works{background:#eaeaea url(images/how-it-work-bg-img.png)no-repeat scroll center; min-height: 562px; background-size:100%;}
.h_works h1{font-size: 36px; text-transform: uppercase; padding-bottom:15px; font-weight: bold; border-bottom:4px solid #ef7540; display: table;}
.h_works h4{font-size: 18px; font-weight: normal;}
.key_features{background:url(images/key-fur-bg.jpg); height: 600px}
.key_features h1{font-size: 36px; text-transform: uppercase; padding-bottom:15px; font-weight: bold; border-bottom:4px solid #ef7540; display: table; color: #ffffff;}
.key_features h4{font-size: 22px; font-weight: normal; color:#ffffff;}
.features_tab ul{margin-left: 20px;}
.features_tab li a{text-decoration: none; line-height: 40px; font-size: 20px; font-weight: 600px; color: #ffffff;}
.features_tab li a:hover{color: #ef7540; }
.features_tab .active{color:#fdf400; list-style-image: url(images/arrow.png);}
.download{min-height:99px; min-width:500px; border-radius:50px; background:#ef7540; border:3px solid #000000; text-align: center; color: #000000; font-size: 36px; font-weight: 600; }
.download:hover{background: #000000; color: #ef7540; border:3px solid #ef7540; cursor: pointer;}
.margin_top20{margin-top: 20px;}

.app_download{width: 100%; text-align: center;}
.app_mrg{margin: 50px 10px 50px 10px; }
.social-icons-footer{float:right;}
.social-icons-footer li{height:32px; width:32px; float: left; margin-left: 5px;} 
.icon-facebook{background: url(images/facebook-icon.png); height: 32px; width: 32px; display: inline-block;}
.icon-twitter{background: url(images/twitter-icon.png); height: 32px; width: 32px;display: inline-block;  }
.icon-linkdin{background: url(images/link-in-icon.png); height: 32px; width: 32px;display: inline-block; }
.icon-you-tube{background: url(images/you-tube-icon.png); height: 32px; width: 32px;display: inline-block; }

.icon-facebook:hover{background: url(images/facebook-icon-hover.png); height: 32px; width: 32px; display: inline-block;}
.icon-twitter:hover{background: url(images/twitter-icon-hover.png); height: 32px; width: 32px;display: inline-block;  }
.icon-linkdin:hover{background: url(images/link-in-icon-hover.png); height: 32px; width: 32px;display: inline-block; }
.icon-you-tube:hover{background: url(images/you-tube-icon-hover.png); height: 32px; width: 32px;display: inline-block; }
.col-md-offset{width: 100%; text-align: center;} 
.download,
.icon-facebook:hover,
.icon-you-tube:hover,
.icon-linkdin:hover,
.icon-twitter:hover{
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
}

/** animated boxes **/
.animBlock {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    -webkit-transition: all .55s ease-in;
    -moz-transition: all .55s ease-in;
    -ms-transition: all .55s ease-in;
    -o-transition: all .55s ease-in;
    transition: all .55s ease-in;
}
.animBlock[data-position="left"] { left: -20%; }
.animBlock[data-position="right"] { right: -20%; }

.animBlock[data-position="left"].viewed {
    left: 0%;
    opacity: 1;
    filter: alpha(opacity=100);
}
.animBlock[data-position="right"].viewed {
    right: 0%;
    opacity: 1;
    filter: alpha(opacity=100);
}

.sixteen.columns {
    display: flex !important;
    align-items: center;
}