/*
Theme Name: New Gemini Digital Agency 
Author URI: http://www.thegeminigeeks.com/
Version: 1.0
Author: The Gemini Geeks
Description: A theme by The Gemini Geeks
*/
*{margin:0;padding:0;}
body{margin: 0;padding: 0;background:#fff;font-size: 15px;color: #000;font-family: 'Nanum Gothic', sans-serif;text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;scroll-behavior: smooth;}

::-moz-selection {background: #EB1D24;;color: #fff}
::selection{background: #EB1D24;;color:#fff;}
ul li {list-style-type:none;color: #1D1D1B;}
td{text-align:center;}
u, strong {font-weight: 700;color: 000;}
a {transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
a img {border:none;}
a { color:#252525;text-decoration:none !important;}
a:hover{text-decoration:none; color:#EB1D24;}
p {margin:0 0 0px 0;line-height:200%;}
.alignleft{float:left;margin:0 10px 0 0;}
.alignright{float:right;margin:0 0 0 10px;}
.aligncenter{display:block;margin:0 auto;}
.textcenter {text-align:center;}
.clear{clear:both;}
.divider {clear:both;border-bottom:1px solid #ddd;margin:0 0 20px 0;padding:20px 0 0 0;}
table{border-collapse:collapse;}
table td {border:1px solid #ddd; padding:5px;}
.inner {width:1120px;margin:0 auto;max-width:100%;}




#header{padding: 10px;height: auto;position: absolute;left: 0;top: 30px;right: 0;transition: all 0.5s;z-index: 997;}
#header.headerscrolled{position:fixed;background:#fff;padding: 5px 0;top:0px;z-index: 9997;transition: all 0.5s;}

#header2{padding: 10px;height: auto;position: relative;left: 0;top: 0px;right: 0;transition: all 0.5s;z-index: 997;}
#header2.headerscrolled{position:fixed;background:#fff;padding: 5px 0;top:0px;z-index: 9997;transition: all 0.5s;}

.mobile{display: none !important;}
#logo {float:left;}
#logo img {max-width:100%;}
.darklogo{display: none}

#hright {float:right; margin-top: 10px;display: inline-block;}

h1,h2,h3,h4,h5,h6 {margin:0 0 10px 0;font-family: 'Poppins', sans-serif;color:#252525;}
h1{font-size:40px;font-weight:700;}
h2 {font-size:40px;}
h3 {font-size:24px;font-weight:700;}
h4 {font-size:22px;}
h5 {font-size:20px;}
h6 {font-size:18px;}

/* :: 3.0 Preloader CSS */
#preloader {position: fixed;width: 100%;height: 100%;z-index: 99999;top: 0;left: 0;background-color: #f4f4f4;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;
-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;
justify-content: center; }

#preloader .preloader-thumbnail {
max-width: 50px;-webkit-animation: pocarotate linear 1s infinite;
animation: pocarotate linear 1s infinite; }

@-webkit-keyframes pocarotate {0% {
-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); }100% {
-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); } }

@keyframes pocarotate {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); }100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); } }

#toTop{position: fixed;bottom: 20px;right: 20px;cursor: pointer;display: none;
background:#EB1D24;border-radius:100%; transition: all 0.5s ease;padding: 8px 15px;height: 50px;width: 50px;}

#toTop i{font-size:30px;color:#fff; transition: all 0.5s ease;}
#toTop i:hover{color:#fff;}
.hide{transition: all 0.5s ease;transform: scale(0,0);}

.primary-btn{color:#fff;background:#EB1D24;margin-top:30px;display:inline-block;text-align: center;text-transform: uppercase;padding: 15px 40px;border-radius: 26px;}

.primary-btn:hover{transition: 0.3s;background:#333;color:#fff;-webkit-box-shadow: 0 10px 35px rgba(24,236,192,0.48);box-shadow: 0 10px 35px rgba(235,29,36,0.48);-webkit-transform: translateY(-7px);
transform: translateY(-7px);}

.black-btn{color:#fff;background:#333;margin-top:30px;display:inline-block;text-align: center;text-transform: uppercase;padding: 15px 40px;border-radius: 26px;}

.black-btn:hover{transition: 0.3s;background:#EB1D24;color:#fff;-webkit-box-shadow: 0 10px 35px rgba(24,236,192,0.48);
box-shadow: 0 10px 35px rgba(235,29,36,0.48);-webkit-transform: translateY(-7px);
transform: translateY(-7px);}

.pull-center{margin: 0 auto;display:table;margin-top: 25px;max-width: 100%;}

.text-heading-line{position: relative;content: ""; height:1px;background: #EB1D24;width: 14%; margin: 0 auto;margin-bottom: 20px;}

.text-heading-line::before { content: "";  height: 3px; background: #EB1D24; width: 30%;
position: absolute; top: 0; bottom: 0; left: 0;right: 0;margin: auto;}


#header-bg{
padding-bottom:8%;
}
#header-bg h1{ 
margin:30% 34% -2% 0%;
font-size: 35px;
text-transform: uppercase;
color:#333;
font-weight: normal;  
}
#header-bg h2{ 
 margin-top:-20px;   
font-size: 35px;
font-weight: normal;
color:#333;    
text-transform: uppercase;
}
#header-bg span{
    color:#000;
    text-transform: uppercase;
    font-size:60px;
    font-weight: bolder;
    letter-spacing: 10px;text-shadow: 15.629px 0.82px 20px rgba(194,194,194,.75);
	font-family: 'Poppins', sans-serif;
}

#header-bg img{
position: absolute;
width: 50%;
top: 0;
height: 500px;
right: 0;
z-index: -1;
}
.background-curve {
    position: absolute;
    width: 55%;
    top: 0;
    height: 100%;
    right: 0;
    z-index: -1;
}

