@font-face {
    font-family: Roboto;
    src: url(/fonts/Roboto-Bold.eot);
    src: url(/fonts/Roboto-Bold.eot?#iefix) format('embedded-opentype'), url(/fonts/Roboto-Bold.woff2) format('woff2'), url(/fonts/Roboto-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(/fonts/Roboto-Regular.eot);
    src: url(/fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'), url(/fonts/Roboto-Regular.woff2) format('woff2'), url(/fonts/Roboto-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
body {
    background: #000 /*url('/images/bg-img.jpg') */center top no-repeat;
    font-family: Roboto, sans-serif;
}

.accordion-content {
    /*background: #0f447d;*/
    padding: 0px;
    color: #000;
    margin: -8px 5px 3px 5px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    font-size:12px;
}
    .accordion-content a {color:orange;font-size:24px;font-weight:bold;}
    .accordion-content tc_text {font-size:12px;}
    .accordion-content tc_link {}

    /*ODDS TABLE MOBILE START*/
.oddsMobile,.mobtext_small{
    display:none;
}

.odds-line{
    margin: 0;
    display: flex;
    background: #34403a;
    margin-bottom: 3px;
    padding: 5px 5px 5px 10px;
    align-items: center;
    justify-content: center;
}
.odds-line li{
    list-style: none;
    display: inline-block;
}
.team-name{
    width: 50%;
    font-size: 20px;
    color:#fff;
    font-weight:500;
}
.arrow-odds{
    display: inline-block;
    
}
.arrow-odds img{
    padding: 0 4px;
    position: relative;
    top: -2px;
}
.odds-number{
    width: 20%;
}
.odds-number>a{
    font-size: 22px;
    color:#57c100;
}
.odds-cta{
    /*width: 30%;*/
}
.odds-cta img{
    float: right;
    height: 40px;
    width: auto;
}
.first-line-odds{
    border-radius:3px 3px 0 0;
}
.last-line-odds{
    border-radius: 0 0 3px 3px;
}
/*ODDS TABLE MOBILE END*/

    /*----- odds table Start -----*/
    .allbets {text-align: center;}
    .allbets tr {
    background: #34403a;
}
    .allbets thead th {
    vertical-align: middle;
    border-bottom: 3px solid #2b2b2b;
    border-right: 3px solid #2b2b2b;
    padding: 5px 0;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255,255,255,.4);
    background: #333;
    border-top: 0;
}
    .imgall {
    display: block;
    padding: 10px 0;
}

    .imgall>img{width:120px;height:auto;}
    .noborder {
    border-right: 0!important;
}

    .allbets tr {
    background: #34403a;
}

    .allbets td, .allbets th {
    padding: 0;
    min-width: 50px;
    vertical-align: middle;
    border-top: 1px solid #3b3b3c;
    border-right: 3px solid #2b2b2b;
    border-bottom: 3px solid #2b2b2b;
}
    .titlecard {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    max-width: 130px;
    overflow: hidden;
    color: #fff;
    padding: 0 10px!important;
}

    .allodds {
    font-size:18px;
    font-weight:500;
    padding-top:5px;
    vertical-align:middle;
    width: 100%;
    display: block;
    height: 40px;
    /*padding: 10%;*/
    color: #fff!important;
    line-height: 32px;
    /*position: relative;*/
}
    .hires {
    color: #57c100 !important;
}

    .bookieReview
    {
    color: #0f447d !important;
    font-size: 16px !important;
    display: block !important;
     margin-top: 5px !important;
    font-weight: 600  !important;
    }

    .cBetNow {
    margin-top: 5px;
    margin-bottom:5px;
    background-color: #57c100;
    color: #fff;
    font-size: 18px;
    padding: 0px 18px;
    border-radius: 3px;
    text-decoration: none;
    /*font-weight: bold;*/
}

    /*----- odds table END -----*/


img {max-width: 100%;}
/*Mine for index*/
.mpb_inner table thead { background-color: #CCCCCC;border-bottom: medium none; color: #fff;text-align: center;}
.mpb_inner table thead th{ text-align:center; border-bottom:none;}
.mpb_inner table tbody tr td:not(:first-child){text-align: center;}
.mpb_inner table tbody tr{ background-color: #fff;}
/*END - mine for index*/
header {background-color: #0f447d;display: block;width: 100%;}
.mainHeader {display: flex;flex-wrap: wrap;}
.menu {justify-content: flex-end;}
.menu ul li a {color: #fff !important;font-size: 17px;line-height: 15px !important;font-weight: 300;border-right: 2px solid #fff;padding-top: 0;padding-bottom: 0;line-height: 20px;transition: ease-in-out 0.4s;-moz-transition: ease-in-out 0.4s;-webkit-transition: ease-in-out 0.4s;}
.menu ul li a:hover {color: #2ab759 !important;}
.menu ul li:last-child a {border-right: 0;}
.menu ul li:last-child a {padding-right: 0 !important;}
.navbar-light .navbar-brand {outline: 0;}
nav.navbar.navbar-expand-lg.navbar-light {padding-left: 0;padding-right: 0;}
.banner {display: block;}
.bannerImg {display: block;position: relative;}
.bnrText {position: absolute;top: 42px;left: 74px;width: 50%;}
.highlightText {color: #fff;font-size: 35px;padding: 0 10px;font-weight: bold;float: left;width: auto;line-height: 50px;}
.bnrText p {color: #fff;font-weight: bold;text-align: left;font-size: 22px;line-height: 24px;padding-top: 20px;float: left;}
.bnrText p span {color: #2ab759;display: block;font-size: 17px;}
.bnrBottom {display: block;padding: 5px 0;}
.bnrbottomInn {display: flex;flex-wrap: wrap;justify-content: space-between;}
.allCasinos {display: flex;flex-wrap: wrap;padding-left: 20px;}
.allCasinos p {color:#fff;font-size: 18px;margin-bottom: 5px;font-weight: bold;}
.allCasinos ul {display: flex;flex-wrap: wrap;list-style: none;margin-bottom: 5px;padding-left: 0;}
.allCasinos ul li {color: #fff;font-size: 18px;font-weight: 300;padding:0 10px;}
.allCasinos ul li img {padding-right: 4px;margin-top: -5px;}
.advertiser {display: inline-block;}
.advertiser.addMobile {display: none;}
.advertiser a {color: #fff;font-size: 18px;font-weight: 300;transition: ease-in-out 0.4s;-moz-transition: ease-in-out 0.4s;-webkit-transition: ease-in-out 0.4s;}
.advertiser a:hover {color: #2ab759;}
.casinoTable {display: block;}
.matchInfo {background-color: #0f447d;padding:10px 20px;}
    .matchInfo h1, .matchInfo h2 {
        color: #fff;
        font-size: 26px;
        font-weight: bold;
        position: relative;
        margin-bottom: 0px;
    }
    .matchInfo h1:before {
        display: inline-block;
        background: url('/images/match-icon.png') left top no-repeat;
        width: 20px;
        height: 21px;
        content: "";
        margin-right: 10px;
    }
.matchInfo p {color: #fff;font-size: 18px;padding-left: 30px;margin-bottom: 0;}
.casinoMainTable {display: block;background-color: rgba(208,207,209,0.9);padding:15px 10px;}
.textMain {display: block;background-color: rgba(208,207,209,0.9);padding:15px 10px;}
.textMain > p{font-size:18px;}
.textMain > a > img {float:left; margin:0 10px 10px 0;}
.hp_review{display:none;}
.boxHeadings {display: flex;flex-wrap: wrap;padding:0 0 10px;}
.headBox {display: flex;flex-wrap: wrap;/*width: 20%;*/padding: 0 5px;text-align: center;}
.headBox p {
background-color: #2b2b2b;
width: 100%;
text-align: center;
color: #fff;
font-weight: normal;
padding: 5px;
margin-bottom: 0;
font-size: 20px;
}
.scoreBox {display: none;}
.casinoInfo {display: flex;flex-wrap: wrap;}
.casinoBoxes {display: flex;flex-wrap: wrap;margin-bottom: 10px;width: 100%;}
.casinoBoxes:last-child {margin-bottom: 0;}
.boxCommon {display: flex;flex-wrap: wrap;/*width: 20%;*/padding: 0 5px;text-align: center;}
.boxCommon > a {text-align: center;font-size:18px;font-weight:bold; color:blue;width:100%;}

.bookieBox,.bookieTitle{width: 20%}

.ratingBox,.betBox,.ratingTitle,.betTitle {width: 25%}
.bonusBox,.bonusTitle {width: 30%;}
.gamblingBox,.gamblingTitle {width: 22%;}
.boxColor {background-color: #fff;border-radius: 5px;align-items: center;width: 100%;display: flex;padding: 10px;justify-content: center;}
.bookieBox .boxColor {padding: 12px;}
.bookieBox.boxCommon img {display: flex;flex-wrap: nowrap;object-fit: cover;min-width: 100%; height:auto;}
.bookieBox .ratingInn {display: none;}
.bonusBox ul {padding: 15px 0;text-align: left;display: table;margin: 0 auto;width: 100%; height:100%;list-style: none;}
.bonusBox ul li {font-size: 16px;position: relative;padding-left: 20px;line-height: 20px;color: #000;}
.bonusBox ul li:first-child {color: #0f447d;font-size:26px;font-weight: bold;text-align:center;padding-left:0px;padding-bottom:5px;}
.bonusBox ul li:first-child:before {background:none;}
    .bonusBox ul li:before {
        position: absolute;
        content: "";
        background: url('/images/ul-pattern.png');
        width: 12px;
        height: 9px;
        left: 0;
        top: 7px;
    }
ul.gablingRelBox {display: flex;flex-wrap: wrap;padding: 0;margin-bottom: 0;width: 100%;}
ul.gablingRelBox li {display: flex;flex-wrap: wrap;width: 33.33%;padding: 0 6px;} 
.gamblingBox ul li a {display: inline-block;width: 100%;}
ul.gablingRelBox li span {background-color: #2ab759;width: 100%;padding: 6px;color: #fff;font-size: 18px;font-weight: bold;line-height: 24px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;height: 40px;border-radius: 4px 4px 0 0;}
ul.gablingRelBox li p {color: #0f447d;background-color: #BEC0C3;width: 100%;display: flex;align-items: center;justify-content: center;height: calc(100% - 40px);font-size: 20px;font-weight: bold;border-radius: 0 0 4px 4px;}
ul.gablingRelBox li .highlightTextBg {background-color: #ffff00;}
.ratingInn {width: 100%;}
.ratingInn p {font-size: 40px;color: #0f447d;line-height: 44px;font-weight: bold;margin-bottom: 0px;}
.mobBonus {display: none;}
.boxColor  > div > a {display: none;}


/*----- rating csss Start -----*/
.ratingStart {display: flex;justify-content: center;padding:0px;flex-direction: column;align-items: center;}
span.stars, span.stars span {
    display: block;
    background: url(/images/stars.png) 0 -20px repeat-x;
    width: 100px;
    height: 19px;
    font-size: 0;
}
span.stars span {background-position: 0 0;}
/*----- rating csss End -----*/

.ratingInn a {color: #0f447d;font-size: 26px;display: block;margin: 0px;font-weight: bold;}
.betBox .boxColor {flex-direction: column;justify-content: center;}
.betBox .boxColor a {background-color: #57c100;color: #fff;font-size: 26px;padding: 10px 20px;border-radius: 5px;text-decoration: none;font-weight: bold;}
.betBox .boxColor a:hover {color: #fff;cursor:pointer;}
.betBox .boxColor a .fa {color: #0f447d;font-weight: bold;}
.betBox .boxColor p {margin-bottom: 0;color: #808080;font-size: 16px;margin-top: 10px;}
.links {display: block;}
.linkInn {display: inline-block;}
.linkInn ul {list-style: none;padding: 0;display: flex;flex-wrap: wrap;padding-bottom: 40px;padding-top: 110px;}
.linkInn ul li {padding:0 10px;}
.linkInn ul li:first-child {padding-left: 0;}
.linkInn ul li a {color: #fff;font-size: 18px;font-weight: 300;text-decoration: none;transition: ease-in-out 0.4s;-moz-transition: ease-in-out 0.4s;-webkit-transition: ease-in-out 0.4s;}
.linkInn ul li a i {display: none;}
.linkInn ul li a:hover {color: #2ab759;}
footer {display: block;}
.fotTop {margin-top:20px;background-color: #1a1a1a;border-bottom: 2px solid #666666;border-top: 2px solid #666666;padding: 50px 0;}
.footerTopCont {display: flex;flex-wrap: wrap;justify-content: space-between;}
.footerLink {display: block;}
.footerLink ul {display: block;padding: 0;list-style: none;margin-bottom: 0;}
.footerLink ul li {padding-bottom: 10px;}
.footerLink ul li:last-child {padding-bottom: 0;}
.footerLink ul li a {color: #fff;font-size: 18px;text-decoration: none;transition: ease-in-out 0.4s;-moz-transition: ease-in-out 0.4s;-webkit-transition: ease-in-out 0.4s;}
.footerLink ul li a:hover {color: #2ab759;}
.copyRight {display: block;}
.copyInn {padding: 15px 0;}
.copyInn p {margin-bottom: 0;color: #fff;font-size: 18px;}

/*general Responsive*/

@media (max-width:1024px){
/*.container {width: 96%;max-width: 100%;}*/
.highlightText {font-size: 27px;}
.bnrText {top: 16px;left: 17px;width: 48%;}
.bnrText p {padding-top: 10px;}
.betBox .boxColor a {font-size: 19px;}
.bnrBottom {padding: 5px 0;}
.linkInn ul {padding-bottom: 10px;padding-top: 30px;}
.matchInfo {padding:20px;}

}
@media (max-width:991px){
            .allbets {display:none;}
.navbar-toggler.collapsed {outline: 0 !important;}
.menu ul li a {border-right: 0;}
.navbar-light .navbar-toggler {border:0;padding-right: 0;outline: 0;}
    .navbar-light .navbar-toggler-icon {
        background-image: url('/images/menuicon.png') !important;
    }
.menu {justify-content: flex-end;width: 370px;right: 0;position: absolute;top: 86px;z-index: 9;background-color: #2ab759;padding: 15px;border-top: 1px solid #04a555;}
.menu ul li {border-bottom: 1px solid #018242;border-top: 1px solid #2ab759;}
.menu ul li:first-child {border-top: 0;}
.menu ul li:first-child a {padding-top: 0;}
.menu ul li:last-child {border-bottom:0;} 
.menu ul li a {font-size: 20px;padding: 15px 0;}
.menu ul li:last-child a {padding-bottom: 0;}
.bnrText {width: 62%;}
.allCasinos ul {padding-left: 10px;}
.allCasinos p,.allCasinos ul li,.advertiser a {font-size: 15px;}
.allCasinos ul li {padding:0 5px;}
.allCasinos ul li:last-child {padding-right: 0;}
.headBox {width: 25%;}
.headBox.bonusTitle {display: none;}
.boxCommon {width: 25%;}
.bonusBox {display: none;}
.betBox .boxColor a {font-size: 20px;}
ul.gablingRelBox li {padding: 0 3px;}
.menu ul li a:hover {color: #fff !important; }

}

@media (max-width:767px){
.accordion-content {
    margin: -2px 5px 3px 5px;
}
.bnrText {width: 65%;}
.highlightText {color: #fff;background-color: transparent;padding-left: 0;}
.highlightText span {color: #fff;}
.bnrBottom {display: none;}
.advertiser.addMobile {display: block;position: absolute;bottom: 5px;left: 20px;}
.advertiser a {font-size: 20px;}
.advertiser.addMobile a {text-decoration: none;}
.betBox .boxColor a {font-size: 20px;}
.linkInn {width: 100%;}
.linkInn ul li {width: 33.33%;text-align: center;padding: 0;}
.linkInn ul li a i {display: inline-block;}
.betBox .boxColor a {font-size: 18px;}
.headBox p {font-size: 17px;}

    .panel-default {
        margin-bottom: 7px
    }

        .panel-default > .panel-heading {
            color: #fff;
            border-color: #e4e5e7;
            padding: 0;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .panel-default > .panel-heading a {
                display: block;
                padding: 10px 10px;
                text-decoration: none;
                color: #fff;
                background-color: #2c2a2d;
                font-size: 16px;
                font-weight: 400
            }

                .panel-default > .panel-heading a:after {
                    content: "";
                    position: relative;
                    top: 1px;
                    display: inline-block;
                    font-family: 'Glyphicons Halflings';
                    font-style: normal;
                    font-weight: 400;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    float: right;
                    transition: transform .25s linear;
                    -webkit-transition: -webkit-transform .25s linear
                }

                .panel-default > .panel-heading a[aria-expanded=true] {
                    background-color: #2c2a2d
                }

                    .panel-default > .panel-heading a[aria-expanded=true]:after {
                        content: "\2212";
                        -webkit-transform: rotate(180deg);
                        transform: rotate(180deg);
                        font-size: 20px;
                        font-weight: 600
                    }

                .panel-default > .panel-heading a[aria-expanded=false]:after {
                    content: "\002b";
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
                    font-size: 20px;
                    font-weight: 600
                }

            .panel-default > .panel-heading + .panel-collapse > .panel-body {
                padding: 5px 10px 15px 10px;
                border-top-color: #ddd
            }

    .panel-collapse > .panel-body > a {
        text-decoration: underline;
    }

    .panel-default > .panel-heading > .panel-title {
        margin-bottom: 0 !important
    }

    .panel-body {
        background-color: #2c2a2d;
        color: #d6d4d4
    }
}

@media (max-width:667px){

.bnrText {width: 72%;}
.bonusBox,.ratingBox {display: none;}
.boxHeadings {display: none;}
.mobBonus {display: flex;width: 100%;height: calc(100% - 80px);}
/*.betBox .boxColor p {display: none;}*/
/*.footerLink {display: none;}*/
.bookieBox.boxCommon,.betBox.boxCommon {width: 50%;}
.gamblingBox.boxCommon {display: none;}
ul.gablingRelBox li p {margin-top: 0;color: #0f447d !important;}
ul.gablingRelBox li p a {background-color:#BEC0C3 !important; color:#007bff !important;display: flex;align-items: center;justify-content: center;height: calc(100% - 40px);}
.boxColor {flex-direction: column;}
.boxColor > p {display: none;}
.bookieBox .ratingInn {display: block;}
.ratingInn p.mobtext {font-size: 23px;line-height: 24px;margin-top: 9px;}
.betBox .boxColor p {margin-top: 0;}
.betBox .boxColor {justify-content: space-between;background-color: transparent;}
.boxCommon {padding: 0;}
.boxColor {border-radius: 0;}
.scoreMob {}
.ratingInn .scoreTxt {font-size: 25px;font-weight: normal;color: #000;}
ul.gablingRelBox li:before {display: none;}
.betBox .boxColor p {font-size: 22px;}
.betBox .boxColor a {font-size: 28px;width: 100%;}
.casinoMainTable {padding: 10px 10px;}
.bonusBox ul li:first-child{padding-bottom:0px;}

}


@media (max-width:568px){

.hp_review {background-color: transparent !important;text-align:center !important;
    color: #0f447d !important;
    font-size: 22px !important;
    padding: 10px 10px !important;
    text-decoration: none;
    font-weight: bold;}
.bnrText {width: 100%;}  
/*.boxHeadings {display: none;}*/
.headBox {width: 50%;}
/*.bonusBox,.ratingBox {display: none;}*/
.boxCommon {width: 50%;padding: 0;}
.boxColor {border-radius: 0;flex-direction: column;}
.casinoInfo {width: 100%;}
.casinoMainTable {padding-top: 10px;}
.betBox .boxColor {background-color: #f2f2f2;}
.casinoBoxes {margin-bottom: 5px;}
.scoreBox {display: block;}
.oddsMobile{
    display:inherit;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 10px !important;
}
.scoreMob>.star-number{font-size:30px;}
.scoreMob .scoreTxt {display:none;}
/*.mobBonus {display: block;width: 100%;}*/
.bonusBox ul li {font-size: 20px;}
.bookieBox.boxCommon img{max-width:80%;height:auto;}
.betBox .boxColor a {    font-size: 32px;
    width: 100%;
    padding: 4px 10px;}
/*.betBox .boxColor p {display: none;}
.footerLink {display: none;}*/
.footerTopCont {justify-content: center;}
.copyInn {text-align: center;}
.ratingInn p.mobtext {font-size: 23px;line-height: 24px;margin-top: 9px;}
    .mobtext > a {
    font-size:18px;text-decoration:none;}
.mobtext_small {font-size: 16px;color: #000;display:inherit;}
.mobBonus {height: calc(100% - 70px);margin-bottom: 2px;font-size:28px;font-weight:bold;color:#0f447d;line-height: normal;}
.matchInfo h1, .matchInfo h2 {font-size: 20px;}
.bookieBox .boxColor {padding: 10px;display: block;}
.ratingStart {padding: 0;}
.hp_review{display:block;}
.boxColor  > div > a {display: block;margin:0px 0px 5px 0px !important;width:100% !important;padding:0 8px 5px 0 !important;background-color:transparent !important;color:blue !important;cursor:pointer !important;}
}

@media (max-width:479px){
        .allbets {display:none;}
    .scoreMob > a {font-size:18px;}
.bnrText {width: 100%;top: 5px;left: 10px;}
.highlightText {font-size: 20px;}
.bnrText p {padding-top: 0;}
.linkInn ul {margin-bottom: 10px;}
.linkInn ul li {width: 100%;}
.bnrText p,.bnrText p span {font-size: 16px;}
.advertiser.addMobile {bottom: 10px;left: 10px;}
.ratingInn p.mobtext {font-size: 20px;line-height: 22px;margin-top: 9px;}
.scoreMob .scoreTxt {line-height: 30px;}
.scoreMob>.star-number{font-size:30px;}
.betBox .boxColor p {font-size: 18px;}
.matchInfo {padding: 10px;}
.matchInfo h1, .matchInfo h2 {padding-left: 30px;}
.matchInfo h1:before {position: absolute;left: 0;top: 2px;}
.matchInfo p {padding-left: 30px;}
.highlightText {line-height: 30px;}
.mobBonus {height: calc(100% - 70px);margin-bottom: 2px;font-size:28px;font-weight:bold;color:#0f447d;line-height: normal;}
.mobtext_small {font-size: 16px;color: #000;display:inherit;}
}
@media (max-width:380px){
.menu {width: 100%;}	
.ratingInn p.mobtext {font-size: 15px;line-height: 21px;margin-top: 10px;}
.betBox .boxColor a {font-size: 15px;}
.mobBonus {height: calc(100% - 60px);}
.betBox .boxColor p {font-size: 15px;}
.navbar-light .navbar-brand {margin-right: 0;}
.bnrText p {font-size: 13px;line-height: 18px;}
.advertiser a {font-size: 15px;}
.advertiser.addMobile {bottom: 5px;}
.mobBonus {height: calc(100% - 70px);margin-bottom: 2px;font-size:28px;font-weight:bold;color:#0f447d;line-height: normal;}
.mobtext_small {font-size: 16px;color: #000;display:inherit;}
}








/*CONTACT US*/
/*---------------------------------------------*/
.container-contact100 a {
	font-family: Poppins-Regular;
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.container-contact100 a:focus {
	outline: none !important;
}

.container-contact100 a:hover {
	text-decoration: none;
}

/*---------------------------------------------*/
.container-contact100 h1,.container-contact100 h2,.container-contact100 h3,.container-contact100 h4,.container-contact100 h5,.container-contact100 h6 {
	margin: 0px;
}

.container-contact100 p {
	font-family: Poppins-Regular;
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
}

.container-contact100 ul, .container-contact100 li {
	margin: 0px;
	list-style-type: none;
}


/*---------------------------------------------*/
.container-contact100 input {
	outline: none;
	border: none;
}

.container-contact100 input[type="number"] {
    -moz-appearance: textfield;
    appearance: none;
    -webkit-appearance: none;
}

.container-contact100 input[type="number"]::-webkit-outer-spin-button,
.container-contact100 input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.container-contact100 textarea {
  outline: none;
  border: none;
}

.container-contact100 textarea:focus, .container-contact100 input:focus {
  border-color: transparent !important;
}

.container-contact100 input:focus::-webkit-input-placeholder { color:transparent; }
.container-contact100 input:focus:-moz-placeholder { color:transparent; }
.container-contact100 input:focus::-moz-placeholder { color:transparent; }
.container-contact100 input:focus:-ms-input-placeholder { color:transparent; }

.container-contact100 textarea:focus::-webkit-input-placeholder { color:transparent; }
.container-contact100 textarea:focus:-moz-placeholder { color:transparent; }
.container-contact100 textarea:focus::-moz-placeholder { color:transparent; }
.container-contact100 textarea:focus:-ms-input-placeholder { color:transparent; }

.container-contact100 input::-webkit-input-placeholder {color: #999999;}
.container-contact100 input:-moz-placeholder {color: #999999;}
.container-contact100 input::-moz-placeholder {color: #999999;}
.container-contact100 input:-ms-input-placeholder {color: #999999;}

.container-contact100 textarea::-webkit-input-placeholder {color: #999999;}
.container-contact100 textarea:-moz-placeholder {color: #999999;}
.container-contact100 textarea::-moz-placeholder {color: #999999;}
.container-contact100 textarea:-ms-input-placeholder {color: #999999;}

/*---------------------------------------------*/
.container-contact100 button {
	outline: none !important;
	border: none;
	background: transparent;
}

.container-contact100 button:hover {
	cursor: pointer;
}

.container-contact100 iframe {
	border: none !important;
}




/*//////////////////////////////////////////////////////////////////
[ Contact ]*/

.container-contact100 {
  width: 100%;  
  /*min-height: 100vh;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background: transparent;
  position: relative;
  z-index: 1;
}

.contact100-map {
  position: absolute;
  z-index: -2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.wrap-contact100 {
  width: 670px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

/*==================================================================
[ Title form ]*/
.contact100-form-title {
  width: 100%;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  padding: 64px 15px 64px 15px;
}

.contact100-form-title-1 {
  font-family: Poppins-Bold;
  font-size: 20px;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  padding-bottom: 7px;
}

.contact100-form-title-2 {
  font-family: Poppins-Regular;
  font-size: 15px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}


.contact100-form-title::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(54,84,99,0.7);
}


/*==================================================================
[ Form ]*/

.contact100-form {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 43px 88px 57px 190px;
}


/*------------------------------------------------------------------
[ Input ]*/

.container-contact100 .wrap-input100 {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 26px;
}

.container-contact100 .label-input100 {
  font-family: Poppins-Regular;
  font-size: 15px;
  color: #808080;
  line-height: 1.2;
  text-align: right;

  position: absolute;
  top: 14px;
  left: -105px;
  width: 80px;

}

/*---------------------------------------------*/
.container-contact100 .input100 {
  font-family: Poppins-Regular;
  font-size: 15px;
  color: #555555;
  line-height: 1.2;

  display: block;
  width: 100%;
  background: transparent;
  padding: 0 5px;
}

.container-contact100 .focus-input100 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.container-contact100 .focus-input100::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;

  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;

  background: #57b846;
}


/*---------------------------------------------*/
.container-contact100 input.input100 {
  height: 45px;
}


.container-contact100 textarea.input100 {
  min-height: 115px;
  padding-top: 14px;
  padding-bottom: 13px;
}


..container-contact100 input100:focus + .focus-input100::before {
  width: 100%;
}

.container-contact100 .has-val.input100 + .focus-input100::before {
  width: 100%;
}


/*------------------------------------------------------------------
[ Button ]*/
.container-contact100 .container-contact100-form-btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
}

.container-contact100 .contact100-form-btn {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 20px !important;
  min-width: 160px !important;
  height: 50px !important;
  background-color: #57b846 !important;
  border-radius: 25px !important;

  font-family: Poppins-Regular !important;
  font-size: 16px !important;
  color: #fff !important;
  line-height: 1.2 !important;

  -webkit-transition: all 0.4s !important;
  -o-transition: all 0.4s !important;
  -moz-transition: all 0.4s !important;
  transition: all 0.4s !important;
}

.container-contact100 .contact100-form-btn i {
  -webkit-transition: all 0.4s !important;
  -o-transition: all 0.4s !important;
  -moz-transition: all 0.4s !important;
  transition: all 0.4s !important;
}

.container-contact100 .contact100-form-btn:hover {
  background-color: #333333;
}

.container-contact100 .contact100-form-btn:hover i {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}


/*------------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 576px) {
  .container-contact100 .contact100-form {
    padding: 43px 15px 57px 117px;
  }
}

@media (max-width: 480px) {
  .container-contact100 .contact100-form {
    padding: 43px 15px 57px 15px;
  }

  .container-contact100 .label-input100 {
    text-align: left;
    position: unset;
    top: unset;
    left: unset;
    width: 100%;
    padding: 0 5px;
  }
}


/*------------------------------------------------------------------
[ Alert validate ]*/

.container-contact100 .validate-input {
  position: relative;
}

.container-contact100 .alert-validate::before {
  content: attr(data-validate);
  position: absolute;
  max-width: 70%;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 4px 25px 4px 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2px;
  pointer-events: none;

  font-family: Poppins-Medium;
  color: #c80000;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.container-contact100 .alert-validate::after {
  content: "\f06a";
  font-family: FontAwesome;
  display: block;
  position: absolute;
  color: #c80000;
  font-size: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
}

.container-contact100 .alert-validate:hover:before {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 992px) {
  .container-contact100 .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }
}