/* ------------------------------------------------ Project: Loptus - Digital Marketing Agency Responsive HTML5 Template Author: ThemeHt ------------------------------------------------ */ /* ------------------------ Table of Contents 1. General 2. Typography 3. Helper class 4. Text color 5. Background color 6. Border Radius 7. Banner 8. Background Position & Size 9. Countdown 10. Terms and Conditions 11. Privacy Policy 12. Cases 13. How It Work 14. Clients Logo 15. Single Page Sidebar 16. Single Page Meta 17. Contact 18. Video 19. Side Background 20. Error 21. List Icon 22. Bg Animated Image 23. Round Animated Image /* ------------------------ General ------------------------*/ @import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); @import url('https://fonts.googleapis.com/css?family=Niramit:300,300i,400,400i,500,500i,600,600i,700,700i'); body {font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.5; color:#3c4858; letter-spacing: 1px;} /* ------------------------ Typography ------------------------*/ h1, h2, h3, h4, h5, h6{font-weight:normal; margin-top: 0px; margin-bottom: 0px; text-transform: capitalize; letter-spacing: 2px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 60px; font-style: normal; line-height: 70px; font-weight: 500; text-transform: capitalize; color: #111121; letter-spacing: 0;} h2 { font-size: 40px; font-style: normal; line-height: 56px; font-weight: 500; color: #111121; text-transform: capitalize; margin-bottom: 10px; position: relative;} h3 { font-size: 30px; font-style: normal; line-height: 36px; font-weight: 500;} h4 { font-size: 24px; font-style: normal; margin-bottom: 10px; font-weight: 500; line-height: 30px; color: #111121;} h5 { font-size: 20px; font-style: normal; margin-bottom: 10px; font-weight: 500; line-height: 26px; color: #111121;} h6 { font-size: 18px; font-style: normal; line-height: 24px; margin-bottom: 10px; color: #111121;} ul { margin: 0px; padding: 0px; } u {text-decoration-style: wavy;} /* ------------------------ Helper class ------------------------*/ p{line-height: 30px;} .lead{font-weight: normal; font-size: 16px; line-height: 30px;} .o-hidden{overflow: hidden;} .img-center{display: inline-block !important; max-width: 100%;} .pos-r{position: relative;} .z-index-0{z-index: 0; position: relative;} .z-index-1{z-index: 1; position: relative;} h1 span{color: #005cca;} section{padding: 70px 0;} .section-title{margin-bottom:50px;} .section-title p{font-size: 14px;} .align-item-middle{display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center;} .align-item-middle > div{width: 100%;} .font-w-3{font-weight: 300;} .font-w-4{font-weight: 400;} .font-w-5{font-weight: 500;} .font-w-6{font-weight: 600;} .font-w-7{font-weight: 700;} .font-w-8{font-weight: 800;} .font-w-9{font-weight: 900;} .line-h-2{line-height: 1.6;} .line-h-3{line-height: 1.7;} .line-h-4{line-height: 1.8;} .line-h-5{line-height: 1.9;} .letter-space-1{letter-spacing: 5px;} .letter-space-2{letter-spacing: 10px;} .letter-space-3{letter-spacing: 15px;} /* ------------------------ Text color ------------------------*/ .text-theme{color: #ff7810;} .text-black{color:#3c4858 !important;} .text-grey{color:#999999;} .text-rgba{color: rgba(255,255,255,0.8);} /* ------------------------ Background color ------------------------*/ .white-bg{background-color: #ffffff !important;} /*.dark-bg{background-color: #141414;}*/ .grey-bg{/*background-color: #fbf9f8;*/} .theme-bg{background-color: #ff7810;} .transparent-bg{background-color: inherit !important;} /* ------------------------ Border Radius ------------------------*/ .radius{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .radius-0{-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .radius-1{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} .radius-2{-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;} .radius-3{-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;} .radius-4{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} /* ------------------------ Banner ------------------------*/ .fullscreen-banner{position: relative;} [data-bg-img]{background-size: cover; background-position: center center; background-repeat: no-repeat;} .align-center{position: absolute; top: 50%; width: 100%; z-index: 9;} .align-end{position: absolute; bottom: 0; width: 100%; z-index: 9;} .bnr-img2 {position: absolute; top: 50%; left: 0;} .banner-2 .mouse-parallax {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} .fullscreen-banner .owl-carousel, .fullscreen-banner .owl-stage-outer, .fullscreen-banner .owl-stage, .fullscreen-banner .owl-item{height: 100%;} .hero-bg {left: -50%; position: absolute; top: -45%;} .banner-4 .mouse-parallax{z-index: 9;} /* ------------------------------- Background Position & Size -------------------------------*/ .bg-cover{background-size: cover;} .bg-contain{background-size: contain;} .bg-pos-l{background-position: right;} .bg-pos-r{background-position: left;} .bg-pos-rt{background-position: right top;} .bg-pos-lt{background-position: left top;} .bg-pos-rb{background-position: right bottom;} .bg-pos-lb{background-position: left bottom;} /* ------------------------ Countdown ------------------------*/ .countdown{margin:50px 0; display: table; width: 100%;} .countdown > li{padding: 0 30px; font-weight: 700; text-align: center; border-right: 1px dashed rgba(0,0,0,0.1); list-style-type: none; display: table-cell; width: auto;} .countdown > li:last-child{border-right: none;} .countdown > li span{font-size:70px; font-weight:700; line-height:60px; margin-bottom: 20px; display: inline-block;} .countdown > li p{font-size:20px; text-transform: uppercase; line-height:30px; margin-bottom: 0; color: #ff7810;} .dark-bg .countdown > li{border-color:rgba(255,255,255,0.2);} .coming-soon .subscribe-form{margin: 0 auto;} /* ------------------------ Terms and Conditions ------------------------*/ .terms-and-conditions p{margin-bottom:25px;} .terms-and-conditions ul.list{margin-bottom:20px; display:block;} .terms-and-conditions ul.list li i{padding-right:12px; font-size:15px;} /* ------------------------ Privacy Policy ------------------------*/ .privacy-policy p{margin-bottom:25px;} .privacy-policy ul.list{margin-bottom:20px; display:block;} .privacy-policy ul.list li i{padding-right:12px; font-size:15px;} /* ------------------------ Cases ------------------------*/ .cases-item{overflow: hidden; position: relative; text-align: center;} .cases-item .cases-description {background: #ffffff; padding: 20px;} .cases-item .cases-description h5{ margin: 0 0 15px; text-transform: capitalize; font-weight: 500;} .cases-item img{width: 100%;} .cases-item span{font-weight: 500; display: block;} .owl-carousel .cases-item{margin: 30px 10px;} /* ------------------------ How It Work ------------------------*/ .work-process-inner{position: relative;} .step-num {background: rgb(255,120,16); background: linear-gradient(90deg, #31d73a 0%, #005cca 50%); border: 5px solid #fff; border-radius: 50%; color: #fff; font-size: 30px; font-weight: bold; height: 80px; line-height: 75px; position: absolute; right: -40px; top: -40px; width: 80px; text-align: center;} .work-process-inner .work-img {border: 2px dashed #e2dfdf; border-radius: 10px; display: inline-block; width: 230px; height: 250px; line-height: 250px; margin: 40px 0; position: relative;} .work-process.style-2 .work-process-inner{padding-left: 80px;} .work-process.style-2 .step-num{right: inherit; left: 0; top: 0; border: none; width: 60px; height: 60px; line-height: 60px; font-size: 24px;} /* ------------------------ Clients Logo ------------------------*/ .clients-logo {background: #fff; border: 1px solid #ebebeb; margin-right: -1px; margin-top: -1px; padding: 50px 10px; width: calc(100% / 4);} /* ------------------------ Single Page Sidebar ------------------------*/ .sidebar-links li a {color: #2c2c2c; border-bottom: 1px dashed #ddd; padding: 10px 0; display: block; font-size: 15px; font-weight: 600; position: relative; text-transform: uppercase;} .sidebar-links li.active a, .sidebar-links li a:hover {color: #ff7810;} .sidebar-links li:first-child a{padding-top: 0;} .sidebar-links li:last-child a{padding-bottom: 0; border-bottom: none;} /* ------------------------ Single Page Meta ------------------------*/ .portfolio-meta li{position: relative; padding-left: 50px;} .portfolio-meta li i{position: absolute; left: 0; top: 0; color: #ff7810; font-size: 30px;} .portfolio-meta li span{color: #111121; display: block; text-transform: uppercase; margin-bottom: 7px;} /* ------------------------ Contact ------------------------*/ .contact-info li {padding-left: 50px; position: relative;} .contact-info li i{position: absolute; left: 0; top: 0; line-height: 24px; font-size: 30px; color: #31d73a; text-align: center;} .contact-info li span{font-size: 16px; color: #111121; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 8px;} .contact-info li p{margin-bottom: 0; line-height: 24px;} .contact-info li a{color: #111121;} .contact-info li a:hover{color: #31d73a;} .info-inner{background: #ffffff; padding: 50px 30px;} .info-inner ul li{padding-left: 0;} .form-group{margin-bottom: 24px; position: relative;} label{font-size: 14px; color: #333} .form-control{height: 50px; border-radius: 5px; font-size: 13px; color: #111121; background: #ffffff; border: 1px solid transparent;} .theme-bg .form-control .dark-bg .form-control{background: none; border:5px solid rgba(255,255,255,0.1);} .dark-bg .form-control, .theme-bg .form-control{color: #ffffff;} .grey-bg .form-control{background: #ffffff} textarea.form-control{height: 150px; border-radius: 5px;} .theme-bg .form-control:focus{border-color: #ff7810;} select.form-control {-moz-appearance: none; -webkit-appearance: none; appearance: none; height: 50px;} #map {width: 100%; height: 100%;} iframe{width: 100%; border: none; pointer-events: auto;} .iframe-h{height: 500px !important;} .iframe-h-2{height: 600px !important;} .help-block.with-errors {position: absolute; color: red; right: 15px; font-size: 10px; line-height: 14px; background-color: red; padding: 0px 4px; margin: 5px 0;} .form-control::-webkit-input-placeholder {color: #111121;} .form-control::-moz-placeholder {color: #111121;} .form-control:-ms-input-placeholder {color: #111121;} .form-control:-moz-placeholder {color: #111121;} .dark-bg .form-control::-webkit-input-placeholder, .theme-bg .form-control::-webkit-input-placeholder {color: #ffffff;} .dark-bg .form-control::-moz-placeholder, .theme-bg .form-control::-moz-placeholder{color: #ffffff;} .dark-bg .form-control:-ms-input-placeholder, .theme-bg .form-control:-ms-input-placeholder{color: #ffffff;} .dark-bg .form-control:-moz-placeholder, .theme-bg .form-control:-moz-placeholder{color: #ffffff;} /* ------------------------ Video ------------------------*/ .video-btn {position: relative; display: inline-block;} .video-btn .btn-play {font-size: 30px; background: #ff7810; color: #fff; line-height: 50px; width: 70px; height: 70px; border: 10px solid rgba(0,0,0,0.1); -webkit-border-radius: 100%; border-radius: 100%; text-align: center; cursor: pointer; display: inline-block; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out; -webkit-transition-property: color, background, border-color; transition-property: color, background, border-color; } .video-btn-pos{position: absolute; position: absolute; left: 50%; top: 50%; width: auto !important; z-index: 99;} .theme-bg .video-btn .btn-play, .dark-bg .video-btn .btn-play{background: #ffffff; border-color: #ddd; color: #ff7810;} .html5-video {height: 100%; left: 0; opacity: 1; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: -2;} .html5-video video {width: 100%;} .play-btn span{position: relative; text-transform: uppercase; color: #111121; font-weight: 500; padding-right: 70px; margin-right: 20px;} .play-btn span:before{background: #005cca; width: 50px; height: 2px; content: ""; position: absolute; right: 0; top: 50%; margin-top: -1px;} /* ------------------------ Side Background ------------------------*/ .img-side img{max-width: 100%} .img-side.img-right {right: 0;} .img-side.img-left {left: 0;} .img-side {padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 9;} .image-column {position: absolute; left: 57%; top: 50%;} /* ------------------------ Error ------------------------*/ .error-page h1{font-size: 300px; line-height: 300px; letter-spacing: 15px; color: #111121; margin-bottom: 20px;} /* ------------------------ List Icon ------------------------*/ .list-icon li{position: relative; padding-left: 40px;} .list-icon li i{position: absolute; left: 0; top: 0; color: #31d73a; font-size: 30px; line-height: 30px;} .list-icon-2 li{padding-left: 20px; position: relative;} .list-icon-2 li:before{content: ""; background: #31d73a; position: absolute; top: 8px; left: 0; width: 10px; height: 2px; border-radius: 4px;} .custom-li{display: inline-block;} .custom-li li {float: left; margin-bottom: 15px; width: calc(100% / 2);} /* ------------------------ Bg Animated Image ------------------------*/ .pattern-3{position: absolute; left: 50%; top: 60%;} /**.info-img:before {position: absolute; left: 0; top: 0; height: 330px; width: 100%; content: ""; background-image: url(../images/pattern/07.png); z-index: -1;}**/ /* ------------------------ Round Animated Image ------------------------*/ .round-animation{background-image: linear-gradient(120deg, #005cca 0%, #005cca 100%); border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; width: 100%; height: 100%; animation: morph 10s linear infinite; transform-style: preserve-3d; outline: 1px solid transparent; will-change: border-radius;} .round-animation:before, .round-animation:after{content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; will-change: border-radius, transform, opacity; animation-delay: 200ms; background-image: linear-gradient(120deg, #31d73a 0%, #31d73a27 100%);} .round-animation:before{animation: morph 3s linear infinite; opacity: .21; animation-duration: 1.5s;} .round-animation img{position: relative; z-index: 99;} .insideText {color: rgba(0,0,0,0.050); font-size: 160px; font-weight: 900; left: 50%; line-height: 200px; overflow: hidden; position: absolute; text-align: center; text-transform: uppercase; top: 50%; white-space: nowrap; width: 100%; z-index: 0;} .boxed-view{padding: 20px 50px 50px;} .mb-0 p.line { line-height: 30px !important; } .mb-3.text { width: 82%; } section.bg-contain.bg-pos-r.pt-0 { background-position: right; } #fade { display: none; position: fixed; top: -40%; left: 0%; width: 100%; height: 200%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); } #light { width: 793px; display: none; position: absolute; top: 50%; left: 50%; max-width: 782px; max-height: 467px; margin-left: -137px; margin-top: -265px; /* border: 2px solid #FFF; */ /* background: #FFF; */ z-index: 1002; overflow: visible; } #boxclose { float: right; cursor: pointer; color: #696666; /* border: 1px solid #AEAEAE; */ /* border-radius: 3px; */ /* background: #222222; */ font-size: 40px; font-weight: bold; display: inline-block; line-height: 0px; padding: 1px 3px 18px 0px; /* position: relative; */ right: -4px; top: 3px; z-index: 1002; opacity: 0.8; } #boxclose:hover{ color: #31d73a; } .boxclose:before { content: "×"; } #fade:hover ~ #boxclose { display:none; } .g-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.80); transform-origin: 0 0; -webkit-transform-origin: 0 0; } .rc-anchor-normal .rc-anchor-pt, .rc-anchor-invisible .rc-anchor-pt, .rc-anchor-compact .rc-anchor-pt { font-size: 11px !important; } textarea.form-control.contact { height: 210px; } .form-control.contact { height: 61px; } /****/ @media (min-width: 981px) { .et_pb_gutters3 .et_pb_column_2_3, .et_pb_gutters3.et_pb_row .et_pb_column_2_3 { width: 64.833%; } .et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column { margin-right: 5.5%; } } .et_pb_css_mix_blend_mode_passthrough { mix-blend-mode: unset!important; } .et_pb_column { float: left; position: relative; z-index: 9; background-position: center; background-size: cover; } @media (min-width: 981px) { .et_pb_section .et_pb_row .et_pb_column .et_pb_module.et-last-child, .et_pb_section .et_pb_row .et_pb_column .et_pb_module:last-child, .et_pb_section.et_section_specialty .et_pb_row .et_pb_column .et_pb_column .et_pb_module.et-last-child, .et_pb_section.et_section_specialty .et_pb_row .et_pb_column .et_pb_column .et_pb_module:last-child, .et_pb_section.et_section_specialty .et_pb_row .et_pb_column .et_pb_row_inner .et_pb_column .et_pb_module.et-last-child, .et_pb_section.et_section_specialty .et_pb_row .et_pb_column .et_pb_row_inner .et_pb_column .et_pb_module:last-child { margin-bottom: 0; } .et_pb_gutters3 .et_pb_column_2_3 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_module, .et_section_specialty .et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_module, .et_section_specialty .et_pb_row .et_pb_column_2_3 .et_pb_gutters3.et_pb_row_inner .et_pb_module { margin-bottom: 4.242%; } } .et_pb_module { -webkit-animation-duration: .2s; -moz-animation-duration: .2s; -o-animation-duration: .2s; animation-duration: .2s; } .et_pb_module { -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } .et_pb_code_inner { position: relative; } .testimonial_rotator_wrap.with-prevnext { padding: 10px 40px; } .testimonial_rotator_wrap { margin-top: 0px; position: relative; } .testimonial_rotator_wrap { margin: 20px 10px; padding: 10px; overflow: hidden; position: relative; } .testimonial_rotator_wrap:before { position: absolute; left: 0; top: 0; content: "\f10d"; height: 60px; width: 60px; text-align: center; color: #4aaffd; display: block; line-height: 60px; font-size: 30px; font-family: FontAwesome; } @media (min-width: 981px) { .et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child, .et_pb_row_inner .et_pb_column.et-last-child, .et_pb_row_inner .et_pb_column:last-child { margin-right: 0!important; } .et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child, .et_pb_row_inner .et_pb_column.et-last-child, .et_pb_row_inner .et_pb_column:last-child { margin-right: 0!important; } .et_pb_gutters3 .et_pb_column_1_3, .et_pb_gutters3.et_pb_row .et_pb_column_1_3 { width: 29.666%; } .et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column { margin-right: 5.5%; } } .et_pb_css_mix_blend_mode_passthrough { mix-blend-mode: unset!important; } .et_pb_image .et_pb_image_wrap { display: inline-block; position: relative; max-width: 100%; } .seprator { height: 2px; width: 56px; background-color: #0aaa7a; margin: 7px 0 10px 0; } .testimonial.style-2 h2 { font-size:35px; line-height:50px; font-weight:400; margin-bottom: 0px; } .myimg { padding: 0 10px; } .myimg img { width: 100%; padding: 0 0px; } @media (max-width: 767px){ .enter img { margin-top: 15px; } .call_wrapnew.cononskype { width: 115%; } i.fab.fa-whatsapp { font-size: 27px; } } .term { margin-bottom: 20px !important; text-align: justify; } .copyright a { color: #111121; } .copyright a:hover { color: #31d73a; } .cookies { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); bottom: 0; position: fixed; font-size: 12px; padding: 10px; text-align: center; width: 100%; z-index: 999999; } .cookies button.btn.btn-primary.btn-sm { color: #fff; padding: 2px 10px; line-height: 20px; font-size: 12px; text-transform: none; margin-left: 7px; background-color: #31d73a; } .cookies a { color: #ffff; } .clientMored a { width: 25px; height: 25px; background-image: url(../brand-logos/plus-sign-to-add.svg); display: block; background-size: contain; margin: 0 auto; padding: 10px; background-repeat: no-repeat; } .clientMored a:hover, .clientMored a:focus { transform: rotate(360deg); } .list-logo li img { margin: 0 auto; } .clientMored { display: block; text-align: center; text-indent: -9999px; margin-top: 40px; } ul.list-logo { padding: 0; margin: 0; list-style: none; display: block; overflow: hidden; } .list-logo li { display: none; float: left; position: relative; height: 78px; width: calc(100% / 12 * 3 - 0px); margin: 10px 0; overflow: hidden; /*transition: all .6s ease-in-out; */ } .list-logo li .clogo-hover { position: absolute; top: 78px; } .alignc { max-width: 920px; margin: 0 auto; } .list-logo li:hover .clogo-hover { float: left; position: absolute; height: 78px; top: 0; left: 0; right: 0; overflow: hidden; /*transition: all .3s ease;*/ } .list-logo li:hover .normal { float: left; position: relative; height: 78px; top: -78px; overflow: hidden; /*transition: all .3s ease;*/ } @media (max-width: 450px){ .list-logo li { width: calc(100% / 12 * 6 - 0px); } } .test li { text-align: left; position: relative; padding-left: 30px; } ul.test { margin-left: 70px; margin-top: 20px; line-height: 1.9; } .test li:before { content: " "; position: absolute; top: 4px; left: 8px; display: inline-block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); height: 1em; width: 0.5em; border-bottom: 0.2em solid #069500; border-right: 0.2em solid #069500; } .logo_box .list-logo li { width: calc(100% / 10 * 2 - 0px); } .ftr_cta_blk { column-count: auto; background: linear-gradient(90deg, #31d73a 0%, #005cca 50%); color: #fff; position: fixed; bottom: 0; box-shadow: -14px -6px 11px 0 #27202036; width: 100%; z-index: 9999; display:none !important; } .ftr_cta_blk .col-md-3 a, .ftr_cta_blk .col-md-3 span { color: #fff; font-weight: 600; font-size: 15px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding-top: 0px; display: inline-block; } .ftr_cta_blk .col-md-3 a, .ftr_cta_blk .col-md-3 span { color: #fff; font-weight: 600; font-size: 15px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding-top: 0px; display: inline-block; } .ftr_cta_blk .col-md-3 i { vertical-align: middle; padding: 3px 0; width: 40px; font-size: 20px; color: #fff; position: relative; height: 30px; border-radius: 100%; transition: all .6s ease-in-out; text-align: center; z-index: 999; } .ftr_cta_blk .col-md-3 i:after { position: absolute; background: #fff; content: ''; width: 100%; height: 100%; z-index: -1; transform: scale(0); bottom: 0; border-radius: 100%; transition: all .6s ease-in-out; left: 0; } .call_wrapnew { border-right: 1px solid #fff; margin-right: 0px; padding: 7px 0 3px; font-size:22px; } #scroll { position: fixed; right: 10px; bottom: 0px; cursor: pointer; width: 50px; height: 50px; background-color: #494949; display: none; z-index: 99999; border-radius: 60px; border: 1px solid #5d5d5d; -webkit-box-shadow: 2px 1px 3px #52525280; box-shadow: 2px 1px 3px #52525280; } #scroll span { position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -12px; height: 0; width: 0; border: 8px solid transparent; border-bottom-color: #fff; } .call_wrapnew.chatonwa.lines { border-right: none; } .call_wrapnew.chatonwa { text-align: center; } .call_wrapnew.cononskype { text-align: center; } @media screen and (max-device-width: 1000px) and (min-device-width: 320px) { .ftr_cta_blk .col-md-3 a, .ftr_cta_blk .col-md-3 span { font-size: 0; } .ftr_cta_blk { display: block!important; } .ftr_cta_blk { background: linear-gradient(90deg, #31d73a 0%, #005cca 50%); } .ftr_cta_blk .col-md-3.col-3, .top-nav .row.mobile-row { padding: 0; margin: 0; } .call_wrapnew { text-align: center; border-right: 1px solid #fff; } .ftr_cta_blk .col-md-3 i { background: 0 0; color: #fff; padding: 5px 0 0; } .moreview-scroll { display: block!important; position: relative; text-align: center; padding: 10px 1% 15px; color: #fff; font-size: 12px; font-weight: 600; }} /*