.tableheading{padding:15px;background-color:#252525;color:#fff;}
.columnone{background-color:#f7f7f7;}

#homeform{background-image: radial-gradient( circle farthest-corner at 0.3% 1.4%,  rgba(55,177,251,1) 0%, rgba(172,121,255,1) 100.7% );
margin-top:12%;padding:35px 15px 1px;}
#homeform #contactform input{padding:10px 15px;; }
#homeform label{color:#fff;}
#homeform span{font-size: 13px;
display: block;
text-transform: capitalize;
letter-spacing: 0;
font-weight: normal}
#homeform h3{color:#fff;text-align: center;}

#intro{width: 100%;background: aliceblue;padding: 65px 0;}
#intro .typewrite{text-align: center !important; display:block;margin-bottom:25px;}
#intro .wrap{font-size:40px;font-weight: bolder;text-transform: uppercase;font-family: 'Poppins', sans-serif;}
#intro h2{text-align: center;}
#intro p{text-align: center;padding:0 100px;}

#skills{width: 100%;padding: 65px 0;}
#skills .icon{text-align:center;display: block;padding:35px 10px;max-width: 100%;background-color: #fff;-webkit-box-shadow: 0 15px 40px rgba(0,0,0,0.13);box-shadow: 0 15px 40px rgba(0,0,0,0.13);width: 333px;margin: 15px;transition:0.6s;
border-radius: 3px;-webkit-transform: translateY(0);transform: translateY(0);}
#skills .icon:hover{-webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.13);box-shadow: 0 15px 20px rgba(0,0,0,0.13);transition:0.6s;border-radius: 40px 40px 40px 0;}
#skills .icon-box{float: left;margin-top: 20px;margin-right: 20px;}
#skills .icon img{display: block;margin: 0 auto;width: 64px;}
#skills .icon h3{font-size:24px;text-align: center;text-transform: uppercase;margin-top:10px;transition: 0.6s; -webkit-text-stroke-width: 0.8px;letter-spacing: 2px;}
#skills  .icon:hover  h3{  color: red; -webkit-text-fill-color: white; letter-spacing: 5px;transition: 0.6s;-webkit-text-stroke-width: 0.8px;
  -webkit-text-stroke-color: red;}

