@charset "UTF-8";

/******01. common**************************/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");

body { font-family:"Roboto", sans-serif; font-size:15px; font-weight:400; font-style:normal; color:#8f98a8; }
.img,img { max-width:100%; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.f-left { float:left; }
.f-right { float:right; }
.fix { overflow:hidden; }
a { text-decoration:none; }
a,.button { -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
a:focus,.button:focus { text-decoration:none; outline:none; }
a:focus,a:hover { color:inherit; text-decoration:none; }
a,button { color:inherit; outline:medium none; }
button:focus,input:focus,input:focus,textarea,textarea:focus { outline:0; }
.uppercase { text-transform:uppercase; }
.capitalize { text-transform:capitalize; }
h1,h2,h3,h4,h5,h6 { font-family:"Roboto", sans-serif; color:#040021; margin-top:0px; font-weight:700; text-transform:normal; line-height:1.16; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color:inherit; }
h1 { font-size:90px; line-height:1; letter-spacing:0; }
@media only screen and (min-width:768px) and (max-width:991px) { 
h1 { font-size:50px; }}
h2 {  letter-spacing:0; line-height:58px; }
@media only screen and (min-width:992px) and (max-width:1200px) { 
h2 {  line-height:48px; }}
@media (max-width:767px) { 
h2 { font-size:25px; line-height:32px; }}
h3 { font-size:28px; }h4 { font-size:24px; line-height:58px; }
@media only screen and (min-width:992px) and (max-width:1200px), only screen and (min-width:768px) and (max-width:991px) { 
h4 { font-size:22px; }}
@media (max-width:767px) {
h4 { font-size:22px; line-height:28px; }}
h5 { font-size:18px; }
h6 { font-size:16px; }
ul { margin:0px; padding:0px; }
li { list-style:none; }
p { font-size:15px; font-weight:400; line-height:25px; color:#8f98a8; margin-bottom:0; }
hr { border-bottom:1px solid #919191; border-top:0 none; margin:45px 0; padding:0; }
label { color:#2c2a3a; cursor:pointer; font-size:14px; font-weight:400; }
*::-moz-selection { background:#040021; color:#FFFFFF; text-shadow:none; }
*::selection { background:#040021; color:#FFFFFF; text-shadow:none; }

/*--- Input Placeholder-----------------------------------------*/
*::-moz-placeholder { color:#8f98a8; font-size:15px; opacity:0.7; }
*::placeholder { color:#8f98a8; font-size:15px; opacity:0.7; }

/*--- select-----------------------------------------*/
select { color:#B9B9B9; font-size:14px; opacity:1; appearance:none; }
#scrollUp { background:#6639FF; height:35px; width:35px; right:50px; bottom:100px; color:#FFF; font-size:20px; text-align:center; line-height:34px; }
#scrollUp:hover { background:#8F98A8; }

/*--- Common Classes-----------------------------------------*/
.fix { overflow:hidden; }
.clear { clear:both; }
.p-relative { position:relative; }
.p-absolute { position:absolute; }
.pt-360 { padding-top:360px; }
.fw-5 { font-weight:500; }
.fs-16 { font-size:16px; }

/*--- Background color-----------------------------------------*/
.grey-bg { background:#F5F5F5; }
.white-bg { background:#FFFFFF; }
.black-bg { background:#040021; }

/*--- color-----------------------------------------*/
.white-color { color:#FFFFFF !important; }
.black-color { color:#040021; }
.theme-color { color:#6639ff; }
/*--- Margin & Padding-----------------------------------------*/

/*-- Margin Top --*/
.mt-5 { margin-top:5px; }.mt-10 { margin-top:10px; }.mt-15 { margin-top:15px; }.mt-20 { margin-top:20px; }.mt-25 { margin-top:25px; }.mt-30 { margin-top:30px; }.mt-35 { margin-top:35px; }.mt-40 { margin-top:40px; }.mt-45 { margin-top:45px; }.mt-50 { margin-top:50px; }.mt-55 { margin-top:55px; }.mt-60 { margin-top:60px; }.mt-65 { margin-top:65px; }.mt-70 { margin-top:70px; }.mt-75 { margin-top:75px; }.mt-80 { margin-top:80px; }.mt-85 { margin-top:85px; }.mt-90 { margin-top:90px; }.mt-95 { margin-top:95px; }.mt-100 { margin-top:100px; }.mt-105 { margin-top:105px; }.mt-110 { margin-top:110px; }.mt-115 { margin-top:115px; }.mt-120 { margin-top:120px; }.mt-125 { margin-top:125px; }.mt-130 { margin-top:130px; }.mt-135 { margin-top:135px; }.mt-140 { margin-top:140px; }.mt-145 { margin-top:145px; }.mt-150 { margin-top:150px; }.mt-155 { margin-top:155px; }.mt-160 { margin-top:160px; }.mt-165 { margin-top:165px; }.mt-170 { margin-top:170px; }.mt-175 { margin-top:175px; }.mt-180 { margin-top:180px; }.mt-185 { margin-top:185px; }.mt-190 { margin-top:190px; }.mt-195 { margin-top:195px; }.mt-200 { margin-top:200px; }

/*-- Margin Bottom --*/
.mb-5 { margin-bottom:5px; }.mb-10 { margin-bottom:10px; }.mb-15 { margin-bottom:15px; }.mb-20 { margin-bottom:20px; }.mb-25 { margin-bottom:25px; }
.mb-30 { margin-bottom:30px; }.mb-35 { margin-bottom:35px; }.mb-40 { margin-bottom:40px; }.mb-45 { margin-bottom:45px; }.mb-50 { margin-bottom:50px; }.mb-55 { margin-bottom:55px; }.mb-60 { margin-bottom:60px; }.mb-65 { margin-bottom:65px; }.mb-70 { margin-bottom:70px; }.mb-75 { margin-bottom:75px; }.mb-80 { margin-bottom:80px; }.mb-85 { margin-bottom:85px; }.mb-90 { margin-bottom:90px; }.mb-95 { margin-bottom:95px; }.mb-100 { margin-bottom:100px; }.mb-105 { margin-bottom:105px; }.mb-110 { margin-bottom:110px; }.mb-115 { margin-bottom:115px; }.mb-120 { margin-bottom:120px; }.mb-125 { margin-bottom:125px; }.mb-130 { margin-bottom:130px; }.mb-135 { margin-bottom:135px; }.mb-140 { margin-bottom:140px; }.mb-145 { margin-bottom:145px; }.mb-150 { margin-bottom:150px; }.mb-155 { margin-bottom:155px; }.mb-160 { margin-bottom:160px; }.mb-165 { margin-bottom:165px; }.mb-170 { margin-bottom:170px; }
.mb-175 { margin-bottom:175px; }.mb-180 { margin-bottom:180px; }.mb-185 { margin-bottom:185px; }.mb-190 { margin-bottom:190px; }.mb-195 { margin-bottom:195px; }.mb-200 { margin-bottom:200px; }

/*-- Margin Left --*/
.ml-5 { margin-left:5px; }.ml-10 { margin-left:10px; }.ml-15 { margin-left:15px; }.ml-20 { margin-left:20px; }.ml-25 { margin-left:25px; }.ml-30 { margin-left:30px; }.ml-35 { margin-left:35px; }.ml-40 { margin-left:40px; }.ml-45 { margin-left:45px; }.ml-50 { margin-left:50px; }.ml-55 { margin-left:55px; }.ml-60 { margin-left:60px; }.ml-65 { margin-left:65px; }.ml-70 { margin-left:70px; }.ml-75 { margin-left:75px; }.ml-80 { margin-left:80px; }
.ml-85 { margin-left:85px; }.ml-90 { margin-left:90px; }.ml-95 { margin-left:95px; }.ml-100 { margin-left:100px; }.ml-105 { margin-left:105px; }
.ml-110 { margin-left:110px; }.ml-115 { margin-left:115px; }.ml-120 { margin-left:120px; }.ml-125 { margin-left:125px; }.ml-130 { margin-left:130px; }
.ml-135 { margin-left:135px; }.ml-140 { margin-left:140px; }.ml-145 { margin-left:145px; }.ml-150 { margin-left:150px; }.ml-155 { margin-left:155px; }
.ml-160 { margin-left:160px; }.ml-165 { margin-left:165px; }.ml-170 { margin-left:170px; }.ml-175 { margin-left:175px; }.ml-180 { margin-left:180px; }
.ml-185 { margin-left:185px; }.ml-190 { margin-left:190px; }.ml-195 { margin-left:195px; }.ml-200 { margin-left:200px; }

/*-- Margin Right --*/
.mr-5 { margin-right:5px; }.mr-10 { margin-right:10px; }.mr-15 { margin-right:15px; }.mr-20 { margin-right:20px; }.mr-25 { margin-right:25px; }
.mr-30 { margin-right:30px; }.mr-35 { margin-right:35px; }.mr-40 { margin-right:40px; }.mr-45 { margin-right:45px; }.mr-50 { margin-right:50px; }
.mr-55 { margin-right:55px; }.mr-60 { margin-right:60px; }.mr-65 { margin-right:65px; }.mr-70 { margin-right:70px; }.mr-75 { margin-right:75px; }
.mr-80 { margin-right:80px; }.mr-85 { margin-right:85px; }.mr-90 { margin-right:90px; }.mr-95 { margin-right:95px; }.mr-100 { margin-right:100px; }
.mr-105 { margin-right:105px; }.mr-110 { margin-right:110px; }.mr-115 { margin-right:115px; }.mr-120 { margin-right:120px; }.mr-125 { margin-right:125px; }.mr-130 { margin-right:130px; }.mr-135 { margin-right:135px; }.mr-140 { margin-right:140px; }.mr-145 { margin-right:145px; }.mr-150 { margin-right:150px; }.mr-155 { margin-right:155px; }.mr-160 { margin-right:160px; }.mr-165 { margin-right:165px; }.mr-170 { margin-right:170px; }.mr-175 { margin-right:175px; }.mr-180 { margin-right:180px; }.mr-185 { margin-right:185px; }.mr-190 { margin-right:190px; }.mr-195 { margin-right:195px; }
.mr-200 { margin-right:200px; }

/*-- Padding Top --*/
.pt-5 { padding-top:5px; }.pt-10 { padding-top:10px; }.pt-15 { padding-top:15px; }.pt-20 { padding-top:20px; }.pt-25 { padding-top:25px; }.pt-30 { padding-top:30px; }.pt-35 { padding-top:35px; }.pt-40 { padding-top:40px; }.pt-45 { padding-top:45px; }.pt-50 { padding-top:50px; }.pt-55 { padding-top:55px; }.pt-60 { padding-top:60px; }.pt-65 { padding-top:65px; }.pt-70 { padding-top:70px; }.pt-75 { padding-top:75px; }.pt-80 { padding-top:80px; }
.pt-85 { padding-top:85px; }.pt-90 { padding-top:90px; }.pt-95 { padding-top:95px; }.pt-100 { padding-top:100px; }.pt-105 { padding-top:105px; }
.pt-110 { padding-top:110px; }.pt-115 { padding-top:115px; }.pt-120 { padding-top:120px; }.pt-125 { padding-top:125px; }.pt-130 { padding-top:130px; }
.pt-135 { padding-top:135px; }.pt-140 { padding-top:140px; }.pt-145 { padding-top:145px; }.pt-150 { padding-top:150px; }.pt-155 { padding-top:155px; }
.pt-160 { padding-top:160px; }.pt-165 { padding-top:165px; }.pt-170 { padding-top:170px; }.pt-175 { padding-top:175px; }.pt-180 { padding-top:180px; }
.pt-185 { padding-top:185px; }.pt-190 { padding-top:190px; }.pt-195 { padding-top:195px; }.pt-200 { padding-top:200px; }

/*-- Padding Bottom --*/
.pb-5 { padding-bottom:5px; }.pb-10 { padding-bottom:10px; }.pb-15 { padding-bottom:15px; }.pb-20 { padding-bottom:20px; }.pb-25 { padding-bottom:25px; }
.pb-30 { padding-bottom:30px; }.pb-35 { padding-bottom:35px; }.pb-40 { padding-bottom:40px; }.pb-45 { padding-bottom:45px; }.pb-50 { padding-bottom:50px; }.pb-55 { padding-bottom:55px; }.pb-60 { padding-bottom:60px; }.pb-65 { padding-bottom:65px; }.pb-70 { padding-bottom:70px; }.pb-75 { padding-bottom:75px; }.pb-80 { padding-bottom:80px; }.pb-85 { padding-bottom:85px; }.pb-90 { padding-bottom:90px; }.pb-95 { padding-bottom:95px; }.pb-100 { padding-bottom:100px; }.pb-105 { padding-bottom:105px; }.pb-110 { padding-bottom:110px; }.pb-115 { padding-bottom:115px; }.pb-120 { padding-bottom:120px; }.pb-125 { padding-bottom:125px; }.pb-130 { padding-bottom:130px; }.pb-135 { padding-bottom:135px; }.pb-140 { padding-bottom:140px; }.pb-145 { padding-bottom:145px; }.pb-150 { padding-bottom:150px; }.pb-155 { padding-bottom:155px; }.pb-160 { padding-bottom:160px; }.pb-165 { padding-bottom:165px; }.pb-170 { padding-bottom:170px; }.pb-175 { padding-bottom:175px; }.pb-180 { padding-bottom:180px; }.pb-185 { padding-bottom:185px; }.pb-190 { padding-bottom:190px; }.pb-195 { padding-bottom:195px; }.pb-200 { padding-bottom:200px; }

/*-- Padding Left --*/
.pl-5 { padding-left:5px; }.pl-10 { padding-left:10px; }.pl-15 { padding-left:15px; }.pl-20 { padding-left:20px; }.pl-25 { padding-left:25px; }.pl-30 { padding-left:30px; }.pl-35 { padding-left:35px; }.pl-40 { padding-left:40px; }.pl-45 { padding-left:45px; }.pl-50 { padding-left:50px; }.pl-55 { padding-left:55px; }.pl-60 { padding-left:60px; }.pl-65 { padding-left:65px; }.pl-70 { padding-left:70px; }.pl-75 { padding-left:75px; }.pl-80 { padding-left:80px; }.pl-85 { padding-left:85px; }.pl-90 { padding-left:90px; }.pl-95 { padding-left:95px; }.pl-100 { padding-left:100px; }.pl-105 { padding-left:105px; }.pl-110 { padding-left:110px; }.pl-115 { padding-left:115px; }.pl-120 { padding-left:120px; }.pl-125 { padding-left:125px; }.pl-130 { padding-left:130px; }.pl-135 { padding-left:135px; }.pl-140 { padding-left:140px; }.pl-145 { padding-left:145px; }.pl-150 { padding-left:150px; }
.pl-155 { padding-left:155px; }.pl-160 { padding-left:160px; }.pl-165 { padding-left:165px; }.pl-170 { padding-left:170px; }.pl-175 { padding-left:175px; }.pl-180 { padding-left:180px; }.pl-185 { padding-left:185px; }.pl-190 { padding-left:190px; }.pl-195 { padding-left:195px; }.pl-200 { padding-left:200px; }

/*-- Padding Right --*/
.pr-5 { padding-right:5px; }.pr-10 { padding-right:10px; }.pr-15 { padding-right:15px; }.pr-20 { padding-right:20px; }.pr-25 { padding-right:25px; }
.pr-30 { padding-right:30px; }.pr-35 { padding-right:35px; }.pr-40 { padding-right:40px; }.pr-45 { padding-right:45px; }.pr-50 { padding-right:50px; }
.pr-55 { padding-right:55px; }.pr-60 { padding-right:60px; }.pr-65 { padding-right:65px; }.pr-70 { padding-right:70px; }.pr-75 { padding-right:75px; }
.pr-80 { padding-right:80px; }.pr-85 { padding-right:85px; }.pr-90 { padding-right:90px; }.pr-95 { padding-right:95px; }.pr-100 { padding-right:100px; }
.pr-105 { padding-right:105px; }.pr-110 { padding-right:110px; }.pr-115 { padding-right:115px; }.pr-120 { padding-right:120px; }.pr-125 { padding-right:125px; }.pr-130 { padding-right:130px; }.pr-135 { padding-right:135px; }.pr-140 { padding-right:140px; }.pr-145 { padding-right:145px; }.pr-150 { padding-right:150px; }.pr-155 { padding-right:155px; }.pr-160 { padding-right:160px; }.pr-165 { padding-right:165px; }.pr-170 { padding-right:170px; }
.pr-175 { padding-right:175px; }.pr-180 { padding-right:180px; }.pr-185 { padding-right:185px; }.pr-190 { padding-right:190px; }.pr-195 { padding-right:195px; }.pr-200 { padding-right:200px; }

/*-- Botton --*/
.grb-btn { font-size:18px; font-weight:500; color:#FFFFFF; text-transform:uppercase; padding:0 20px; height:60px; line-height:60px; background:#6639ff; display:inline-block; border-radius:3px; min-width:150px; text-align:center; position:relative; overflow:hidden; }
.grb-btn:before { background-color:#FFF; content:""; height:150px; left:-75px; position:absolute; top:-35px; transform:rotate(35deg); transition:all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width:40px; opacity:0; }
.grb-btn i { font-size:15px; color:#040021; margin-left:10px; height:30px; width:30px; text-align:center; line-height:30px; border-radius:3px; background:#FFFFFF; }
.grb-btn.st-1 { background:#6639FF; }
.grb-btn.st-1 i { color:#6639FF; }
.grb-btn.st-2 { background:#8500d1; }
.grb-btn.st-3 { background:#FFC400; color:#040021; }
.grb-btn:hover { background:#6639FF !important; color:#FFFFFF !important; }
.grb-btn:hover:before { left:120%; transition:all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity:0.25; }
.grb-video { font-size:20px; color:#6639ff; height:60px; width:60px; text-align:center; line-height:60px; display:inline-block; background:#FFFFFF; border-radius:50%; }
.grb-video:hover { color:#6639FF; }
.grb-video.pr-btn { width:86px; }
.grb-video.st-3 { color:#FFC400; font-size:30px; background:#FFFFFF; height:100px; width:100px; line-height:100px; }
.grb-border-btn { height:60px; background:none; text-align:center; padding:0 38px; border:1px solid #FFFFFF; color:#FFFFFF; font-size:15px; font-weight:700; text-transform:uppercase; line-height:58px; display:inline-block; min-width:150px; text-align:center; position:relative; overflow:hidden; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.grb-border-btn:before { background-color:#FFF; content:""; height:150px; left:-75px; position:absolute; top:-35px; transform:rotate(35deg); transition:all 2600ms cubic-bezier(0.19, 1, 0.22, 1); width:40px; opacity:0; }
.grb-border-btn.st-1 { border-color:#6639ff; color:#6639ff; }
.grb-border-btn.st-2 { border-color:#8500d1; color:#8500d1; }
.grb-border-btn.fw-5 { font-weight:500; }
.grb-border-btn:hover { border-color:#6639ff; background:#6639ff; color:#FFFFFF; }
.grb-border-btn:hover:before { left:120%; transition:all 2300ms cubic-bezier(0.19, 1, 0.22, 1); opacity:0.25; }
.shutter-btn { position:relative; z-index:1; }
.shutter-btn::before { position:absolute; content:""; top:0; bottom:0; left:50%; right:50%; background:#1a1a2b; opacity:0; z-index:-1; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.shutter-btn:hover::before { left:0; right:0; opacity:1; }
.play_btn { position:relative; }
.play_btn:after,
.play_btn:before { position:absolute; left:0; top:0; content:""; border-radius:50%; width:100%; height:100%; border:1px solid #cccccc; animation-name:popupBtn; animation-duration:1.8s; animation-timing-function:linear; animation-iteration-count:infinite; }
.play_btn:before { animation-delay:0.8s; }
@keyframes popupBtn { 0% { transform:scale(1); opacity:0.6; } 50% { transform:scale(1.4); opacity:0.3; } 100% { transform:scale(1.8); opacity:0; } }
@media (max-width:767px) { .section-title { margin-bottom:40px; } }
.section-title .border-left { position:relative; display:inline-block; margin-bottom:17px; }.section-title .border-left:before { position:absolute; content:""; width:4px; height:20px; background:#6639ff; left:0; top:0px; }
.section-title .border-left p { font-size:18px; font-weight:700; color:#6639ff; text-transform:uppercase; padding-left:12px; display:inline-block; line-height:1; }
.section-title .border-left.st-2:before { background:#8500d1; }
.section-title .border-left.st-2 p { color:#8500d1; }
.section-title .border-left.st-3:before { background:#ffc400; }
.section-title .border-left.st-3 p { color:#ffc400; }
.section-title .border-c-bottom { position:relative; display:inline-block; margin-bottom:25px; }
.section-title .border-c-bottom:before { position:absolute; content:""; width:20px; height:4px; background:#6639ff; left:50%; bottom:-8px; transform:translateX(-50%); }
.section-title .border-c-bottom p { font-size:24px; font-weight:700; color:#6639ff; text-transform:uppercase; display:inline-block; line-height:1; }
.section-title .border-c-bottom.st-2:before { background:#8500d1; }
.section-title .border-c-bottom.st-2 p { color:#8500d1; }
.section-title .border-c-bottom.st-3:before { background:#ffc400; }
.section-title .border-c-bottom.st-3 p { color:#ffc400; }
.section-title h2 { font-size:48px; line-height:58px; color:#040021; text-transform:uppercase; margin-bottom:0; }
.section-title-inner h1 { font-size:34px;  color:#212950;  margin-bottom:0; }
.about__area .section-title h1 { font-family:"Roboto", sans-serif; font-size:34px; color:#212950; text-transform:uppercase; margin-bottom:0; line-height:40px; }
.about__area .section-title h2 {font-family:"Roboto", sans-serif;  font-size:30px; color:#EF0E07; text-transform:uppercase; margin-bottom:0; line-height:40px; }
.about__area .section-title h3 {font-family:"Roboto", sans-serif;  font-size:26px; color:#ff0066; text-transform:uppercase; margin-bottom:0; line-height:40px; }
.about__area .section-title h4 {font-family:"Roboto", sans-serif;  font-size:22px; color:#8500d1; text-transform:uppercase; margin-bottom:0; line-height:40px; }

.about__area .section-title-inner h1 { font-family:"Roboto", sans-serif; font-size:34px;  color:#212950;  margin-bottom:0; }
.about__content .text h2 { font-family:"Roboto", sans-serif; font-size:30px; color:#FF0066; margin-bottom:0; }
.about__content .text h3 { font-family:"Roboto", sans-serif; font-size:26px; color:#8500D1; margin-bottom:0; }
.about__content .text h4 { font-family:"Roboto", sans-serif; font-size:22px; color:#EF0E07; margin-bottom:0; }

@media only screen and (min-width:992px) and (max-width:1200px) { .section-title h2 { font-size:40px; line-height:48px; }}
@media only screen and (min-width:768px) and (max-width:991px) { .section-title h2 { font-size:38px; line-height:40px; }}
@media (max-width:767px) { .section-title h2 { font-size:28px; line-height:34px; }}
@media (max-width:767px) {
.section-title h2 br { display:none; }
.section-title .border-c-bottom p {font-size: 34px;}	
}



/******01. overlay**************************/
[data-overlay] { position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center; }[data-overlay]::before { position:absolute; left:0; top:0; right:0; bottom:0; content:""; }
/*-- Overlay Color --*/
[data-overlay=light]::before { background-color:#FFFFFF; }
[data-overlay=heading]::before { background-color:#040021; }
/*-- Overlay Opacity --*/
[data-opacity="1"]::before { opacity:0.1; }
[data-opacity="2"]::before { opacity:0.2; }
[data-opacity="3"]::before { opacity:0.3; }
[data-opacity="4"]::before { opacity:0.4; }
[data-opacity="5"]::before { opacity:0.5; }
[data-opacity="6"]::before { opacity:0.6; }
[data-opacity="7"]::before { opacity:0.7; }
[data-opacity="8"]::before { opacity:0.8; }
[data-opacity="9"]::before { opacity:0.9; }

/******02. header**************************/
.header__top { padding-top:10px; padding-bottom:6px; }
.logo { line-height:100px; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .logo { line-height:80px; }}
.header__main { position:absolute; top:0; left:0; right:0; z-index:100; border-bottom:1px solid #5A5A5A; }
.header-main-1 { position:absolute; top:70px; left:0; right:0; z-index:100; padding-bottom:5px; border-bottom:0; }
@media only screen and (min-width:768px) and (max-width:991px) { .header-main-1 { border-top:1px solid #8F98A8; top:70px; padding-bottom:0; background:#FFFFFF; }}
@media (max-width:767px) { .header-main-1 { padding-bottom:0; background:#FFFFFF; top:0; }}
.header-main-1::after { position:absolute; content:""; width:400px; height:100px; background:white; right:0; top:12px; z-index:-1; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .header-main-1::after { display:none; }}
.header-main-1 .logo { position:relative; z-index:5; }.header-main-1 .header__menu-area { position:relative; margin-top:12px; z-index:5; background:#FFFFFF; border-top-left-radius:90px; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .header-main-1 .header__menu-area { margin-top:0; }}
.header-main-1.sticky .main-menu ul li:hover a { color:#6639FF; }
.header-main-1 .logo-text-white { display:none; }
.header-main-1 .logo-text-black { display:block; }
.header-main-1 .main-menu ul li a { color:#040021; }
.header-main-1 .header__search a { color:#040021; }
.header-main-1.sticky { padding-bottom:0; border-top:0; }
.header-main-1.sticky:after { display:none; }
.sticky.header-main-1 .header__menu-area { margin-top:0; }
.sticky .logo-bg-1 { display:none; }
.sticky .menu-bg-1 { display:none; }
.header-main-2 { top:70px; border-bottom:0; background:#040021;}
@media (max-width:767px) { .header-main-2 { top:0; }}
.header-main-2 .main-menu nav > ul > li { position:relative; }.header-main-2 .main-menu nav > ul > li:before { position:absolute; content:url(../images/menu-link-shape.png); bottom:0; left:50%; transform:translateX(-50%); line-height:10px; opacity:0; visibility:hidden; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -ms-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s; }
.header-main-2 .main-menu nav > ul > li:hover:before { opacity:1; visibility:visible; }
.header-main-2 .header__search { margin-left:30px; }
@media only screen and (min-width:1201px) and (max-width:1400px) { .header-main-2 .header__search { margin-left:20px; }}
@media (max-width:767px) { .header-main-2 .header__search { margin-left:0; }}
.menu-cta-2 { background:#ffc400; width:220px; height:100%; margin-left:26px; float:right; padding-top:26px; padding-bottom:20px; max-height:100px; }
.menu-cta-2 li { display:inline-block; padding-left:15px; }
.menu-cta-2 { position:relative; }
.menu-cta-2:before { position:absolute; bottom:-47px; content:""; width:100%; height:47px; background:#ffc400; clip-path:polygon(0 0, 100% 0, 0 100%); }
.menu-cta-2:after { position:absolute; bottom:-47px; content:""; width:34px; height:47px; bottom:-47px; left:-34px; background:#ff8800; clip-path:polygon(0 0, 100% 0, 100% 100%); }
.sticky .menu-cta-2:before { display:none; }
.sticky .menu-cta-2:after { display:none; }
.menu-cta-2 .cta__content span { font-size:20px; font-weight:800; line-height:1; }.menu-cta-2 .cta__content span a:hover { color:#040021; opacity:0.8; }
.menu-cta-2 .cta__icon span { width:37px; height:37px; line-height:37px; margin-top:6px; background:#FFFFFF; }
.menu-cta-2 .cta__icon span i { font-size:20px; line-height:37px; color:#040021; }
.header-main-3 { border-color:#555555; }
.h3-bar { display:inline-block; position:absolute; right:50px; top:50px; transform:translate(50%, -50%); }
.h3-bar a { font-size:30px; color:#FFFFFF; }.h3-bar a i { font-weight:700; }
.sticky .h3-bar a { color:#040021; }
.menu-cta-3 { float:right; align-items:center; padding-top:25px; margin-left:35px; }
.menu-cta-3 li { display:inline-block; }
.menu-cta-3 .cta__content p { color:#FFFFFF; font-weight:500; text-transform:uppercase; }
.sticky .menu-cta-3 .cta__content p { color:#040021; }
.menu-cta-3 .cta__content span { font-size:20px; font-weight:800; color:#ffc400; line-height:1; }
.menu-cta-3 .cta__content span a:hover { color:#ffc400; opacity:0.8; }
.sticky .menu-cta-3 .cta__content span { color:#040021; }
.logo-bg-1 { position:absolute; top:-1px; left:-118px; z-index:-1; }
@media only screen and (min-width:1201px) and (max-width:1400px) { .logo-bg-1 { left:-130px; }}
@media only screen and (min-width:992px) and (max-width:1200px) { .logo-bg-1 { left:-115px; }}
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .logo-bg-1 { display:none; }}
.logo-bg-1 img { max-width:inherit; }
.menu-bg-1 { position:absolute; top:0px; left:-80px; z-index:-1; }
@media only screen and (min-width:1201px) and (max-width:1400px) { .menu-bg-1 { left:-65px; }}
@media only screen and (min-width:992px) and (max-width:1200px) { .menu-bg-1 { left:-96px; }}
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .menu-bg-1 { display:none; }}
.menu-bg-1 img { max-width:inherit; }
.main-menu { display:inline-block; font-family:"Roboto", sans-serif;}
.main-menu ul li { display:inline-block; margin:0px 15px; position:relative;/*submenu start*/ /*submenu end*/}
.main-menu ul li a { font-size:15px; color:#FFFFFF; text-transform:uppercase; display:inline-block; padding:40px 0; line-height:20px; font-weight:500; }
.main-menu ul li .sub-menu { font-family:"Roboto", sans-serif; background:#FFFFFF none repeat scroll 0 0; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); left:0; opacity:0; position:absolute; top:119%; transition:all 0.3s ease 0s; visibility:hidden; width:290px; z-index:9; border-top:4px solid #ffc400; text-align:left; padding:15px 0; }
.main-menu ul li .sub-menu li { display:block; margin:0px; padding:8px 25px 8px 25px; }
.main-menu ul li .sub-menu li a { padding:0px; display:block; color:#212237; position:relative; }
.main-menu ul li .sub-menu li a:before { content:""; width:0; height:1px; bottom:0; position:absolute; left:auto; right:0; z-index:-1; transition:width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background:#FFC400; opacity:0; }
.main-menu ul li .sub-menu li:hover a { color:#FFC400; padding-left:5px; }
.main-menu ul li .sub-menu li:hover a:before { width:100%; left:0; right:auto; }
.main-menu ul li:hover a { color:#FFC400; }
.main-menu ul li:hover.menu-item-has-children::after { color:#FFC400; opacity:1; visibility:visible; }
.main-menu ul li:hover .sub-menu { opacity:1; visibility:visible; top:100%; }
.main-menu ul li.menu-item-has-children { position:relative; }
.main-menu ul li.menu-item-has-children:after { position:absolute; content:"\002B"; font-size:12px; color:#FFFFFF; top:50%; transform:translateY(-50%); right:-14px; opacity:0; visibility:hidden; font-family:"Font Awesome 5 Pro"; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
@media only screen and (min-width:992px) and (max-width:1200px) { .main-menu ul li.menu-item-has-children:after { right:-10px; }}
.main-menu.main-menu-1 nav > ul > li { position:relative; }
.main-menu.main-menu-1 nav > ul > li:hover:before { opacity:1; visibility:visible; }
.main-menu.main-menu-1 nav > ul > li:before { position:absolute; content:""; width:calc(100% + 24px); height:30px; top:50%; transform:translateY(-50%); border-radius:3px; background:#F2EEFF; left:-12px; z-index:-1; opacity:0; visibility:hidden; }
.main-menu.main-menu-1 nav > ul > li.menu-item-has-children:before { width:calc(100% + 38px); }
.main-menu.main-menu-1 ul li:hover > a { color:#6639FF; }
.main-menu.main-menu-1 ul li .sub-menu { border-color:#6639FF; }
.main-menu.main-menu-1 ul li .sub-menu li:hover a { color:#6639FF; }
.main-menu.main-menu-1 ul li .sub-menu li a:before { background:#6639FF; }
.main-menu.main-menu-1 ul li.menu-item-has-children:after { color:#6639FF; }
.header__search { display:inline-block; margin-left:45px; }
@media only screen and (min-width:1201px) and (max-width:1400px), only screen and (min-width:992px) and (max-width:1200px) { .header__search { margin-left:20px; }}
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .header__search { margin-top:20px; }}
@media (max-width:767px) { .header__search { margin-left:0; }}
.header__search a { font-size:16px; height:35px; width:35px; text-align:center; line-height:33px; color:#FFFFFF; border:1px solid #eeeeee; border-radius:50%; display:inline-block; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .header__search a { font-size:20px; height:40px; width:40px; margin-left:20px; line-height:38px; }}
.header__search a:hover { font-weight:800; }
.header__btn { display:inline-block; margin-left:26px; float:right; margin-top:20px; }
@media only screen and (min-width:1201px) and (max-width:1400px) { .header__btn { margin-left:20px; }}
@media only screen and (min-width:992px) and (max-width:1200px) { .header__btn { display:none; }}
.sticky { position:fixed; top:0; background:#FFFFFF; z-index:800; right:0; left:0; width:100%; transition:0.4s; box-shadow:0 0 60px 0 rgba(0, 0, 0, 0.5); animation:300ms ease-in-out 0s normal none 1 running fadeInDown; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .sticky .logo { line-height:80px; }}
.sticky .main-menu ul li a { color:#040021; }
.sticky .main-menu ul > li:hover > a { color:#ffc400; }
.sticky .main-menu ul li.active > a { color:#040021; }
.sticky .header__search a { color:#040021; border-color:#8f98a8; }
.header__main.sticky { border-bottom:0; }
.logo-text-black { display:none; }
.sticky .logo-text-white { display:none; }
.sticky .logo-text-black { display:block; }
.side-toggle { background:none; border:none; padding:0; }
.side-info.info-open { right:0; }
.side-info { background:#040021; height:100%; position:fixed; z-index:950; right:-100%; top:0; width:465px; padding:45px; transition:0.6s; overflow-y:scroll; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .side-info { width:300px; padding:15px 25px; }}
.offcanvas-overlay { position:fixed; height:100%; width:100%; background:#000; z-index:900; top:0; opacity:0; visibility:hidden; }
.offcanvas-overlay.overlay-open { opacity:0.3; visibility:visible; }
.side-info-close { background:none; border:0; color:#FFF; font-size:20px; padding:0; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -ms-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s; }
.side-info-close:hover { color:#6639ff; }
.menu-sidebar { top:54%; position:absolute; right:15px; transform:translateY(-50%); }
@media only screen and (min-width:768px) and (max-width:991px) { .menu-sidebar { right:40px; }}
.menu-sidebar .side-toggle:hover { color:#6639ff; }
.offset-logo { border-bottom:1px transparent; }
.info-widget p { font-size:16px; color:#FFFFFF; opacity:0.7; }
.side-map iframe { width:100%; height:200px; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .side-gallery { display:none; }}
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .contact-infos { margin-top:20px; }}
.contact-infos h4 { font-size:24px; margin-bottom:20px; color:#FFFFFF; border-bottom:1px solid #f5f5f5; padding-bottom:10px; }
.contact-list > a { text-decoration:none; font-weight:400; font-size:18px; color:#FFFFFF; opacity:0.7; font-size:16px; display:flex; align-items:center; color:#FFFFFF; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -ms-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s; margin-bottom:5px; }
.contact-list > a:hover { opacity:1; }
.contact-list > a i { width:30px; line-height:40px; border-radius:50%; margin-right:10px; font-size:16px; flex:0 0 auto; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .contact-list > a i { width:20px; }}
.footer__social.offset-social li a { height:45px; width:45px; line-height:45px; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .footer__social.offset-social li a { width:40px; height:40px; }}
.side-image img { width:100%; }
/* mean menu */
.side-menu-icon.d-lg-none.f-right { margin:20px 0; }
.mean-container .mean-nav > ul { display:block !important; }
.mean-container a.meanmenu-reveal { display:none !important; }
.mean-container .mean-nav ul li a { width:100%; padding:10px 0; color:#FFF; border-top:1px solid #28283F; font-size:16px; text-transform:none; opacity:0.7; }
.mean-container .mean-nav ul li a i { display:none; }
.mean-container .mean-nav { background:none; margin-bottom:40px; }
.mean-container .mean-nav ul li a.mean-expand { height:34px; border:none; }
.contact__list h4 { color:#FFF; font-size:18px; margin-bottom:15px; }
.contact__list p { color:#D0D0D0; margin-bottom:2px; }
.side-portfolio a { width:33.33%; float:left; padding:0 3px; margin-bottom:6px; display:block; position:relative; }
.side-portfolio a:before { position:absolute; content:""; top:0; left:0; height:100%; width:100%; background:#6639FF; opacity:0; visibility:hidden; }
.side-portfolio a:hover:before { opacity:0.7; visibility:visible; }
.side-portfolio img { width:100%; }

/******03. hero**************************/
.hero-area { overflow:hidden; }
.hero-content { position:relative; z-index:5; }
.hero-content p { font-size:24px; color:#FFC400; font-family:700; text-transform:uppercase; margin-bottom:25px; }
.hero-content h1 { font-size:90px; font-weight:700; color:#FFFFFF; text-transform:uppercase; margin-bottom:45px; }
@media only screen and (min-width:992px) and (max-width:1200px) { .hero-content h1 { font-size:70px; }}
@media only screen and (min-width:768px) and (max-width:991px) { .hero-content h1 { font-size:50px; }}
@media (max-width:767px) { 
.hero-content h1 { font-size:40px;  } 
.hero-content p { font-size:32px;  }
.mean-container .mean-nav ul li a {font-size:17px;  }
}
@media (max-width:767px) { .hero-bg-shape { display:none; }}
.hero-s-1 { position:absolute; top:-100px; left:-100px; z-index:-1; }
.hero-s-1 img { opacity:0.8; }
.hero-s-2 { position:absolute; top:-101px; left:-69px; z-index:-1; opacity:0.8; visibility:visible; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -ms-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; }
.hero-s-2 img { opacity:0.8; }
.hero-content-btn { display:inline-block; float:left; margin-right:30px; }
@media (max-width:575px) { .hero-content-btn { float:none; }}
@media (max-width:767px) { .hero-content-btn { margin-bottom:30px; }}
.hero-content-btn .grb-btn { font-size:15px; color:#040021; background:#ffc400; padding:0 37px; }
.hero-video-btn { display:flex; align-items:center; }
.hero-video-btn .grb-video { margin-right:10px; }
.hero-video-btn p { text-transform:uppercase; color:#FFFFFF; font-size:15px; font-weight:700; margin-bottom:0; }
.hero-area.st-2:before { display:none; }
.hero-content-btn.st-2 { margin-right:0; float:none; }
.hero-content-btn.st-2 .grb-btn { color:#040021; background:#ffc400; }
.h3-s1 { position:absolute; top:-54px; right:-270px; z-index:1; }
@media only screen and (min-width:1401px) and (max-width:1600px), only screen and (min-width:1201px) and (max-width:1400px), only screen and (min-width:992px) and (max-width:1200px) { .h3-s1 { top:100px; right:-312px; }}
.h3-s2 { position:absolute; bottom:-120px; left:16%; height:204px; width:204px; border:30px solid #ffc400; border-radius:50%; z-index:2; }
.hero-line { position:absolute; width:100%; height:100%; top:0; }
.hero-line:before, .hero-line:after { position:absolute; width:1px; height:100%; background:#555555; content:""; top:0; z-index:5; }
.hero-line:before { left:100px; }
.hero-line:after { right:100px; }
.slide-bg { position:absolute; left:0; top:0; width:100%; height:100%; opacity:1; z-index:0; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1); -webkit-transition:all 8s ease-out 0s; -moz-transition:all 8s ease-out 0s; -ms-transition:all 8s ease-out 0s; -o-transition:all 8s ease-out 0s; transition:all 8s ease-out 0s; }
.single-slider { background-position:center; background-repeat:no-repeat; background-size:cover; }
.slider-height { min-height:760px; padding-top:365px; }
@media (max-width:767px) { .slider-height { min-height:400px; padding-top:90px; }}
.banner3-shape { position:absolute; bottom:-2px; left:0; right:0; }
.slider-height.st-2 { padding-top:180px;  }
@media (max-width:767px) { .slider-height.st-2 { padding-top:180px; padding-bottom:80px; }}
.swiper-slide-active .slide-bg { -webkit-transform:scale(1.12); -moz-transform:scale(1.12); transform:scale(1.12); }
.slider-overlay { position:relative; }
.slider-overlay:before { position:absolute; content:""; width:100%; height:100%; top:0; left:0; right:0; background:#040021; opacity:0; z-index:1; }
.slider-overlay-3:before { opacity:0; }
.slider-active .swiper-button-prev,
.slider-active .swiper-button-next { font-size:20px; color:#b7b7b7; height:48px; width:54px; text-align:center; line-height:46px; background:#6e6e6e; display:inline-block; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; position:static; margin:0 5px; }
.slider-nav { display:inline-block; padding-bottom:20px; position:absolute; right:65px; bottom:50px; z-index:5; }
@media (max-width:767px) { .slider-nav { display:none; }}
.slider-active .swiper-button-prev { border-radius:55% 45% 45% 55%/50% 50% 50% 50%; }
.slider-active .swiper-button-prev:hover { background:#ffc400; box-shadow:0 -7px 15px rgba(16, 0, 71, 0.1); color:#040021; }
.slider-active .swiper-button-next { border-radius:45% 55% 55% 45%/50% 50% 50% 50%; }
.slider-active .swiper-button-next:hover { background:#ffc400; box-shadow:0 7px 15px rgba(16, 0, 71, 0.1); color:#040021; }
.slider-active .swiper-button-prev:after,
.slider-active .swiper-button-next:after { display:none; }
.swiper-pagination.st-3 { display:flex; align-items:center; right:6px; width:85px; bottom:100px; position:absolute; left:auto; transform:rotate(90deg); }
.swiper-pagination.st-3 .swiper-pagination-bullet { width:12px; height:12px; display:inline-block; border-radius:50%; background:none; opacity:1; border:2px solid #555555; }
.swiper-pagination.st-3 .swiper-pagination-bullet-active { height:15px; width:15px; border:4px solid #ffc400; opacity:1; }
.grb__social.hero-social { position:absolute; bottom:60px; z-index:5; left:32px; }
.grb__social.hero-social ul li { display:block; margin:8px 0px; }
.grb__social.hero-social ul li a { background:none; border:1px solid #555555; color:white; }
.grb__social.hero-social ul li a:hover { color:#040021; border-color:#FFFFFF; background:#FFFFFF; }
.follow li { font-size:18px; font-weight:300; color:#FFFFFF; text-align:center; margin:3px 0 !important; }

/******04. cta**************************/
.grb__cta ul li { display:inline-block; padding-right:62px; position:relative; }
.grb__cta ul li:before { position:absolute; top:10px; right:29px; content:""; width:1px; height:30px; background:#f2f2f2; }
@media only screen and (min-width:768px) and (max-width:991px) { .grb__cta ul li:before { right:20px; }}
.grb__cta ul li:last-child { padding-right:0; }
.grb__cta ul li:last-child:before { display:none; }
.grb__cta.header-cta { height:54px; }
@media only screen and (min-width:768px) and (max-width:991px) { .grb__cta.header-cta ul { display:flex; justify-content:space-between; }}
.cta__icon { float:left; margin-right:10px; }
.cta__icon span { height:30px; width:30px; background:#f2eeff; display:inline-block; text-align:center; line-height:30px; border-radius:3px; margin-top:10px; }
.cta__icon span i { color:#6639ff; font-size:18px; }
.cta__content { overflow:hidden; }
.cta__content p { color:#040021; }
.cta__content span { color:#040021; font-weight:700; }
.cta__content span a:hover { color:#6639ff; }
.grb__cta.st-2 .cta__icon span { background:#ffc400; }
.grb__cta.st-2 .cta__icon span i { color:#040021; }
.grb__social ul li { display:inline-block; margin:0 5px; }
.grb__social ul li a { color:#6639ff; font-size:15px; height:35px; width:35px; display:inline-block; background:#FFFFFF; text-align:center; line-height:35px; border-radius:50%; box-shadow:0 7px 20px 0 rgba(22, 35, 145, 0.1); }
.grb__social ul li a.fb { color:#6639ff; }
.grb__social ul li a.twt { color:#01b6e5; }
.grb__social ul li a.insta { color:#d90b51; }
.grb__social ul li a.pint { color:#e20000; }
.grb__social ul li a:hover { color:#040021; background:#6639ff; }
.grb__social.f-right ul li:last-child { margin-right:0; }
.grb__social.st-2 { position:relative; padding-right:17px; }
.grb__social.st-2 ul li a { border:1px solid #FFFFFF; color:#FFFFFF; background:none; }
.grb__social.st-2 ul li a:hover { color:#040021; border-color:#FFFFFF; background:#FFFFFF; }
.social-bg-1 { position:absolute; top:-20px; left:-16px; z-index:-1; }
.newsletter-area { padding:44px 0 7px 0; background:#040021; border-bottom:1px solid #1e1b34; }
@media (max-width:767px) { .newsletter-area { padding:56px 0 30px 0; }}
.newsletter-text h4 { font-size:24px; color:#FFFFFF; line-height:1; margin-bottom:15px; }
.newsletter-text p { font-weight:400; color:#858585; padding-right:100px; }
@media (max-width:767px) { .newsletter-text p { padding-right:0; }}
.subscribe-form { position:relative; }
.subscribe-form input { width:100%; height:60px; line-height:60px; padding:0 205px 0 20px; color:#FFFFFF; border-radius:3px; background:#211f33; border:none; }
@media (max-width:767px) { .subscribe-form input { padding:0 135px 0 15px; }}
.subscribe-form input::placeholder { color:#919191; }
.subscribe-form input:-moz-placeholder { color:#919191; }
.subscribe-form button { font-size:15px; font-weight:700; text-transform:uppercase; line-height:60px; text-align:center; width:185px; background:#6639ff; color:#FFFFFF; border:none; position:absolute; top:0; right:0; bottom:0; border-radius:0 3px 3px 0; overflow:hidden; }
@media (max-width:767px) { .subscribe-form button { width:125px; }}
.subscribe-form button i { color:#FFFFFF; margin-right:10px; }
@media (max-width:767px) { .subscribe-form button i { display:none; }}
.subscribe-form button:before { background-color:#FFF; content:""; height:150px; left:-75px; position:absolute; top:-35px; transform:rotate(35deg); transition:all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width:40px; opacity:0; }
.subscribe-form button:hover:before { left:120%; transition:all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity:0.25; }
.subscribe-form.st-2 { margin-top:60px; }
.subscribe-form.st-2 input { width:100%; height:60px; line-height:60px; padding:0 165px 0 20px; color:#FFFFFF; border-radius:3px; background:#1f1a41; border:none; font-size:16px; }
@media only screen and (min-width:992px) and (max-width:1200px), (max-width:767px) { .subscribe-form.st-2 input { padding:0 120px 0 15px; }}
@media only screen and (min-width:768px) and (max-width:991px) { .subscribe-form.st-2 input { padding:0 160px 0 15px; }}
.subscribe-form.st-2 input::placeholder { color:#535353; font-size:16px; }
.subscribe-form.st-2 input:-moz-placeholder { color:#535353; font-size:16px; }
.subscribe-form.st-2 button { font-size:16px; font-weight:500; color:#FFFFFF; text-transform:uppercase; line-height:60px; text-align:center; width:145px; background:#8500d1; border:none; position:absolute; top:0; right:0; bottom:0; border-radius:0 3px 3px 0; }
@media only screen and (min-width:992px) and (max-width:1200px), (max-width:767px) { .subscribe-form.st-2 button { width:110px; }}
.subscribe-form.st-2 button i { color:#FFFFFF; margin-right:10px; }
@media only screen and (min-width:992px) and (max-width:1200px), (max-width:767px) { .subscribe-form.st-2 button i { display:none; }}
@media only screen and (min-width:992px) and (max-width:1200px), (max-width:767px) { .subscribe-form.st-3 input { padding:0 120px 0 15px; }}
@media only screen and (min-width:768px) and (max-width:991px) { .subscribe-form.st-3 input { padding:0 160px 0 15px; }}
.subscribe-form.st-3 button { width:145px; color:#040021; background:#ffc400; }
@media only screen and (min-width:992px) and (max-width:1200px), (max-width:767px) { .subscribe-form.st-3 button { width:110px; }}
.subscribe-form.st-3 button i { color:#040021; }
@media only screen and (min-width:992px) and (max-width:1200px), (max-width:767px) { .subscribe-form.st-3 button i { display:none; }}
@media (max-width:767px) { .area-404 { padding-top:80px; }}
.content-404 { padding:0 110px; }
@media only screen and (min-width:992px) and (max-width:1200px) { .content-404 { padding:0 30px; }}
@media only screen and (min-width:768px) and (max-width:991px) { .content-404 { padding:0 80px; }}
@media (max-width:767px) { .content-404 { padding:0 0; }}
.content-404 h2 { font-size:225px; font-weight:900; line-height:1; color:#6639ff; margin-bottom:10px; }
@media only screen and (min-width:992px) and (max-width:1200px) { .content-404 h2 { font-size:150px; }}
@media only screen and (min-width:768px) and (max-width:991px) { .content-404 h2 { font-size:120px; }}
@media (max-width:767px) { .content-404 h2 { font-size:70px; }}
@media only screen and (min-width:576px) and (max-width:767px) { .content-404 h2 { font-size:90px; }}
.content-404 h4 { margin-bottom:0; text-transform:uppercase; line-height:1; margin-bottom:20px; }
@media (max-width:767px) { .content-404 h4 { font-size:22px; line-height:28px; }}
.go-home .grb-border-btn { font-size:15px; font-weight:500; border-width:1px; line-height:58px; border-radius:3px; padding:0 35px; } 

/******05. about**************************/
.about__area { padding-top:70px; padding-bottom:70px; }
@media only screen and (min-width:992px) and (max-width:1200px), only screen and (min-width:768px) and (max-width:991px) { .about__area { padding-top:50px; }}
@media (max-width:767px) { .about__area { padding-top:50px; padding-bottom:30px; }}
.about__btn .grb-btn { font-size:15px; min-width:180px; }
.about__btn .grb-btn i { border-radius:50%; margin-left:20px; height:22px; width:22px; line-height:22px; font-size:10px; color:#8500d1; }
.about__btn.st-1 .grb-btn i { color:#6639ff; }
.about__area.st-2 {  padding-bottom:55px; }
@media only screen and (min-width:1201px) and (max-width:1400px) { .about__area.st-2 { padding-bottom:90px; }}
@media (max-width:767px) { .about__area.st-2 { padding-top:60px; padding-bottom:25px; }}
.about__area.st-3 { padding-top:150px; padding-bottom:90px; }
@media only screen and (min-width:768px) and (max-width:991px) { .about__area.st-3 { padding-top:120px; }}
@media (max-width:767px) { .about__area.st-3 { padding-top:60px; padding-bottom:50px; }}
.about__img-inner img { border-radius:25px; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -ms-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s; }
.about__img-inner.st-2 { margin:-50px -35px 0 -220px; }
@media only screen and (min-width:1201px) and (max-width:1400px) { .about__img-inner.st-2 { margin:30px -35px 0 -100px; }}
@media only screen and (min-width:768px) and (max-width:991px), only screen and (min-width:576px) and (max-width:767px), (max-width:767px) { .about__img-inner.st-2 { margin:0; }}
.about__img-inner.st-3 { margin-right:30px; max-width:570px; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .about__img-inner.st-3 { margin-bottom:50px; }}
.about__img .p-element .ab-border { width:300px; height:390px; position:absolute; border:20px solid #ffc400; top:-70px; left:-70px; z-index:-5; animation:scale-up-one infinite 6s linear; }
@media only screen and (min-width:992px) and (max-width:1200px) { .about__img .p-element .ab-border { bottom:-50px; left:-50px; top:auto; }}
.about__img .p-element .award { position:absolute; width:185px; text-align:center; padding:25px; background:#FFFFFF; border-radius:20px; box-shadow:0 20px 60px rgba(16, 0, 71, 0.1); right:65px; top:-70px; }
@media only screen and (min-width:992px) and (max-width:1200px), only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .about__img .p-element .award { left:45px; top:-50px; }}
.about__img .p-element .award img { margin-bottom:10px; }
.about__img .p-element .award p { font-size:16px; line-height:22px; color:#040021; }
.about__img .p-element .ab-image { position:absolute; bottom:-50px; left:-210px; }
@media only screen and (min-width:1401px) and (max-width:1600px), only screen and (min-width:1201px) and (max-width:1400px) { .about__img .p-element .ab-image { left:-90px; }}
@media only screen and (min-width:992px) and (max-width:1200px), only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .about__img .p-element .ab-image { display:none; }}
.about3-main-shape { position:absolute; top:0; left:0; bottom:0; right:0; }
.about-3-s1 { position:absolute; top:-25px; left:80px; }
@media only screen and (min-width:1201px) and (max-width:1400px) { .about-3-s1 { transform:scale(0.7); transform-origin:top left; }}
@media only screen and (min-width:992px) and (max-width:1200px), only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .about-3-s1 { display:none; }}
.about-3-s2 { position:absolute; top:30%; left:-170px; animation-name:about-3-s2; animation-duration:5s; animation-timing-function:linear; animation-iteration-count:infinite; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .about-3-s2 { display:none; }}
@keyframes about-3-s2 { 0% { top:40%; left:-170px; } 50% { top:20%; left:-170px; } 100% { top:40%; left:-170px; }}
.about-3-s3 { position:absolute; bottom:-26px; right:80px; }
@media only screen and (min-width:992px) and (max-width:1200px) { .about-3-s3 { bottom:-95px; right:21px; }}
@media only screen and (min-width:768px) and (max-width:991px) { .about-3-s3 { bottom:-12px; right:60px; }}
@media (max-width:767px) { .about-3-s3 { bottom:-12px; right:60px; transform:scale(0.8); transform-origin:bottom right; }}
.about__content.st-2 { margin-right:-45px; padding-left:45px; }
@media only screen and (min-width:576px) and (max-width:767px), (max-width:767px) { .about__content.st-2 { margin-right:0; padding-left:0; }}
.about-points { background:#fcfdff; border:1px solid #6639ff; border-radius:5px; overflow:hidden; margin-top:45px; margin-bottom:50px; }
.about-points li { width:50%; float:left; padding:31px 15px 27px 19px; }
@media only screen and (min-width:992px) and (max-width:1200px) { .about-points li { padding:31px 8px 27px 15px; }}
@media (max-width:767px) { .about-points li { width:100%; float:none; padding:26px 15px 22px 19px; }}
@media only screen and (min-width:576px) and (max-width:767px) { .about-points li { width:50%; float:left; }}
.about-points li:hover .p-icon i { color:#6639ff; }
.about-points.st-2 { border:none; background:none; margin-bottom:45px; }
.about-points.st-2 li { padding:0 20px 0 0; }
@media (max-width:767px) { .about-points.st-2 li { padding-right:0; margin-bottom:30px; }}
.about-points.st-2 li:hover .p-icon i { color:#8500d1; }
.about-points.st-2 li:hover .p-icon.st-3 i { color:#ffc400; }
.about-points.st-ab { margin-top:45px; margin-bottom:0; }
.points-heading { display:flex; align-items:center; margin-bottom:12px; }
.points-heading .p-icon { width:50px; height:50px; text-align:center; background:#FFFFFF; display:inline-block; border-radius:50%; box-shadow:0px 10px 20px rgba(0, 5, 75, 0.08); margin-right:25px; }
.points-heading .p-icon i { color:#040021; line-height:60px; font-size:28px; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.points-heading h5 { font-size:16px; font-weight:700; margin-bottom:0; display:inline-block; }
.choosing__information { background:#040021; padding:38px 34px; margin-left:-115px; position:relative; z-index:5; }
@media only screen and (min-width:992px) and (max-width:1200px) { .choosing__information { padding:20px 20px; }}
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .choosing__information { margin-left:0; }}
@media only screen and (min-width:768px) and (max-width:991px) { .choosing__information { margin-right:0; }}
@media (max-width:767px) { .choosing__information { padding:30px 25px; }}
.choosing__information ul li { display:flex; align-items:center; margin-bottom:45px; }
@media only screen and (min-width:992px) and (max-width:1200px) { .choosing__information ul li { margin-bottom:35px; }}
@media (max-width:767px) { .choosing__information ul li { display:inherit; }}
.choosing__information ul li:last-child { margin-bottom:0; }
.choosing__number { margin-right:28px; font-size:24px; }
@media (max-width:767px) { .choosing__number { margin-bottom:30px; }}
.choosing__number span { border:1px solid #8f98a8; color:#FFFFFF; height:60px; width:60px; display:inline-block; text-align:center; line-height:58px; border-radius:50%; position:relative; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -ms-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s; }
.choosing__number span:before { position:absolute; content:""; width:76px; height:76px; border:1px solid #8f98a8; border-radius:50%; top:50%; left:50%; transform:translate(-50%, -50%); }
.choosing__text h5 { color:#FFFFFF; font-size:20px; }
.choosing__text p { color:#c4c4c4; font-size:16px; }
.choosing-fl-area { background:#040021; }
@media only screen and (min-width:1201px) and (max-width:1400px) { .choosing-fl-area { padding:90px 0; }}
@media only screen and (min-width:768px) and (max-width:991px) { .choosing-container-2 { max-width:720px; }}
@media only screen and (min-width:576px) and (max-width:767px) { .choosing-container-2 { max-width:540px; }}
.choosing-fl-img { margin-left:-15px; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .choosing-fl-img { margin-left:0; }}
.choosing-fl-img:before { position:absolute; content:""; width:100%; height:100%; top:0; left:0; background:#040021; opacity:0.4; }
.choosing-fl-right { max-width:570px; }
.choosing__information.st-2 { margin-left:0; padding:12px 0 0 0; }
@media only screen and (min-width:576px) and (max-width:767px) { .choosing__information.st-2 { margin-right:100px; }}
@media only screen and (min-width:1401px) and (max-width:1600px), only screen and (min-width:1201px) and (max-width:1400px) { .choosing__information.st-2 ul li { margin-bottom:35px; }}
.choosing__information.st-2 ul li:last-child { margin-bottom:0; }
.choosing__information.st-2 .choosing__number { margin-left:8px; }
.ab-experience { margin-top:45px; overflow:hidden; }
.ab-experience.st-3 { margin-bottom:40px; }
.ab-experience-content { position:relative; overflow:hidden; width:50%; float:left; }
@media (max-width:767px) { .ab-experience-content { width:100%; margin-bottom:20px; }
.choosing__text h5 {font-size:24px; }
.choosing__text p { font-size:18px; }
}
.ab-experience-content:after { position:absolute; content:""; top:50%; right:0; transform:translateY(-50%); width:1px; height:50px; color:#f2f2f2; }
.ab-experience-icon { float:left; margin-right:30px; }
.ab-experience-icon i { font-size:70px; color:#6639ff; line-height:1; }
.ab-experience-icon.st-2 i { color:#8500d1; }
.ab-experience-icon.st-3 i { color:#ffc400; }
.ab-experience-text { overflow:hidden; }
.ab-experience-text p { font-size:18px; font-weight:700; color:#040021; }
.ab-experience-text p span { display:block; font-size:48px; color:#6639ff; line-height:1; font-weight:800; }
.ab-experience-text p span.st-2 { color:#8500d1; }
.ab-experience-text p span.st-3 { color:#ffc400; }
.ab-experience-text.st-2 p span { color:#8500d1; }
.ab-experience-p { width:50%; overflow:hidden; padding-left:40px; color:#333; font-size:16px; }
@media (max-width:767px) { .ab-experience-p { width:100%; padding-left:0; font-size:18px; text-align:justify; }}
@media (max-width:767px) { .about-details { padding-top:80px; }}
.about-details-box { background-size:cover; background-repeat:no-repeat; }
@media (max-width:767px) { .about-details-box { margin-top:0; }}
.about-details-box-content { margin-top:200px; background:#FFFFFF; padding:45px 0 0 50px; margin-left:-50px; }
@media only screen and (min-width:992px) and (max-width:1200px), only screen and (min-width:768px) and (max-width:991px) { .about-details-box-content { margin-top:250px; }}
@media (max-width:767px) { .about-details-box-content { margin-top:0; }}
.about-details-box-content h5 { font-size:18px; line-height:28px; margin-bottom:17px; }

/******06. counter**************************/
.counter__area { min-height:585px; position:relative; background-size:cover; background-position:center center; display:block; }
@media (max-width:767px) { .counter__area { padding-top:50px; padding-bottom:60px; }}
.counter__area:before { position:absolute; content:""; width:100%; height:100%; background:#040021; opacity:0.69; top:0; left:0; }
.counter-right { text-align:right; }
@media (max-width:767px) { .counter-right { text-align:left; }}
.counter-head { position:relative; z-index:5; }
.counter-left .section-title h2 { text-transform:none; padding-right:200px; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .counter-left .section-title h2 { padding-right:0; }}
.counter-inner { position:relative; }
.counter-content { background:#FFFFFF; box-shadow:0px 20px 40px rgba(16, 0, 71, 0.1); position:absolute; width:100%; overflow:hidden; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .counter-content { position:static; }}
.counter-content-left { padding:50px 70px 0px 50px; }
@media only screen and (min-width:992px) and (max-width:1200px) { .counter-content-left { padding:35px 30px 0px 35px; }}
@media (max-width:767px) { .counter-content-left { padding:20px 20px 0px 20px; }}
.counter-content-left .section-title h2 { text-transform:none; }
.counter-content-left .section-title h2 span { color:#6639ff; }
.counter-content-left > p { margin-bottom:45px; }
.single-counter { width:50%; float:left; margin-bottom:40px; }
@media only screen and (min-width:992px) and (max-width:1200px) { .single-counter { margin-bottom:35px; }}
@media (max-width:767px) { .single-counter { width:100%; margin-bottom:20px; }}
.single-counter-icon { float:left; width:75px; }
@media only screen and (min-width:992px) and (max-width:1200px) { .single-counter-icon { width:70px; }}
.single-counter-icon i { font-size:58px; color:#6639ff; line-height:1; }
@media only screen and (min-width:992px) and (max-width:1200px), (max-width:767px) { .single-counter-icon i { font-size:52px; }}
.single-counter-text { overflow:hidden; }
.single-counter-text h3 { font-size:36px; line-height:1; margin-bottom:0; }
.single-counter-text p { font-size:15px; font-weight:500; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .counter-content-right { display:none; }}
.counter-right-img { margin-left:-30px; position:relative; }
.counter-board-area { padding-top:100px; padding-bottom:50px; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center; }
@media (max-width:767px) { .counter-board-area { padding-top:60px; padding-bottom:15px; }}
.counter-board-area:before { position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:#040021; opacity:0.85; }
.counter-board-area.st-3 { padding-top:0; padding-bottom:0; }
.counter-board-area.st-3:before { display:none; }
.counter-board-border { border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding-top:65px; padding-bottom:20px; }
.counter-board-content { position:relative; z-index:5; }
.counter-board-single { text-align:center; }
.counter-board-single i { font-size:45px; color:#FFFFFF; }
.counter-board-single p { color:#FFFFFF; font-size:15px; font-weight:500; text-transform:uppercase; }
.counter-board-single.st-3 i { color:#ffc400; }
.counter-board-single.st-3 .counter-board-number { color:#040021; }
.counter-board-single.st-3 p { color:#8f98a8; }
.counter-board-number { font-size:48px; font-weight:800; color:#FFFFFF; line-height:1; margin-top:15px; margin-bottom:4px; }
.counter-board-number .odometer.odometer-auto-theme .odometer-digit, .counter-board-number .odometer.odometer-theme-default .odometer-digit { vertical-align:text-top; }
.counter-board-number .odometer.odometer-auto-theme, .counter-board-number .odometer.odometer-theme-default { line-height:1; }
.odometer.odometer-auto-theme,.odometer.odometer-theme-default { display:inline-block; vertical-align:middle; *vertical-align:auto; *zoom:1; *display:inline; position:relative; }
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { display:inline-block; vertical-align:middle; *vertical-align:auto; *zoom:1; *display:inline; position:relative; }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { display:inline-block; vertical-align:middle; *vertical-align:auto; *zoom:1; *display:inline; visibility:hidden; }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align:left; display:block; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; }
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display:block; }
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display:block; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display:block; transform:translateZ(0); -webkit-transform:translateZ(0); }
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position:absolute; }
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { -webkit-transition:-webkit-transform 2s; -moz-transition:-moz-transform 2s; -ms-transition:-ms-transform 2s; -o-transition:-o-transform 2s; transition:transform 2s; }
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); }
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); }
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating.odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating.odometer-ribbon-inner { -webkit-transition:-webkit-transform 2s; -moz-transition:-moz-transform 2s; -ms-transition:-ms-transform 2s; -o-transition:-o-transform 2s; transition:transform 2s; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); }
.odometer.odometer-auto-theme,.odometer.odometer-theme-default { font-family:"Helvetica Neue", sans-serif;	line-height:1.1em; }
.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value {text-align:center; }


/******07. testimonial**************************/
.testimonial-area.st-1 { padding-top:395px; background-repeat:no-repeat; }
@media only screen and (min-width:1201px) and (max-width:1400px) { .testimonial-area.st-1 { padding-top:420px; }}
@media only screen and (min-width:992px) and (max-width:1200px) { .testimonial-area.st-1 { padding-top:330px; }}
@media only screen and (min-width:768px) and (max-width:991px) { .testimonial-area.st-1 { padding-top:120px; background-image:none !important; }}
@media (max-width:767px) { .testimonial-area.st-1 { padding-top:60px; background-image:none !important; }
.counter-board-single p { font-size:20px; }
}
.testimonial-area.st-2 { padding-top:120px; padding-bottom:120px; }
@media (max-width:767px) { .testimonial-area.st-2 { padding-top:60px; padding-bottom:40px; }}
.testimonial-area.st-3 { padding-top:120px; padding-bottom:70px; }
@media (max-width:767px) { .testimonial-area.st-3 { padding-top:60px; padding-bottom:40px; }}
.testimonial-right-img { padding-left:100px; }
.test-i-img { position:absolute; height:296px; width:216px; border-radius:189px; border-bottom-left-radius:0; z-index:2; overflow:hidden; box-shadow:-30px -10px 30px rgba(16, 0, 71, 0.1); bottom:63px; left:30px; animation-name:test-i-img-move; animation-duration:5s; animation-timing-function:linear; animation-iteration-count:infinite; }
.testimonial-single.st-1 { border:2px solid #6639ff; border-radius:20px; padding:60px 87px 45px; margin-bottom:20px; }
.testimonial-single p { font-size:16px; color:#414141;}
@media only screen and (min-width:768px) and (max-width:991px) { .testimonial-single.st-1 { padding:60px 50px 45px; }}
@media (max-width:767px) { .testimonial-single.st-1 { padding:40px 15px 45px; }
.testimonial-single p { font-size:20px;}
.testimonial-single h5 { font-size:24px;}
}
.testimonial-single.st-3 { max-width:570px; background:#FFFFFF; padding:30px 30px; box-shadow:0px 20px 40px rgba(16, 0, 71, 0.1); position:relative; margin-top:35px; }
.testimonial-single.st-3:hover .testimonial-name.st-3 h5 a { color:#ffc400; }
.testimonial-single.st-3 > p { margin-bottom:25px; }
.testimonial-name h5 { margin-bottom:0; color:#ffc400; }
.testimonial-name.st-3 { display:inline-block; padding-top:5px; }
.testimonial-img { margin-bottom:18px; width:89px; height:89px; display:inline-block; border-radius:50%; }
.testimonial-img.st-3 { height:54px; width:54px; margin-right:20px; float:left; }
.testimonial-quote { width:90px; height:90px; text-align:center; line-height:90px; font-size:40px; color:#6639ff; background:#FFFFFF; border-radius:50%; box-shadow:0px 10px 30px rgba(16, 0, 71, 0.1); position:absolute; right:68px; bottom:-20px; z-index:5; }
@media (max-width:767px) { .testimonial-quote { display:none; }}
.testimonial-quote i { font-weight:700; }
.testimonial-quote.pos-2 { box-shadow:none; font-size:100px; background:none; top:35px; right:10px; }
@media only screen and (min-width:1201px) and (max-width:1400px) { .testimonial-quote.pos-2 { font-size:80px; top:45px; right:-15px; }}
@media only screen and (min-width:992px) and (max-width:1200px) { .testimonial-quote.pos-2 { font-size:60px; top:26px; right:-25px; }}
.testimonial-quote.st-2 { color:#8500d1; }
.testimonial-quote.st-3 { height:80px; width:80px; border:7px solid #f5f5f5; box-shadow:none; right:30px; top:-42px; bottom:auto; line-height:66px; color:#040021; background:#ffc400; }
.testimonial-quote.st-3 i { font-weight:700; font-size:35px; }
.testimonial-review { height:40px; width:150px; text-align:center; border:1px solid #6639ff; border-radius:30px; left:0; right:0; margin:0 auto; position:absolute; bottom:0; background:#FFFFFF; transform:scale(0.7); -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -ms-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s; }
.testimonial-review li { font-size:15px; line-height:38px; color:#ffc400; display:inline-block; margin:0 1px; }
.swiper-slide-active .testimonial-review { transform:scale(1); }
.testimonial-review.st-3 { position:static; transform:none; border:none; text-align:left; margin-bottom:20px; height:auto; margin-left:0; }
.testimonial-review.st-3 li { line-height:1; }
.testimonial-review.st-3 li:first-child { margin-left:0; }
.testimonial-nav-1 { display:inline-block; padding:0 5px; background:white; position:absolute; right:-70px; top:50%; transform:translateY(-50%) rotate(90deg); z-index:5; }
@media (max-width:767px) { .testimonial-nav-1 { position:static; transform:none; padding-top:40px; display:flex; justify-content:center; }}
.testimonial-nav-1 .testimonial1-button-prev, .testimonial-nav-1 .testimonial1-button-next { font-size:20px; color:#b4b4b4; height:48px; width:54px; text-align:center; line-height:46px; border:1px solid #f2f2f2; display:inline-block; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; position:static; margin:0 5px; }
.testimonial-nav-1 .testimonial1-button-prev:after, .testimonial-nav-1 .testimonial1-button-next:after { display:none; }
.testimonial-nav-1 .testimonial1-button-prev { border-radius:55% 45% 45% 55%/50% 50% 50% 50%; }
.testimonial-nav-1 .testimonial1-button-prev:hover { background:#FFFFFF; border-color:#FFFFFF; box-shadow:-7px 0 15px rgba(16, 0, 71, 0.1); color:#040021; }
.testimonial-nav-1 .testimonial1-button-next { border-radius:45% 55% 55% 45%/50% 50% 50% 50%; }
.testimonial-nav-1 .testimonial1-button-next:hover { background:#FFFFFF; border-color:#FFFFFF; box-shadow:7px 0 15px rgba(16, 0, 71, 0.1); color:#040021; }
.testimonial-nav-2 { display:inline-block; margin-left:-5px; padding-bottom:20px; padding-top:34px; }
.testimonial-nav-2 .testimonial2-btn-prev, .testimonial-nav-2 .testimonial2-btn-next { font-size:28px; color:#ababab; height:40px; width:40px; text-align:center; line-height:40px; background:#e9e9e9; display:inline-block; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; position:static; margin:0 5px; border-radius:50%; }
.testimonial-nav-2 .testimonial2-btn-prev:hover, .testimonial-nav-2 .testimonial2-btn-next:hover { background:#6639ff; color:#FFFFFF; }
.testimonial-nav-2 .testimonial2-btn-prev:after, .testimonial-nav-2 .testimonial2-btn-next:after { display:none; }
.testimonial-nav-2 .testimonial2-btn-prev.st-2:hover, .testimonial-nav-2 .testimonial2-btn-next.st-2:hover { background:#8500d1; color:#FFFFFF; }
.testimonial-nav-3 { display:inline-block; margin-left:-5px; padding-bottom:20px; padding-top:62px; float:right; }
@media (max-width:767px) { .testimonial-nav-3 { padding-top:0px; float:none; }}
.testimonial-nav-3 .testimonial-btn-prev, .testimonial-nav-3 .testimonial-btn-next { font-size:30px; color:#565656; height:50px; width:50px; text-align:center; line-height:50px; background:#e1e1e1; display:inline-block; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; position:static; margin:0 5px; }
.testimonial-nav-3 .testimonial-btn-prev:hover, .testimonial-nav-3 .testimonial-btn-next:hover { background:#ffc400; color:#040021; }
.testimonial-nav-3 .testimonial-btn-prev:after, .testimonial-nav-3 .testimonial-btn-next:after { display:none; }

/******08. team**************************/
@media (max-width:767px) { .team-area { padding-top:60px; padding-bottom:30px; }}
.team-member { max-width:400px; }
@media (max-width:767px) { .team-member { margin:0 auto; margin-bottom:40px; }}
.team-member:hover .member-img:before { height:100%; }
.team-member:hover .member-name h5 { color:#FFFFFF; }
.team-member:hover .member-name span { color:#FFFFFF; }
.team-member:hover .member-name-bg img:first-child { display:none; }
.team-member:hover .member-name-bg img:last-child { display:block; }
.team-member.st-2 { max-width:330px; }
.team-member.st-2:hover .member-name h5 { color:#040021; }
.team-member.st-2:hover .member-name span { color:#8f98a8; }
.team-member.st-2 .member-img { border-radius:135px; }
.team-member.st-2 .member-img:before { position:absolute; content:url("../images/shape/team-s1.html"); background:none; z-index:2; left:-65px; top:100%; height:100%; }
@media (max-width:767px) { .team-member.st-2 .member-img:before { display:none; }}
.team-member.st-2 .member-img:after { position:absolute; content:url("../images/shape/team-s2.html"); background:none; z-index:1; left:-155px; top:100%; height:100%; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
@media (max-width:767px) { .team-member.st-2 .member-img:after { display:none; }}
.team-member.st-2 .member-img:hover:before { top:60%; }
@media only screen and (min-width:992px) and (max-width:1200px) { .team-member.st-2 .member-img:hover:before { top:50%; }}
@media only screen and (min-width:768px) and (max-width:991px) { .team-member.st-2 .member-img:hover:before { left:-20px; top:69%; }}
.team-member.st-2 .member-img:hover:after { top:56%; }
@media only screen and (min-width:992px) and (max-width:1200px) { .team-member.st-2 .member-img:hover:after { top:46%; }}
@media only screen and (min-width:768px) and (max-width:991px) { .team-member.st-2 .member-img:hover:after { left:-120px; top:63%; }}
.team-member.st-2 .member-img:hover .member-social.st-2 { bottom:87px; }
.team-member.st-2 .member-name { margin-top:-5px; background:none; text-align:center; }
.team-member.st-2 .member-name h5 a:hover { color:#8500d1; }
.team-member.st-2 .member-name.st-2 { background:none; }
.team-member.st-3 { border-radius:10px; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -ms-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s; position:relative; max-width:330px; }
@media (max-width:767px) { .team-member.st-3 { box-shadow:0 10px 20px rgba(16, 0, 71, 0.1); margin:0 auto; margin-bottom:40px; }}
@media (max-width:767px) { .team-member.st-3 .member-social-icons.st-3 { opacity:1; visibility:visible; }}
.team-member.st-3:hover { box-shadow:0 10px 20px rgba(16, 0, 71, 0.1); }
.team-member.st-3:hover .member-img-bg { transform:rotate(30deg); }
.team-member.st-3:hover .member-name h5 a { color:#8500d1; }
.team-member.st-3:hover .member-name span { color:#8f98a8; }
.team-member.st-3:hover .member-social-icons.st-3 { opacity:1; visibility:visible; }
.team-member.st-3 .member-name { background:none; }

.member-img { position:relative; border-radius:10px; overflow:hidden; }
.member-img:before { position:absolute; content:""; width:100%; height:0%; bottom:0; background:#040021; opacity:0.4; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.member-img img { width:100%; }
.member-img.st-3 { padding-bottom:20px; position:absolute; bottom:100px; width:100%; }
.member-img.st-3:before { background:none; }
.member-img-bg { position:absolute; z-index:-1; top:2px; left:8px; right:2px; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -ms-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s; }
@media only screen and (min-width:768px) and (max-width:991px), only screen and (min-width:576px) and (max-width:767px), (max-width:767px) { .member-img-bg { top:2px; left:12px; right:5px; }}
.member-name { height:90px; margin-left:auto; margin-right:auto; padding:26px 25px 20px; border-radius:10px; margin-top:-50px; position:relative; z-index:2; width:220px; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
@media only screen and (min-width:992px) and (max-width:1200px) { .member-name { padding:26px 14px 20px; width:200px; }}
.member-name h5 { font-size:18px; font-weight:500; margin-bottom:3px; }
.member-name h5:hover a { opacity:0.8;  }
.member-name span { font-size:15px; font-weight:400; }
.member-name.st-3 { height:auto; margin-left:auto; margin-right:auto; background:none; padding:200px 0 30px 0; border-radius:0; position:static; text-align:center; margin-top:100px; }
.member-name h5 a { color:#040021; font-size:21px; }
@media only screen and ( max-width:768px) {
.member-name h5 a { font-size:24px; }
}

@media only screen and (min-width:992px) and (max-width:1200px) { .member-name.st-3 { padding:150px 0 30px 0; }}
@media only screen and (min-width:768px) and (max-width:991px), only screen and (min-width:576px) and (max-width:767px) { .member-name.st-3 { padding:240px 0 30px 0; margin-top:125px; }}
@media (max-width:767px) { .member-name.st-3 { margin-top:165px; }}
.member-name.st-3 h5 { font-size:18px; font-weight:500; margin-bottom:3px; }
.member-name.st-3 h5:hover a { color:#040021; }

/******9. hire-area**************************/
.hire-area { padding-top:85px; padding-bottom:85px; position:relative; background-repeat:no-repeat; background-size:cover; }
@media only screen and (min-width:576px) and (max-width:767px), (max-width:767px) { .hire-area { padding-top:70px; padding-bottom:70px; }}
.hire-area:before { position:absolute; content:""; width:100%; height:100%; top:0; left:0; background:#01001e; opacity:0.75; }
.hire-area.pd-hire-area { padding-top:0; padding-bottom:115px; }
@media (max-width:767px) { .hire-area.pd-hire-area { padding-bottom:60px; }}
.hire-content { padding:0px 20px; position:relative; z-index:5; }
@media only screen and (min-width:576px) and (max-width:767px) { .hire-content { padding:0px 60px; }}
@media (max-width:767px) { .hire-content { padding:5px; }}
@media only screen and (min-width:576px) and (max-width:767px), (max-width:767px) { .hire-content .section-title { margin-bottom:35px; }}
@media (max-width:767px) { .hire-content .section-title h2 { font-size:26px; }

}
.hire-btn .grb-btn { font-size:16px; font-weight:500; min-width:180px; }

/******10. form area**************************/
.contact-heading {margin-bottom: 46px;}
.contact-heading h4 { font-size: 24px; text-transform: uppercase; margin-bottom: 0;line-height: 1;}
.contact-address-list li { margin-bottom: 30px; display: flex; align-items: center;}
.contact-list-icon {   text-align: center; border-radius: 3px; background: #f5f2ff; margin-right:20px;}
.contact-list-icon i { height: 70px;  width: 70px; font-size: 30px; line-height: 70px; color: #6639ff;}
.contact-list-icon.st-3 { background: #FFFbee;}
.contact-list-icon.st-3 i {  color: #ffc400;}
.contact-list-text span { font-size: 16px; line-height: 25px; font-weight: 500; color: #040021; display: block;}
.contact-form input { background:#FFF; color: #040021; height:50px; width: 100%; border: 0; line-height: 40px; padding:5px 20px; font-size: 16px;
line-height:26px;  border: 1px solid #D8D8D8;}
.contact-form input:focus { border-color: #6639ff;}
.contact-form textarea { background:#FFF; padding: 20px 20px; width: 100%; border: 0; resize: none; font-size: 16px; line-height: 26px;
height:100px; border: 1px solid #D8D8D8;}
.contact-form textarea:focus { border-color:#6639ff;}
.contact-form .code {  float: left; width: 68%; border-radius: 2px; margin-right: 4px;}
.contact-form .captcha { background:#E4E4E4; padding:17px; border-radius: 2px;}
.contact-form button { color: #FFFfff; padding: 0 35px; height: 60px; line-height: 60px; background: #6639ff; font-size: 16px; font-weight: 500;
display: inline-block; border: 0; position:relative; overflow: hidden;}
.contact-form button i { margin-right: 10px;}
.contact-form button:before { background-color: #FFF; content: ""; height: 150px; left: -75px; position: absolute; top: -35px; transform: rotate(35deg);
transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width: 40px; opacity: 0;}
.contact-form button:hover:before { left: 120%;transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity: 0.25;}
.contact-map-area { height: 620px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.contact-map-area { height: 500px;} }
@media (max-width: 767px) {.contact-map-area { height: 400px;}
.contact-list-text span { font-size:18px;}
.contact-list-icon i { height:40px;  width:40px; font-size:20px; line-height:40px; color: #6639ff;}
}
.contact-map-area iframe { height: 100%; width: 100%;}
/****** form area**************************/

/******11. footer**************************/
.footer-area { background:#040021; }
@media (max-width:767px) { .footer-area { padding-top:60px; padding-bottom:20px; }}
@media only screen and (min-width:992px) and (max-width:1200px) { .srv-m { margin-left:-40px; }}
@media only screen and (min-width:992px) and (max-width:1200px) { .cat-m { margin-left:30px; }}
.footer-widget p { color:#858585; line-height:26px; font-size:16px; }
@media only screen and (min-width:992px) and (max-width:1200px) { .fw3 { margin-left:-15px; }}
.footer-widget-title h4 { color:#FFFFFF; line-height:1; font-size:20px; font-weight:500; text-transform:uppercase; margin-bottom:40px; }
@media (max-width:767px) {.footer-widget-title h4 { font-size:21px; }

}

.bott3 span { margin-left:40px; display:block; font-family:"Roboto", sans-serif; font-size:16px; color:#858585; margin-bottom:20px; }
.bott3 span a { color:#858585; text-decoration:none; }
.bott3 span a:hover { color:#FFF; text-decoration:none; }
.bott3 i  { float:left; font-size:20px; margin-right:10px; margin-top:3px; color:#858585; }

.footer-list li { color:#858585; font-weight:400; margin-bottom:12px; }
.footer-list li a:hover { color:#FFFFFF; }
.footer-list.st-2 li { font-size:16px; margin-bottom:15px; }
.footer-list.st-3 li { position:relative; overflow:hidden; }
.footer-list.st-3 li:hover a { padding-left:24px; }
.footer-list.st-3 li:hover:before { opacity:1; visibility:visible; left:0; }
.footer-list.st-3 li:before { position:absolute; content:""; width:12px; height:12px; border:2px solid #ffc400; border-radius:50%; left:-10px; top:5px; opacity:0; visibility:hidden; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.question-area { margin-bottom:25px; }
.footer-logo { margin-bottom:22px; }
.footer-logo.st-3 a { width:194px; height:194px; text-align:center; line-height:194px; background:#FFFFFF; display:inline-block; border-radius:50%; position:relative; }
.footer-shape-st-3 { position:absolute; top:-100px; left:-160px; }
@media (max-width:767px) { .footer-list li{ color:#E0E0E0;}
.bott3 span {  font-size:18px; color:#E0E0E0;}
.bott3 span a { color:#E0E0E0; text-decoration:none; }
.bott3 i  { color:#E0E0E0; }
.footer-widget p {color: #E0E0E0; line-height: 26px; font-size: 18px;}
.footer-shape-st-3 { display:none; } .footer-list.st-2 li {  font-size:18px; }}
.footer-shape-st-3 img { max-width:inherit; }
.question-icon { float:left; width:65px; }
.question-icon i { font-size:50px; color:#FFFFFF; line-height:1; }
.question-text { overflow:hidden; }
.question-text p { font-weight:400; color:#858585; }
.question-text span { color:#FFFFFF; font-size:18px; font-weight:700; margin-top:3px; display:inline-block; }
.footer-address { margin-bottom:25px; }
.footer-address h5 { font-size:18px; color:#FFFFFF; margin-bottom:3px; }
.footer-address p { color:#858585; }
.grb__social.footer-social li { margin:0 2px; }
.grb__social.footer-social li:first-child { margin-left:0; }
.grb__social.footer-social li a { width:30px; height:30px; color:#FFFFFF; background:#6639ff; line-height:30px; border-radius:3px; }
.grb__social.footer-social-2 { margin-top:45px; }
.grb__social.footer-social-2 li { margin:0 5px; }
.grb__social.footer-social-2 li:first-child { margin-left:0; }
.grb__social.footer-social-2 li a { width:35px; height:35px; color:#FFFFFF; background:#8500d1; line-height:35px; border-radius:50%; }
.grb__social.footer-social-2 li a:hover { color:#8500d1; background:#FFFFFF; }
.worktime-list li { margin-bottom:20px; }
.worktime-list li h5 { font-size:15px; font-weight:500; color:#FFFFFF; }
.worktime-list li h5 span { color:#ff5211; }
.worktime-list li span { color:#858585; font-weight:400; }
.copyright-area { background:#f2f2f2; }
@media only screen and (min-width:768px) and (max-width:991px), (max-width:767px) { .copyright-area { padding:30px 0; }}
.copyright-area.st-2 { border-top:1px solid #343434; background:#040021; padding:37px 0; }
.copyright-logo { background:#6639ff; text-align:center; line-height:100px; }
.logo-shape { position:relative; }
.logo-shape:before { position:absolute; content:""; width:100%; height:45px; background:#6639ff; clip-path:polygon(100% 0, 100% 100%, 0 100%); top:-45px; left:0; }.logo-shape:after { position:absolute; content:""; width:35px; height:45px; background:#4628ab; clip-path:polygon(0 0, 100% 100%, 0 100%); top:-45px; right:-35px; }
@media (max-width:767px) { .copyright-text { text-align:center; margin-bottom:20px; }}
.copyright-text p { color:#040021; font-size:17px; }
.copyright-list.st-2 li a {font-size:17px; }
.copyright-text p a:hover { color:#6639ff; }
.copyright-text.st-2 p { color:#FFFFFF; }
.copyright-text.st-2 p a:hover { color:#FFFFFF; opacity:0.7; }
@media (max-width:767px) { .copyright-list { text-align:center; float:none; }}
.copyright-list li { display:inline-block; line-height:14px; border-left:1px solid #bbbbbb; padding-left:18px; margin-left:17px; }
@media only screen and (min-width:992px) and (max-width:1200px) { .copyright-list li { padding-left:13px; margin-left:12px; }}
@media only screen and (min-width:768px) and (max-width:991px) { .copyright-list li { padding-left:10px; margin-left:6px; }}
@media (max-width:767px) { .copyright-list li { margin-bottom:10px; }}
.copyright-list li:first-child { padding-left:0; margin-left:0; border:0; }
.copyright-list li a { color:#040021; }
.copyright-list li a:hover { color:#6639ff; }
.copyright-list.st-2 li { border-left:1px solid #313131; }
.copyright-list.st-2 li:first-child { border-left:0; }
.copyright-list.st-2 li a { color:#FFFFFF; }
.copyright-list.st-2 li a:hover { opacity:0.7; }


.about__content .text {font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 400; line-height:1.7em; color:#333; text-align:justify;}
.get-in-touch-inner{ background:#ffc400; padding:20px;}
.get-in-touch-inner .contact-heading { text-align:center; margin-bottom:26px;}

.contact-form-inner input { background:#FFF; color: #03001B; height:50px; width: 100%; border: 0; line-height: 40px; padding: 10px 20px; font-size: 16px;
line-height: 26px;  border: 1px solid #D8D8D8;}
.contact-form-inner input:focus { border-color: #6639ff;}
.contact-form-inner textarea { background:#FFF; padding: 20px 20px; width: 100%; border: 0; resize: none; font-size: 16px; line-height: 26px;
height:80px; border: 1px solid #D8D8D8;}
.contact-form-inner textarea:focus { border-color: #6639ff;}
.contact-form-inner button { color: #FFFfff; padding: 0 35px; height: 60px; line-height: 60px; background: #6639ff; font-size: 16px; font-weight: 500;
display: inline-block; border: 0; position: relative; overflow: hidden;}
.contact-form-inner button i { margin-right: 10px;}
.contact-form-inner button:before { background-color: #FFF; content: ""; height: 150px; left: -75px; position: absolute; top: -35px; transform: rotate(35deg);
transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1); width: 40px; opacity: 0;}
.contact-form-inner button:hover:before { left: 120%;transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1); opacity: 0.25;}
.contact-form-inner .code {float: left; width:71%; border-radius: 2px; margin-right: 4px;}
.contact-form-inner .captcha { padding:17px; background: #FFF; border-radius: 2px;}

/* hosting plans css start*/
.plans h2 { font-family: "Roboto", sans-serif; text-align:center; color:#212950; font-weight:100; font-size:2.3em; border-bottom:1px dotted #212950;  width:97%; margin:0px auto; margin-bottom:30px; padding:2em 0 0.5em 0; }
.plans h2 span { font-weight:600; }
.pricing-grid { font-family: "Roboto", sans-serif; background:#091e41; padding:2em 1.5em; }
.pricing-grid h3 { font-family: "Roboto", sans-serif; margin:0; padding:0 0 0.8em; color:#ffc400; font-size:24px; }
.pricing-grid small { width:71%; height:1px; display:block; background:#DFDFDF; margin:0 auto 1.7em; }
.pricing-grid label { font-family: "Roboto", sans-serif; color:#fff; font-weight:bold; font-style:normal; font-size:3.5em; display:inherit; }
.pricing-grid label i,.pricing-grid label em { font-weight:bold; font-style:normal; font-size:0.5em; }
.pricing-grid label i { vertical-align:super; }
.pricing-grid label em { color:#b4b4b4; font-size:0.24em; margin-left:-2em; }
.pricing-grid big { color:#b4b4b4; font-weight:bold; display: block; font-size:0.875em; line-height:0; }
.pricing-grid p{ color:#b4b4b4; font-weight:400; margin:0; padding:0.4em; font-size:1.1em; line-height:2.3em;  border-bottom:1px dotted #1c4891; }
.pricing-grid p strong { font-weight:bold;}
a.btn1.btn2.btn-8.btn-8c { background:#ffc400; color:#fff; padding:10px 15px; text-transform:capitalize; }
a.btn1.btn2.btn-8.btn-8c:hover { background:#6639ff; color:#fff; text-decoration:none; }
.pricing-grid:nth-child(4) { margin-right:0; }
.m_top{margin-top:20px; }
/* hosting plans css end*/

/*amenities css start*/
.amenities{  text-align:center; overflow:hidden; font-family:"Roboto", sans-serif; font-size:14px; line-height:1.7em; color: #333; margin-top:50px;}
.amenities h2 { font-family:"Roboto", sans-serif; font-size:26px; font-weight:400; padding-bottom:30px; }
.amenities h3 { font-family:"Roboto", sans-serif; font-size:24px; font-weight:400; padding-bottom:10px; color:#212950; }
.amenities p{font-family:"Roboto", sans-serif; font-size:16px; font-weight:400; line-height:1.7em;  color:#212950;}
.amenities h3:after{ content: ''; display: block; width: 24px; height:2px; background:#8500d1; margin: 15px auto 0;}
.amenities i{ font-size:48px; color:#ffc400; padding-bottom:6px;}
.amenities a.more{ background:#212950; border:1px solid #212950;}
.amenities a.more:hover{ background:#c41d54; border:1px solid #c41d54;}
.amenities img {text-align:center;}
/*amenities css end*/

.contact-area{ padding-top:120px; padding-bottom:120px;}

/*web banner css start*/
.page-title-area { padding-top: 230px; padding-bottom: 160px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center;  z-index: 1;}
.page-title-area:before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: #040021; opacity: 0.8; z-index: -1;}
.page-title-heading h1 {font-size:38px; color: #ffffff; text-transform: uppercase; line-height: 50px; margin-bottom: 10px;}
@media (max-width: 767px) { 
.page-title-heading h1 {  font-size:36px;}
.about__content .text {font-size:18px; line-height:1.7em;}

.page-title-area { padding-top:150px; padding-bottom: 130px;}

.contact-form-inner .code {width: 66%;}

li.breadcrumb-item { text-transform:capitalize; }
.grb-breadcrumb{ display:none;}
ol.breadcrumb{ display:none;}
.pricing-grid p{ font-size:18px;}
.pricing-grid label em{ font-size:0.3em;}
.amenities p{ font-size:18px;}
.pricing-grid { margin-bottom:30px;}

.contact-area{ padding-top:80px; padding-bottom:80px;}
.amenities .col-xs-12{ margin-bottom:30px;}
}


.grb-breadcrumb { position: absolute; z-index: 5; bottom: -30px; left: 0; right: 0; margin: 0 auto; display: inline-block;}
.breadcrumb { background: #ffffff; padding: 19px 5px; margin-bottom: 0; box-shadow: 0px 5px 10px rgba(16, 0, 71, 0.1); display: inline-flex;}
.breadcrumb-item { font-size: 15px; font-weight: 500; text-transform: uppercase; color: #6639ff; padding: 0 25px;}
.breadcrumb-item a:hover {color: #040021;}
.breadcrumb-item.active { color: #040021;}
.breadcrumb-item + .breadcrumb-item::before {float: left; padding-right: 0px; content: ""; width: 2px; height: 20px; background: #6639ff; margin-right: 25px; margin-top: 1px;}
.breadcrumb-item + .breadcrumb-item { padding-left: 0;}


/*start popup form css start*/
#facebox { position:fixed; top:0; left:0; margin-top:100px; z-index:99999999; text-align:left; background:#FFF; }
#facebox .popup { position:relative; overflow:auto;}
#facebox .content2 { width:300px; padding:10px; }
#facebox .close{ position:absolute; top:0px; right:0px; z-index:99999999; text-shadow:none; opacity:1.5; }
#facebox .close img { }
#facebox .close:hover img { }
#facebox .loading { text-align:center; }
#facebox .image { text-align:center; }
#facebox img { border:0; margin:0; } 
#facebox_overlay { position:fixed; top:0px; left:0px; height:100%; width:100%;}
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color:#000; z-index:99;}
/*popup form css end*/

/*popup  form css start*/
.popup_form { }
.popup_form h3 { background:#ffc400; font-family:'Roboto', sans-serif; font-size:24px; color:#040021; font-weight:400; padding:9px 0; text-align:center; }
.popup_form .callback_inner { padding:20px; overflow:hidden; background:#FFF; border:#CCCCCC 1px solid; }
.form-group { margin:0 0 16px 0; }
.popup_form .callback_inner ::-webkit-input-placeholder { font-family:'Roboto', sans-serif; font-size:13px; color:#000; font-weight:400; }
.popup_form .callback_inner .form-group input { width:100%; border-radius:none; border:#CCCCCC 1px solid; height:40px; } 
.popup_form .callback_inner .form-group textarea { width:100%; border-radius:none; border:#CCCCCC 1px solid; } 
.popup_form .callback_inner .form-group input.code { float:left; width:67%; border-radius:none; border:#CCCCCC 1px solid; }
.popup_form .callback_inner .captcha { float:right;  margin-left:10px; padding:13px 12px; background:#ECEBEB; border-radius:5px; }

.popup_form .callback_inner input[type=text]:focus { box-shadow:0px 0px 5px #FF0000 !important; border:1px solid #FF0000 !important; outline:none; }
.popup_form .callback_inner textarea:focus { box-shadow:0px 0px 5px #FF0000 !important; border:1px solid #FF0000 !important; outline:none; }
 
.popup_form .submit { float:left; font-family:'Roboto', sans-serif; font-size:16px; color:#FFF; font-weight:400; padding:7px 26px 7px 26px; background:#6639ff; cursor:pointer; outline:none; border-radius:none; border:none; margin-top:15px; }
.popup_form .submit:hover { background:#6639ff; color:#FFF; outline:none; border-radius:none;}
/*popup  form css end*/