body {
margin : 0;
font-family : 'Roboto', sans-serif;
background : #fff;
}
body a, .slider-info a {
transition : all 0.5s;
text-decoration : none;
outline : none;
}
h1, h2, h3, h4, h5, h6 {
font-family : 'Montserrat';
margin-bottom : 10px;
margin-top : 10px;
}
p {
font-family : 'Roboto';
margin-bottom : 10px;
line-height : 1.5;
text-align : justify;
color : #000;
}
ul {
margin : 0;
padding : 0;
}
ul {
list-style-type : none;
}
body a:hover {
text-decoration : none;
}
body a:focus {
outline : none;
text-decoration : none;
}
.list-group-item {
background-color : transparent;
}
#toTop {
display : none;
text-decoration : none;
position : fixed;
bottom : 24px;
right : 3%;
overflow : hidden;
z-index : 999;
width : 32px;
height : 32px;
border : none;
text-indent : 100%;
background : url(../images/move-top.png) 0 0 no-repeat;
}
.navbar-toggler-icon {
width : 0.8em;
height : 0.8em;
}
#toTopHover {
width : 32px;
height : 32px;
display : block;
overflow : hidden;
float : right;
opacity : 0;
}
header h1, footer h2 {
line-height : 0;
}
.sticky {
position : fixed;
top : 0;
width : 100%;
z-index : 100;
}
.navbar-light {
padding : 0.4em 5em;
position : relative;
z-index : 999;
width : 100%;
background : #1C40D7;
}
a.navbar-brand {
font-family : 'Raleway', sans-serif;
text-transform : uppercase;
font-weight : 800;
font-size : 0.7em;
letter-spacing : 1px;
}
a.navbar-brand i {
color : rgb(0, 0, 0, 0.18);
font-size : 2em;
}
.navbar-light .navbar-nav .nav-link {
font-weight : 600;
text-transform : capitalize;
color : #fff;
padding : 4px 15px;
font-size : 0.9em;
letter-spacing : 1px;
}
ul.navbar-nav.ml-lg-auto.text-center {
margin-top : 10px;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
color : #1C40D7;
background : #fff;
border-radius : 5px;
}
.dropdown-item {
color : #fff;
}
.dropdown-item, .dropdown-item.active, .dropdown-item:active {
background-color : white;
color : #000 !important ;
font-weight : 600;
text-transform : capitalize;
}
.top-bar {
background : #000;
padding : 5px 20px;
margin : 0;
font-family : 'Font Awesome 5 Brands';
}
.top-bar p {
color : #fff;
text-align : center;
font-weight : 700;
font-size : 1.2rem;
}
.w3ls-btn {
font-weight : 600;
background : #fff;
padding : 4px 15px;
letter-spacing : 1px;
color : red;
text-transform : capitalize;
font-family : Arial, Helvetica, sans-serif;
}
.w3ls-btn i {
font-size : 1.8em;
color : #fff;
}
.banner {
background-size : cover;
position : relative;
z-index : 0;
box-shadow : 0 0 0 2000px rgb(0, 0, 0, 0.4) inset;
}
.banner:before {
position : absolute;
content : '';
background : rgb(0, 0, 0, 0.21);
width : 100%;
height : 100%;
top : 0;
left : 0;
z-index : -1;
}
.banner-text {
padding : 21vw 0 10vw;
box-sizing : border-box;
}
.slider-info {
width : 600px;
}
.slider-info h1 {
font-size : 4em;
text-transform : uppercase;
color : #fff;
word-spacing : 5px;
letter-spacing : 1px;
text-shadow : 2px 2px 1px #000;
font-weight : 800;
line-height : 1.3;
}
.slider-info p {
text-shadow : 2px 2px 1px #000;
font-weight : bold;
}
.agile-link-bnr {
padding : 8px 33px;
color : #fff;
font-weight : 600;
letter-spacing : 1px;
font-size : 15px;
background : #1C40D7;
border : none;
text-transform : capitalize;
border-radius : 30px;
}
.agile-link-cnt {
padding : 15px 40px;
color : #fff;
letter-spacing : 2px;
font-size : 16px;
background : #00bbf3;
border : none;
border-radius : 30px;
text-transform : uppercase;
}
footer {
background : #000;
}
.agile-contact-top h4 {
text-transform : capitalize;
font-weight : 600;
margin-bottom : 10px;
font-size : 1.5em;
color : #000;
}
.fv3-contact {
padding : 0.5rem 1rem;
}
label {
display : inline-block;
margin-bottom : 0.5rem;
color : #000;
font-weight : 600;
}
.form-control {
background-color : #fff;
border : none;
}
.close {
font-size : 1.5rem;
color : #000;
text-shadow : none;
opacity : 1;
}
ul.social-iconsv2 li {
display : inline-block;
border-radius : 50%;
}
ul.social-iconsv2 li a {
text-decoration : none;
font-size : 16px;
}
ul.social-iconsv2 li a i.fab {
font-size : 18px;
line-height : 38px;
width : 30px;
height : 37px;
color : #000;
margin-right : 15px;
border-radius : 50%;
background-color : transparent;
transition : all 0.5s ease-in-out;
}
ul.list-agileits li a {
color : #333;
text-transform : uppercase;
font-weight : 600;
font-size : 14px;
}
ul.social-iconsv2 li:first-child a {
color : #3b5998;
}
ul.social-iconsv2 li:last-child {
color : #287bbc;
}
.fv3-contact p {
font-weight : 600;
}
.fv3-contact p a {
color : #333;
}
.cpy-right p {
letter-spacing : 1px;
font-size : 14px;
color : #fff;
}
.modal-title {
letter-spacing : 1px;
font-size : 1.3em;
}
.modal-content {
position : relative;
display : flex;
flex-direction : column;
width : 100%;
border : rgb(0, 0, 0, 0.19) solid 10px;
border-radius : 0.3rem;
outline : 0;
color : #fff;
font-family : 'Raleway', sans-serif;
background : #1C40D7;
}
.right-w3l input[type="submit"] {
background : #fff;
border : none;
color : #000;
font-size : 1em;
text-transform : uppercase;
font-weight : 600;
letter-spacing : 1px;
font-family : 'Raleway', sans-serif;
cursor : pointer;
}
.col-form-label {
text-transform : uppercase;
font-weight : 600;
color : #fff;
font-size : 13px;
letter-spacing : 1px;
}
.modal-header {
color : #eee;
border : none;
text-transform : uppercase;
margin : 0 auto;
}
.modal-body {
position : relative;
flex : 1 1 auto;
padding : 1rem;
}
.modal-body p {
color : #fff;
}
h3.main-title-agile {
text-transform : capitalize;
font-weight : 800;
font-size : 2.1em;
color : #000;
margin-bottom : 15px;
text-align : center;
}
.title-section {
position : relative;
}
span.title-line {
background-color : #1C40D7;
height : 50px;
display : block;
width : 1px;
margin : 3em auto 0;
}
.ins-sec1 {
margin-top : 2em;
}
h4.sec-title {
display : block;
text-transform : capitalize;
font-weight : 600;
color : #00a199;
font-size : 32px;
}
h4.sec-title small {
color : #222;
display : block;
font-size : 23px;
margin-bottom : 18px;
}
.abt-block i {
font-size : 2em;
color : #fff;
line-height : 2.5;
}
.abt-block h3 {
font-size : 1.1em;
font-weight : 600;
color : #000;
text-transform : uppercase;
line-height : 1.5;
}
.abt-block p {
line-height : 1.8;
margin-top : 1em;
color : #000;
letter-spacing : 0.5px;
}
.abt-block {
padding : 5em 1.5em 3em;
position : relative;
border-radius : 10px;
background : #eee;
}
.serv_abs {
position : absolute;
top : -41px;
left : 45px;
width : 85px;
height : 85px;
border-radius : 50%;
background : #eee;
box-shadow : 0 -6px 5px rgb(222, 222, 222);
text-align : center;
}
h5.agile-title {
color : #000;
font-size : 1.6em;
line-height : 1.5;
font-weight : 600;
letter-spacing : 2px;
word-spacing : 1px;
font-family : 'Raleway', sans-serif;
max-width : 750px;
}
h3.agile-title {
font-size : 1.2em;
line-height : 36px;
font-weight : 600;
letter-spacing : 4.7px;
}
i.fas.fa-quote-left {
font-size : 2em;
color : #e2e2e2;
}
.about-right-text {
font-size : 1.1em;
color : #000;
font-weight : 600;
}
h5.abt-right {
color : #7c43b8;
font-size : 2em;
text-transform : capitalize;
font-style : italic;
font-weight : 800;
margin-top : 1em;
}
.serv_bottom {
background : #1C40D7;
}
h4.agile-ser_bot {
font-size : 2.5em;
letter-spacing : 4px;
word-spacing : 3px;
}
a.serv_link {
color : #000;
font-weight : bold;
letter-spacing : 1px;
word-spacing : 3px;
}
.serv_bottom h5 {
letter-spacing : 5px;
word-spacing : 3px;
}
.serv_bottom h5 {
letter-spacing : 10px;
word-spacing : 23px;
}
section.agile_stats:before {
position : absolute;
width : 100%;
left : 0;
top : 0;
height : 100%;
content : '';
background : rgb(0, 0, 0, 0.4);
z-index : -1;
}
.counter i {
font-size : 2em;
color : #fff;
}
.timer {
font-size : 3em;
font-weight : 600;
}
div.quote:before {
position : absolute;
width : 100%;
left : 0;
top : 0;
height : 100%;
content : '';
background : rgb(255, 255, 255, 0.8);
z-index : -1;
}
.quotes {
background : #1C40D7;
padding : 10px 15px 15px 10px;
}
.qoutes h4 {
color : #fff !important ;
}
#slider {
box-shadow : none;
margin : 0 auto;
}
.rslides_tabs {
list-style : none;
padding : 0;
background : rgb(0, 0, 0, 0.25);
box-shadow : 0 0 1px rgb(255, 255, 255, 0.3), 0 0 5px rgb(0, 0, 0, 1.0) inset;
font-size : 18px;
list-style : none;
margin : 0 auto 50px;
max-width : 540px;
padding : 10px 0;
text-align : center;
width : 100%;
}
.rslides_tabs li {
display : inline;
float : none;
margin-right : 1px;
}
.rslides_tabs a {
width : auto;
line-height : 20px;
padding : 9px 20px;
height : auto;
background : transparent;
display : inline;
}
.rslides_tabs li:first-child {
margin-left : 0;
}
.rslides_tabs .rslides_here a {
background : rgb(255, 255, 255, 0.1);
color : #fff;
font-weight : bold;
}
.events {
list-style : none;
}
.callbacks_container {
position : relative;
}
ul.callbacks_tabs {
position : absolute;
z-index : 2;
right : 10%;
bottom : 50px;
}
.callbacks_tabs a {
visibility : hidden;
}
.callbacks_tabs a:after {
content : "\f111";
font-size : 0;
visibility : visible;
display : inline-block;
height : 10px;
width : 10px;
border-radius : 50%;
background : #000;
opacity : 0.5;
}
.callbacks_here a:after {
background : #fff;
}
.testi-agile p i {
color : #e3ebef;
font-size : 2em;
margin-right : 15px;
}
.testi-pos span {
color : #eee;
}
#slider-pager a {
display : inline-block;
}
#slider-pager span {
float : left;
}
#slider-pager span {
width : 100px;
height : 15px;
background : #fff;
display : inline-block;
border-radius : 30em;
opacity : 0.6;
}
#slider-pager .rslides_here a {
background : #FFF;
border-radius : 30em;
opacity : 1;
}
#slider-pager a {
padding : 0;
}
#slider-pager li {
display : inline-block;
}
.rslides {
position : relative;
list-style : none;
overflow : hidden;
padding : 0;
margin : 0;
width : 100%;
}
.rslides li {
position : absolute;
display : none;
left : 0%;
top : 0;
width : 100%;
}
.rslides li {
position : relative;
display : block;
float : none;
}
.rslides img {
height : auto;
border : 0;
}
.callbacks_tabs li {
display : inline-block;
}
.callbacks_tabs a {
visibility : hidden;
width : 20px;
line-height : 19px;
height : 20px;
text-align : center;
color : #000;
font-weight : 600;
display : block;
background : #fff;
border-radius : 50%;
}
.callbacks_tabs a:hover {
background : #1165f3;
color : #fff;
}
.testi-pos h4 {
text-transform : uppercase;
font-size : 1em;
color : #fff;
font-weight : 600;
letter-spacing : 3px;
margin-bottom : 5px;
}
.testi-agile h4 {
color : #000;
font-size : 1em;
text-transform : capitalize;
margin : 1em 0 0.5em;
font-weight : bold;
}
.testi-agile p {
letter-spacing : 1px;
width : 90%;
margin : 1em auto 0;
color : #eee;
line-height : 40px;
padding : 1em 2em 3em;
}
figure.effect-layla {
background : #18a367;
}
figure.effect-layla img {
background : #18a367;
}
figure.effect-layla figcaption::before, figure.effect-layla figcaption::after {
position : absolute;
content : '';
opacity : 0;
}
figure.effect-layla figcaption::before {
top : 25px;
right : 25px;
bottom : 25px;
left : 25px;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
transform : scale(0,1);
transform-origin : 0 0;
}
figure.effect-layla figcaption::after {
top : 25px;
right : 25px;
bottom : 25px;
left : 25px;
border-right : 1px solid #fff;
border-left : 1px solid #fff;
transform : scale(1,0);
transform-origin : 100% 0;
}
figure.effect-layla h4 {
padding-top : 26%;
letter-spacing : 1px;
transition : transform 0.35s;
font-size : 1em;
text-transform : capitalize;
font-weight : 600;
}
figure.effect-layla p {
padding : 0.5em 2em;
text-transform : none;
opacity : 0;
transform : translate3d(0,-10px,0);
}
figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p {
transition : opacity 0.35s, transform 0.35s;
}
figure.effect-layla:hover img {
transform : translate3d(0,0,0);
}
figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after {
opacity : 1;
transform : scale(1);
}
figure.effect-layla:hover h4, figure.effect-layla:hover p {
opacity : 1;
transform : translate3d(0,0,0);
}
figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h4, figure.effect-layla:hover p, figure.effect-layla:hover img {
transition-delay : 0.15s;
}
.newsright input[type="email"] {
outline : none;
width : 100%;
padding : 15px 20px;
color : #848484;
font-size : 14px;
border : #b5bbbd solid 1px;
width : 74%;
letter-spacing : 3px;
background : none;
}
.newsright input[type="email"] {
outline : none;
padding : 5px 20px;
border : none;
line-height : 3;
color : #fff;
font-size : 1em;
width : 70%;
letter-spacing : 3px;
background : rgb(208, 202, 202, 0.34);
border-radius : 0;
}
.newsright input[type="submit"] {
padding : 11px 20px;
font-size : 15px;
outline : none;
text-transform : uppercase;
font-weight : 600;
letter-spacing : 3px;
background : #56ab2f;
border : rgb(0, 0, 0, 0.32) solid 4px;
margin-left : 10px;
color : #fff;
width : 30%;
cursor : pointer;
border-radius : 0;
}
.newsright input[type="submit"]:hover {
background : #000;
}
.newsright {
margin : 0 auto;
width : 50%;
}
.galsses-grid-right {
padding : 0 5em 0 2em;
}
.form-control:focus {
color : #495057;
background-color : #fff;
outline : 0;
box-shadow : 0 0 0 0.2rem transparent;
}
label.align-self-center {
background : #56ab2f;
font-size : 2em;
color : rgb(255, 255, 255, 0.55);
width : 70px;
line-height : 60px;
height : 60px;
margin-bottom : 0;
text-align : center;
}
#partners {
background : url(../images/partners.jpg) center no-repeat;
background-size : cover;
}
form.register-wthree .form-control {
background : #eee;
font-size : 0.9em;
}
textarea {
height : 200px;
resize : none;
}
form.register-wthree .form-control {
background : #eee;
border : none;
border-left : 3px solid #1C40D7;
border-radius : 0;
box-shadow : 2px 8px 10px 0 rgb(50, 46, 46, 0.23);
}
button.btn.btn-agile.btn-block.w-100.font-weight-bold.text-uppercase {
background : #1C40D7;
color : #ffffff;
}
ul.bottom-links-agile {
border-top : 1px solid #1a1d1d;
border-bottom : 1px solid #1a1d1d;
padding : 1.5em 0;
margin : 3em 0;
}
ul.bottom-links-agile li {
display : inline-block;
margin : 0 2em;
}
ul.bottom-links-agile li:last-child {
float : right;
}
ul.bottom-links-agile li a.active, ul.bottom-links-agile li a:hover {
color : #34c663;
}
ul.bottom-links-agile li a {
font-size : 14px;
color : #606161;
text-transform : uppercase;
letter-spacing : 1px;
}
.footerv4-top {
padding : 5em 0;
background : url(../images/bg.jpg) center no-repeat;
background-size : cover;
position : relative;
}
.footerv4-top:before {
content : '';
background : rgb(0, 0, 0, 0.67);
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
}
.footerv4-top h3 {
font-size : 1.1em;
color : #fff;
text-transform : uppercase;
margin-bottom : 1.5em;
letter-spacing : 0.5px;
font-weight : 700;
}
ul.v4-rel li a {
color : #fff;
font-size : 0.9em;
display : block;
}
.footv4-left h2 a {
font-size : 0.9em;
letter-spacing : 0.5px;
color : #fff !important ;
padding : 14px 0 0;
display : block;
position : relative;
margin-bottom : 1em;
font-weight : 800;
text-transform : uppercase;
}
.footer {
background : #283645;
padding : 1em 0;
text-align : center;
}
.footer p {
color : #fff;
font-size : 1em;
}
.footer p a {
color : #fff;
}
.footer p a:hover {
color : #ED4F2E;
}
.footv4-left ul.v4-rel li {
display : block;
list-style-type : none;
margin-bottom : 10px;
}
ul.v4-content li {
display : block;
line-height : 2;
}
ul.v4-content li a {
color : #fff;
text-transform : capitalize;
font-size : 1em;
}
.footv4-left input[type="text"], .footv4-left input[type="email"] {
width : 100%;
color : #000;
background : #FFF;
padding : 8px 10px;
outline : none;
border : none;
font-size : 0.9em;
margin-bottom : 1em;
font-family : 'Roboto', sans-serif;
}
.footv4-left textarea {
width : 100%;
color : #fff;
background : #fff;
padding : 10px 10px;
outline : none;
resize : none;
height : 10em;
border : none;
font-size : 13px;
margin-bottom : 1em;
font-family : 'Roboto', sans-serif;
}
.footv4-left form input[type="submit"] {
color : #fff;
padding : 7px 25px;
font-size : 14px;
cursor : pointer;
background : #1C40D7;
margin : 4px 0 0 0;
outline : none;
text-transform : uppercase;
border-radius : 8px;
border : none;
transition : all 0.5s ease;
font-family : 'Roboto', sans-serif;
letter-spacing : 1px;
}
.footv4-left form input[type="submit"]:hover {
background : #000;
color : #fff;
}
.footerv4-social ul li {
display : inline-block;
}
span.icon_twitter {
background : #1da1f2;
}
span.icon_facebook {
background : #3b5998;
}
span.icon_dribbble {
background : #ea4c89;
}
span.icon_g_plus {
background : #dd4b39;
}
.footerv4-social ul li a {
color : #212121;
}
.footerv4-social ul li span {
margin-right : 10px;
color : #fff;
padding : 10px;
width : 35px;
height : 35px;
font-size : 15px;
text-align : center;
}
.footerv4-social ul {
margin : 1.5em 0 0;
}
.footerv4-social ul li a {
color : #212121;
}
.footerv4-social ul li:hover a {
color : #fff;
text-decoration : none;
}
.footerv4-social {
margin-top : 2em;
}
.cpy-right {
padding : 0.3em 0;
background : #1C40D7;
text-align : center;
}
.cpy-right p a {
color : #fff;
}
@media screen and (max-width: 774px) {
.email {
display : none;
}
}
@media screen and (max-width: 1366px) {
.slider-info h1 {
font-size : 3em;
}
}
@media screen and (max-width: 1080px) {
.navbar-light {
padding : 0.4em 2em;
}
figure.effect-layla h4 {
padding-top : 17%;
}
}
@media screen and (max-width: 1050px) {
.slider-info h1 {
font-size : 2.5em;
}
figure.effect-layla h4 {
font-size : 0.9em;
}
}
@media screen and (max-width: 991px) {
.navbar-light {
padding : 1em 2em;
}
.timer {
font-size : 2.5em;
}
figure.effect-layla h4 {
padding-top : 30%;
}
}
@media screen and (max-width: 900px) {
.slider-info h1 {
font-size : 2.1em;
}
.testi-agile p {
width : 96%;
padding : 1em 0 3em;
}
}
@media screen and (max-width: 768px) {
.slider-info h1 {
font-size : 1.8em;
}
.slider-info {
width : 510px;
}
.testi-agile p {
line-height : 30px;
}
}
@media screen and (max-width: 736px) {
.footerv4-top {
padding : 3em 0;
}
span.title-line {
margin : 1em auto 0;
}
.serv_abs {
width : 60px;
height : 60px;
}
.serv_abs {
top : -25px;
}
.ins-sec1 {
margin-top : 4em;
}
.abt-block i {
font-size : 1.5em;
line-height : 60px;
}
.abt-block {
padding : 4em 1.5em 3em;
}
}
@media screen and (max-width: 667px) {
.slider-info h1 {
font-size : 1.6em;
}
.testi-agile p {
letter-spacing : 0.5px;
line-height : 30px;
}
}
@media screen and (max-width: 640px) {
.slider-info {
width : 430px;
}
}
@media screen and (max-width: 600px) {
.footv4-left h2 a {
font-size : 0.75em;
}
}
@media screen and (max-width: 568px) {
.slider-info h1 {
font-size : 1.5em;
}
h3.main-title-agile {
font-size : 1.8em;
}
.ins-sec1 {
margin-top : 3em;
}
.timer {
font-size : 2em;
}
}
@media screen and (max-width: 520px) {
.navbar-light {
padding : 0.5em 2em;
}
a.navbar-brand {
font-size : 0.5em;
}
.agile-link-bnr {
padding : 6px 24px;
letter-spacing : 0;
}
.slider-info {
width : 320px;
}
p {
line-height : 1.5;
}
figure.effect-layla h4 {
padding-top : 23%;
}
.agile-contact-top h4 {
font-size : 1.2em;
}
}
@media screen and (max-width: 414px) {
.slider-info h1 {
font-size : 1.3em;
}
.footerv4-top h3 {
font-size : 1em;
}
p {
font-size : 0.95em;
}
h3.main-title-agile {
font-size : 1.6em;
}
.row.grid {
display : block;
max-width : 100%;
margin : 0 auto;
}
.row.grid .col-6 {
max-width : 100%;
}
figure.effect-layla h4 {
padding-top : 35%;
}
}
@media screen and (max-width: 384px) {
a.navbar-brand {
font-size : 0.4em;
}
.banner-text {
padding : 27vw 0 7vw;
}
.slider-info h1 {
font-size : 1em;
}
.slider-info {
width : auto;
}
.abt-block {
padding : 4em 1.1em 2em;
}
.testi-pos h4 {
font-size : 0.9em;
letter-spacing : 1px;
}
.row.sub-w3l.my-3 {
display : block;
}
.col.forgot-w3l.text-right {
text-align : left !important ;
}
}
@media screen and (max-width: 375px) {
.footerv4-top {
padding : 2em 0;
}
.timer {
font-size : 1.5em;
}
h3.main-title-agile {
font-size : 1.5em;
}
.fas.fa-quote-left {
font-size : 1.3em;
}
.modal-body {
padding : 0;
}
}
@media screen and (max-width: 340px) {
.navbar-light {
padding : 0.8em 1em;
}
.navbar-light {
padding : 0.5em 1em;
}
.abt-block h3 {
font-size : 1em;
}
h3.main-title-agile {
font-size : 1.4em;
}
.agile-link-bnr {
padding : 6px 20px;
}
}
.radio-group {
display : table;
table-layout : fixed;
border-spacing : 0;
border-collapse : separate;
}
.radio-group__label {
display : table-cell;
height : 28px;
padding : 5px;
vertical-align : middle;
text-align : center;
position : relative;
border : #1C40D7 solid 1px;
border-style : solid none solid solid;
border-radius : 5px 0 0 5px;
color : #000;
transition : border 250ms, color 250ms;
cursor : pointer;
}
.radio-group__label + input + .radio-group__label {
border-radius : 0 5px 5px 0;
border-style : solid solid solid none;
}
.radio-group__label + input:checked + .radio-group__label:before {
border-radius : 0 5px 5px 0;
transform : translate3d(-6px,0,0);
}
.opt1:checked + label {
color : #fff;
background : #1C40D7;
}
.opt2:checked + label {
color : #fff;
background : #1C40D7;
}
.radio-group__option {
display : none;
}
.thank-you-pop {
width : 100%;
padding : 20px;
text-align : center;
}
.thank-you-pop img {
width : 76px;
height : auto;
margin : 0 auto;
display : block;
margin-bottom : 25px;
}
.thank-you-pop h1 {
font-size : 42px;
margin-bottom : 25px;
color : #5C5C5C;
}
.thank-you-pop p {
font-size : 20px;
margin-bottom : 27px;
color : #5C5C5C;
}
.thank-you-pop h3.cupon-pop {
font-size : 25px;
margin-bottom : 40px;
color : #222;
display : inline-block;
text-align : center;
padding : 10px 20px;
border : #222 dashed 2px;
clear : both;
font-weight : normal;
}
.thank-you-pop h3.cupon-pop span {
color : #03A9F4;
}
.thank-you-pop a {
display : inline-block;
margin : 0 auto;
padding : 9px 20px;
color : #fff;
text-transform : uppercase;
font-size : 14px;
background-color : #8BC34A;
border-radius : 17px;
}
.thank-you-pop a i {
margin-right : 5px;
color : #fff;
}
#response .modal-header {
border : 0;
}
.content-img img {
width : 100%;
margin-bottom : 20px;
}
.float {
position : fixed;
width : 60px;
height : 60px;
bottom : 65px;
right : 40px;
background-color : #25d366;
color : #FFF;
border-radius : 50px;
text-align : center;
font-size : 30px;
box-shadow : 2px 2px 3px #999;
z-index : 100;
}
.my-float {
margin-top : 16px;
}