#skills h2{margin-top:20px;color: #EB1F27;font-size: 60px;font-size: 60px;line-height: 65px;}
#skills span{font-size: 28px;font-weight: bolder;margin-bottom: 20px;display: block;}


#services {padding: 65px 0;float: left;width: 100%;background:#E9E9E9}
#services h2{text-align:center;color:#333;}

#services .card{border-radius: 4px;background: #fff;width: 333px;margin: 30px 20px 10px;
box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
transition: .6s transform cubic-bezier(.155,1.105,.295,1.12),.6s box-shadow,.6s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);padding: 15px 15px 40px; cursor: pointer;transition:0.6s;text-align:center;border-radius: 40px 40px 40px 0;}

#services .card:hover{-webkit-box-shadow: 0 10px 90px rgba(0,0,0,.08);box-shadow: 0 10px 90px rgba(0,0,0,.08);border-radius: 40px 0px 40px 40px;transition:0.6s;}

.card img{display: block;margin: 0 auto;margin-top:20px;height:90px;}

.card h3{font-weight: 600;text-align: center;margin:25px 35px;}


#chooseus{width: 100%;float: left;padding:65px 0;clear: both;}
#chooseus img{box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);border-radius: 16px;overflow: hidden;max-height: 480px;float: right;transition: box-shadow 0.25s ease, transform 0.25s ease;}
#chooseus .col-md-6{margin: 0;padding:25px 5px;transition: 0.3s;}
#chooseus .col-md-6:hover h3{ color:#EB1D24}
#chooseus .col-md-6:hover i{ color:#EB1D24}
#chooseus  .icon-box{float: left;margin-top: 20px;margin-right: 20px;}
#chooseus i{font-size:34px;}

#clients{width: 100%;padding: 65px 0;}
#clients h2{text-align:center;}
.logos{clear: both;width: 148px;margin:0 auto;display: inline-block;margin-top:35px;margin-right: 35px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 filter: grayscale(100%);}
.logos:hover{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
 filter: grayscale(0%);}



.ctc-bar{width: 100%;padding: 65px 0;text-align:center;background-image: url("https://www.geminidigitalagency.com/wp-content/uploads/2018/08/Parallex.jpg");
 background-position: 50% 50%;  background-repeat: no-repeat;  background-attachment: fixed;  background-size: cover;}
.ctc-bar h2{max-width: 100%;font-size:60px;width: 650px;margin:0 auto;}
.ctc-bar p{width: 500px;margin:0 auto;max-width: 100%;}
.ctc-bar .pull-center{display: inline-block;margin:30px 15px}

