@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
/* Reset css --- */
/* body,html{overflow-x: hidden;} */
* {padding:0px; margin:0px;}
*:focus {outline: 0;}
body{margin:0; padding:0; font-size:14px; color:#2b2b2b; font-family: 'Poppins', sans-serif; overflow-x:hidden;}
ol, ul {list-style: none; margin:0; padding:0;}
:focus {outline: 0;}
a, a:link {text-decoration: none; outline:none;}
p { padding:2px 0; margin:0;}
.clear {clear:both;}
a {color:#337ab8; text-decoration:none;}
a:hover {text-decoration:none; color:#0a70ff;}
a:focus{outline:none !important;}
:hover{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
h1, h1 a, h2, h2 a, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal;}
img {border:0; max-width:100%; height:auto;}
::-webkit-input-placeholder {opacity:1; color: #000;}
:-moz-placeholder{opacity:1; color: #000;}
::-moz-placeholder{opacity:1; color: #000;}
:-ms-input-placeholder{opacity:1; color: #000;}
/* --- Reset css */

/* common btn area start */
.btn{
    margin: 0;
    padding: 0 20px;
    background: #6fdc56;
    border-radius: 0;
    height: 40px;
    position: relative;
    overflow: hidden;
}
.btn:after{
    content: '';
    position: absolute;
    z-index:1;
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #0a70ff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn:hover{
    color: #fff;
}
.btn:hover:after {
    height: 180%;
    opacity: 1;
}
.btn span{
    position: relative;
    z-index: 2;
}
/* common btn area end */

@media only screen and (min-width: 1300px) {
    .container {
        max-width: 1280px;
    }
}