.ctc-dark{background:#f5f5f5;padding: 25px 0;}
.ctc-dark h3{color:#000;text-align: center;font-size: 35px;margin-top: 20px;text-shadow: 0.629px 2.82px 10px rgba(138, 138, 138, 0.75)}
.ctc-dark .col-md-8{border-right:1px dotted #fff;}

.header-wrapper h4{font-size:24px;margin-top:10px;}
.header-wrapper {background:#EB1D24;text-align: left;width:100%;float:left;padding:25px 0;color: #444;}
.header-wrapper a{color: #fff;}
.header-wrapper a:hover{color: #fff;}
.header-wrapper .breadcrumb{font-size:13px;text-align: right;padding: 20px 0;color:#fff;}
.header-wrapper .breadcrumb li{display:inline-block;}
.header-wrapper .breadcrumb>li+li:before{content:"\f101";padding:0 5px;}

.area-list{display: flex; flex-wrap: wrap; gap:1.2rem; list-style: none;margin: 2.2rem 0 1.7rem;justify-content: center;}
.area-list li{list-style :none;list-style-position: inside;align-items: baseline;position:relative;flex: 1 0 250px; transition:0.5s ease-in-out ; border: 1px solid #BE2126; padding: 0.5rem 0rem 0.5rem 0;  font-weight: 600; text-transform: uppercase;padding-left:3.5rem;max-width: 330px;}
.area-list li a{color:#252525 !important; font-size:15px;line-height: 1.3}
.area-list li:before{color: #fff !important;content: "\f041" !important; transition:0.5s ease-in-out; background: #EB1D24;font-weight:900;position:absolute;left:0rem;top:0px;bottom: 0; width: 45px; font-size:18px; display:flex; align-items:center; justify-content:center; color:#fff;}
.area-list li:hover{background: #f1f1f1}
.area-list li:hover:before{font-size: 22px;}



#page{padding:45px 0;}
#page .post{padding:15px 40px 25px 15px !important;}
.post p {margin: 0 0 10px 0;text-align: justify;}
#page li{line-height:28px;/*! margin:5px 5px; */list-style: none;display:table;}

#page li:before {content: "\f00c";margin-right: 10px;font-family: "Font Awesome 5 Free";font-weight: 900;font-style: normal;font-size: 14px; color: #EB1F27;}

#page h3{border-bottom: 1px solid #EB1F27;line-height:50px;}
#page .widget li{display:flex;}
#page .widget li:before {content: "\f04b";margin-right: 10px;font-family: "Font Awesome 5 Free";font-weight: 900;font-style: normal;font-size: 10px; color: dimgray;}
#page .widget li:hover{margin-left: 10px;transition: 0.6s;}

.sticky-image{max-width: 500px;margin: 0 auto;display: table;position: sticky;top:1rem;border-radius: 1rem}

/*--------------Contact Page---------*/
#getintouch{max-width: 100%;text-align: center;margin-bottom:25px;}
#getintouch h2{font-weight:bolder;font-size:26px;text-transform:uppercase;}
#getintouch h4{font-size:16px;}
#getintouch p{text-align:center !important;}
#getintouch .col-md-3{border-right: 1px solid #eee;padding:35px 10px;}
#getintouch .col-md-3:last-child { border: none;}
#getintouch .col-md-3 a{color:#555;font-weight: 500;}
#getintouch .col-md-3 a:hover{color:#EB1F27;}
#getintouch i{font-size:24px;padding:10px;margin:0 auto;color:#fff;text-align: center;background:#EB1F27;border-radius: 50%;margin-bottom:25px;}

.grecaptcha-badge { visibility: hidden; }


/*-------------------Contact Form-------------*/
#contactform
{
margin: 0 0 20px 0;
line-height: 20px;
}
.wpcf7-list-item {float: left;width: 100%;}
#contactform *
{
font-size: 15px;color:#595966;
}
#contactform h3{font-size:26px;text-align: center;}
#contactform i{font-size:26px;}
#contactform p
{
margin: 0;
padding: 0 0 10px 0;
line-height: 20px;
}
#contactform h2{font-size: 24px;margin:25px 0 15px;font-weight:bolder;border-bottom:1px solid #63C6C1;padding:0 0 8px 0;}
#contactform input
{
width: 100%;
padding: 1%;
background: #FFF;
border: 1px solid #ddd;
padding: 15px 25px;
margin: 10px 0;
transition: 0.6s;border-radius: 40px 40px 40px 0;
}

#contactform select
{
width: 100%;
padding: 1%;
background: #FFF;
border: 1px solid #ddd;
padding: 15px 25px;
border-radius: 40px 40px 40px 0;
margin: 10px 0;transition: 0.6s;
color:#595966;  -webkit-appearance: none;
}
#contactform textarea
{
width: 100%;
height: 125px;
background: #fff;
border: 1px solid #ddd;
padding: 25px;
margin: 10px 0;transition: 0.6s;
border-radius: 40px 40px 40px 0;
}
#contactform input[type="checkbox"] {
    box-sizing: border-box;
margin-right: 10px;
  width: auto;
}

#contactform input:focus, #contactform textarea:focus, #contactform select:focus
{
border-radius: 40px 0px 40px 40px;transition: 0.6s;border: 1px solid #EB1F27 !important;
}
::-webkit-input-placeholder { /* WebKit browsers */
color:#595966 !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#595966 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#595966 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:#595966 !important;
opacity: 1;
}
#contactform input:focus, #contactform textarea:focus, #contactform select:focus
{
background: #fff;
border: 1px solid #ccc;
}
#contactform input.wpcf7-submit
{
width: 200px;
margin: 15px;
background: #EB1F27;
color: #fff;
font-size: 18px;
text-transform: uppercase;
cursor: pointer;
padding: 15px;
border: none;
}
#contactform input.wpcf7-submit:hover
{
background: #000;
transition: 0.6s;
}
textarea, iframe
{
max-width: 100%;
}

#sidebar {margin:10px 0;}
#sidebar label.screen-reader-text{display:none;}
#sidebar input {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#sidebar input#s {border:1px solid #ccc;color:#1D1D1B;padding:5px;background:#fafafa;width:70%;}
#sidebar input#s:focus {background:#fff;}
#sidebar input#searchsubmit {width:25%;background:#3C5AA8;color:#fff;border:none;padding:5px;}
.widget {margin:10px 0 25px 0;}
.widget h3 {border-bottom:2px solid #1D1D1B;margin:0 0 15px 0;text-transform:uppercase;padding:0 0 2px 0;text-align:left;font-weight:700}
.widget span.post-date {color:#1D1D1B;font-size:12px;}
.widget ul {margin:10px 0 0 0px;}
.widget ul li {margin:0 0 12px 0;list-style-type:square;border-bottom:1px solid #eee;}

#commentlist{padding:5px;}
#commentlist .comment{padding:5px;margin:0 0 10px 0;border:1px solid #eee;border-radius:5px;}
#commentlist .fn{font-weight:bold;font-style:normal;}
#commentlist .commentmetadata {font-size:11px;margin:0 0 5px 0;}
#commentlist .commentmetadata a{color:#888;font-size:11px;}
#respond {padding:10px;background:#fafafa;border:1px solid #ddd;border-radius:5px;margin:5px;}
#respond h4{margin:0 0 10px 0;}
#respond p{margin:0 0 10px 0;}
#respond input, #respond textarea {padding:3px;background:#fafafa;border:1px solid #ccc;border-radius:3px;}
#respond input:focus, #respond textarea:focus {background:#fff;}
#respond textarea{width:500px;max-width:90%;}
#respond input#author{width:200px;margin:0 5px 0 0;}
#respond input#email{width:200px;margin:0 5px 0 0;}

#bottom {background: #292929; color: grey;padding-top: 40px;padding-bottom: 25px;}
#bottom a{ color: grey;}
#bottom strong{ color: grey;}
#bottom a:hover{color:#fff;}
#bottom i{ color: grey;font-size:18px;margin-right:2px;}
#bottom span{margin-left: 25px;}
#bottom h4{text-align: center;font-weight:700;margin: 25px 0;color: #252525;text-transform: uppercase;}
#bottom .widget h3{font-size:25px;border:none;text-align:left;font-weight: 700;color:grey;margin:0px 0px 40px;  position: relative;}
#bottom .widget h3:after {position: absolute;content: "";background: grey;width: 12%;height: 1px;
    left: 0; bottom: -20px;}
#bottom .col-md-3 li{display:table;}
#bottom .widget li{border:none; text-decoration: none;line-height:25px;color:#EB1D24;list-style:none;transition: 0.6s;display:flex;}
#bottom .widget li:before {content: "\f04b";margin-right: 10px;font-family: "Font Awesome 5 Free";font-weight: 900;font-style: normal;font-size: 10px; color: dimgray;}
#bottom li:hover{margin-left: 10px;transition: 0.6s;}

#bottom .footer-contact li{line-height:35px;color: dimgray;}
#bottom .footer-contact .address:before {content: "\f3c5";  margin-right: 10px;font-size: 14px;}
#bottom .footer-contact .phone:before {content: "\f2a0";  margin-right: 10px;font-size: 14px;}
#bottom .footer-contact .email:before {content: "\f0e0";  margin-right: 10px;font-size: 14px;}

#footer{clear:both; background:#333;color:grey; padding:15px 0; text-align:center;font-size:14px;}
#footer a{color:grey;}
#footer a:hover{color:#EB1D24;}
.fleft {text-align:center;}
.fright {display: none;}




@media screen and (max-width:980px) {
body {min-width:280px;}
.inner {width:100%;padding:0%;}
img.alignleft, img.alignright{float:none;display:block;margin:10px auto;}
#hright {float:none; display: block;width: 100%;}
#hright .col-md-12{padding:0 !important;}

.more-link {width:100%;}

#header{padding: 10px 0 0 0;height: auto;position: relative;left: 0;top: 0;padding: 0px 0;right: 0;transition: all 0.5s;z-index: 997;}
#header.headerscrolled {position: relative;background: #fff;padding: 0px 0;top: 0px;z-index: 9997;transition: all 0.5s;}
#header2{padding: 10px 0 0 0;height: auto;position: relative;left: 0;top: 0;padding: 0px 0;right: 0;transition: all 0.5s;z-index: 997;}
#header2.headerscrolled {position: relative;background: #fff;padding: 0px 0;top: 0px;z-index: 9997;transition: all 0.5s;}
	
#logo {float:none;text-align:center;margin:0 auto;}
#logo img {max-width:70%;height:auto;}

    .classy-navbar{background:#1D1D1B;height:45px !important ;text-align: right; }
    .breakpoint-on .classynav ul li{text-align: left; }
    .classy-navbar{padding:0 25px !important;}
    .header-wrapper{padding:10px;}
    .header-wrapper .col-md-8{text-align: center;}
    .header-wrapper .col-md-4{text-align: center;}
	#header-bg{padding-bottom: 0%;}
    #header-bg img{display: none;}
    #intro p { text-align: center;padding: 0 10px;}
    #skills .black-btn{margin:25px 0;display: block;}
    #skills .icon{width: 94%;margin:35px 15px;}
	.ctc-dark .col-md-8{border-right:none;}
    #chooseus {width: 100%;text-align: center;}
	#chooseus img{float:none;}
	#chooseus .icon-box { float: none; margin: 20px 0; margin-right: 0px;}
    #services .card{width: 94%;padding: 75px 15px;margin:35px 15px;}
    #getintouch .col-md-3{border: none;-webkit-box-shadow: 0 15px 40px rgba(0,0,0,0.13);box-shadow: 0 15px 40px rgba(0,0,0,0.13);}
}


/* Dark Mode
@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    color: #ffffff;
  }

p,#skills .icon p{color:#000}
#header-bg p,#skills p,#header-bg h1,#header-bg h2,#header-bg span,#clients h2,#chooseus h1,#chooseus h3,#chooseus p{color:#fff}
.classy-nav-container a,.classynav ul li .dropdown li a,.area-list li a{color:#fff !important}
.post p,#page h3,#page h4,#page li,#page a,#getintouch .col-md-3 a,#getintouch h4,#contactform *{color:#fff}
.headerscrolled .classy-nav-container a,.area-list li:hover  a,.columnone{color:#000 !important}
    .darklogo{display:block}
    .custom-logo{display: none}
    .headerscrolled .custom-logo{display:block}
    .headerscrolled .darklogo{display: none}
} */