article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}

* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}

button, input, select, textarea {margin: 0; padding: 0; border: none; font-family: 'Poppins', sans-serif;}

.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}

body {font-family: 'Poppins', sans-serif; font-size: 14px; color: #000000;}

a {text-decoration: none;}

a:hover, a:focus {text-decoration: none; outline: none;}

img {border: none; vertical-align: middle;}



::-webkit-input-placeholder {color: #686868 !important; font-size: 14px; font-weight: 400;}

::-moz-placeholder {color: #686868 !important; font-size: 14px; font-weight: 400;}

:-ms-input-placeholder {color: #686868 !important; font-size: 14px; font-weight: 400;}

:-moz-placeholder {color: #686868 !important; font-size: 14px; font-weight: 400;}



/****************

 * Common Css

 ****************/

.container {max-width: 1260px;}

.custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}

a, a:hover, button {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.row {margin-left: -15px; margin-right: -15px;}

.row>* {padding-left: 15px; padding-right: 15px;}



.ctitle {color: #000000; font-size: 32px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}

.cbtn {background-color: #08afef; width: 190px; height: 52px; text-transform: uppercase; line-height: 52px; text-align: center; color: #ffffff; font-size: 18px; font-weight: 500; display: inline-block; border-radius: 52px; -moz-border-radius: 52px; -webkit-border-radius: 52px;}

.cbtn:hover {background-color: #f3611d; color: #ffffff;}



.cfrombox {background-color: #ffffff; padding: 20px 30px; box-shadow: 0px 0px 15px rgba(0,0,0,0.09); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.09); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.09); border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}

.cfrombox .cfieldbox {margin: 15px 0px;}

.cfrombox .cfieldbox .fieldinner {width: 100%;}

.cfrombox .cfieldbox label {width: 100%; color: #000000; font-size: 14px; font-weight: 500; line-height: 16px; margin-bottom:10px; padding-left: 10px;}

.cfrombox .cfieldbox label sup {color: #08afef; font-size: 14px; top: -3px; padding-left: 2px; display: inline-block;}

.cfrombox .cfieldbox .custfield {width: 100%; position: relative; background-color: #f1f5f6; padding: 13px 25px 13px; height: 52px; border: 1px solid #ebeeef; font-size: 14px; color: #686868; border-radius: 52px; -moz-border-radius: 52px; -webkit-border-radius: 52px;}

.cfrombox .cfieldbox .custfield:focus {background-color: #ffffff;}

.cfrombox .cfieldbox select.custfield {background: url(../images/angle-down.png) no-repeat; background-color: #f1f5f6; border: 1px solid #ebeeef; padding: 12px 25px 10px 25px; background-position: calc(100% - 25px) 50%; background-position: -moz-calc(100% - 25px) 50%; background-position: -webkit-calc(100% - 25px) 50%; font-size: 14px; color: #686868; appearance:none; -moz-appearance:none; -webkit-appearance:none;}



header {background-color: #000000; display: inline-block; width: 100%; padding: 5px 0px 0px; position: relative; z-index: 1111;}

header .logo {margin-bottom: -50px;}

.custnav {padding: 22px 0px 27px;}

.custnav ul {float: left; padding-right: 25px;}

.custnav ul li {padding: 0px 13px; float: left; line-height: 46px;}

.custnav ul li a {color: #ffffff; font-size: 16px; text-transform: uppercase; line-height: 18px;}

.custnav ul li a:hover, .custnav ul li.active a {color: #08afef;}

.custnav .cbtn {width: 174px; height: 46px; line-height: 46px; border-radius: 46px; -moz-border-radius: 46px; -webkit-border-radius: 46px;}

.custnav .cbtn span {font-size: 16px; background-image: url(../images/user.png); background-position: 0px 50%; background-repeat: no-repeat; padding-left: 23px;}



.afterlogin {display: inline-block; position: relative;}

.afterlogin .subopts {position: absolute; display: none; left: 0px; right: 0px; top: 100%; border: 1px solid #f1f5f6; padding: 0px; background-color: #ffffff; z-index: 2; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.afterlogin .subopts li {padding: 10px 15px; line-height: initial; display: block; width: 100%; border-bottom: 1px solid #f1f5f6;}

.afterlogin .subopts li a {color: #000; font-size: 14px; font-weight: 500; text-transform: capitalize;}

.afterlogin .cbtn {cursor: pointer;}

.afterlogin span {width: 75%; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}



.mainbanner {position: relative; display: inline-block; width: 100%; background-image: url(../images/mainbanner.jpg); background-repeat: no-repeat; z-index: 2; background-position: 50% 0px; background-size: cover; height: 800px;}

.mainbanner:before {background-color: rgba(8,175,239,0.6); width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 3;}

.mainbanner .container {z-index: 10; position: relative;}

.mainbanner .textimg {padding-top: 133px;}

.mainbanner .searchbox {width: 100%;padding-top: 215px;}

.mainbanner .searchbox h2 {color: #ffffff; font-size: 77px; font-weight: 700; margin-bottom: 35px; text-shadow: 2px 0px 6px rgba(0,0,0,0.3);}



.aboutsection {padding: 200px 0px 110px;}

.aboutsection .aboutinfo p {color: #5c5c5c; font-size: 16px; line-height: 30px; padding: 15px 110px 15px 0px;}

.aboutsection .aboutimg .imgbox {position: relative; right: -31px;}



.connectsection {position: relative;}

.connectsection .connectinner {border-top: 2px solid #f1f5f6; padding: 95px 0px 50px;}

.connectsection .connectinner .socialbox {width: 100%; margin-top: 45px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; overflow: hidden;}

.connectsection .connectinner .socialbox a {float: left; height: 80px; width: 25%; border-right: 2px solid #ffffff; text-align: center; text-transform: uppercase;}

.connectsection .connectinner .socialbox a span {background-repeat: no-repeat; line-height: 80px; background-position: 0px 50%; padding-left: 50px; color: #ffffff; font-size: 22px; font-weight: 600; letter-spacing: 1px;}

.connectsection .connectinner .socialbox a.facebook {background-color:#1877f2;} 

.connectsection .connectinner .socialbox a.twitter {background-color:#1da1f2;} 

.connectsection .connectinner .socialbox a.tiktok {background-color:#000000;} 

.connectsection .connectinner .socialbox a.instagram {background-color:#405de6; border-right: none;} 

.connectsection .connectinner .socialbox a.facebook span {background-image: url(../images/facebook.png);}

.connectsection .connectinner .socialbox a.twitter span {background-image: url(../images/twitter.png);}

.connectsection .connectinner .socialbox a.tiktok span {background-image: url(../images/tiktok.png);}

.connectsection .connectinner .socialbox a.instagram span {background-image: url(../images/instagram.png);}

.connectsection .connectinner .socialbox a:hover {opacity: 0.8;}



footer {background-color: #000000; width: 100%; float: left;}

footer .topfooter {padding-top: 100px; width: 100%; float: left; position: relative; padding-bottom: 50px;}

footer .topfooter .footerboxs {float: left;}

footer .topfooter .footerboxs h4 {color: #ffffff; font-size: 18px; font-weight: 600; text-transform: uppercase; padding-bottom: 25px;}

footer .topfooter .footerboxs ul li {float: left; width: 100%; padding-bottom: 15px;}

footer .topfooter .footerboxs a {color: #bcbcbc; font-size: 14px;}

footer .topfooter .footerboxs a:hover {color: #08afef;}

footer .topfooter .fbox1 {width:313px;}

footer .topfooter .fbox2 {width:514px;}

footer .topfooter .fbox3 {width:406px;}

footer .topfooter .fbox2 ul {width: 50%; float: left;}

footer .topfooter .fbox3 p.email {background-image: url(../images/email.png); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 23px;}

footer .copyright {border-top: 1px solid #161616; text-align: center; width: 100%; float: left;}

footer .copyright p {color: #bcbcbc; font-size: 14px; padding: 25px 0px;}







/** Login & Signup Page Start **/

.cloginsignup {position: relative; background-color: #000000; padding: 40px; width: 100%; height: 100vh; background-repeat: no-repeat; background-image: url(../images/bg1.png); background-position: 50% 0px; background-size: cover;}

.backarrow a {background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: 0px 6px; color: #ffffff; font-size: 16px; padding-left: 20px;}

.backarrow a:hover {color: #08afef;}



.cloginsignupbox {width: 600px; margin: 20px auto;}

.cloginsignupbox h2 {color: #ffffff; font-size: 56px; font-weight: 700; margin-bottom: 35px; text-shadow: 2px 0px 6px rgba(0,0,0,0.3);}

.cloginsignupbox .cfrombox {padding: 45px 60px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}

.cloginsignupbox .cbtn {width: 240px; margin: 30px 0px 10px;}

.cloginsignupbox .cfrombox p {color: #000000; font-size: 14px;}

.cloginsignupbox .cfrombox p a {color: #08afef;}

.cloginsignupbox .cfrombox p a:hover {text-decoration: underline;}

.cloginsignupbox .cfrombox .forgot:hover {color: #08afef;}



.checkboxf {padding-left: 10px;}

.checkboxf input {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer;}

.checkboxf label {position: relative; cursor: pointer; margin: 0px; padding-left: 0px !important;}

.checkboxf label:before {content:''; -webkit-appearance: none; background-color: transparent; border: 1px solid #ebeeef; background-color: #f1f5f6; padding: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

.checkboxf input:checked + label:before {background-color: #08afef; border-color: #08afef;}

.checkboxf input:checked + label:after {content: ''; display: block; position: absolute; top: 3px; left: 7px; width: 5px; height: 9px; border: solid #ffffff; border-width: 0 2px 2px 0;transform: rotate(45deg);-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}

.forgot {font-size: 14px; color: #6a6a6a;}

.forgot:hover {color: #08afef;}

/** Login & Signup Page End **/





/** Submit A Team Page Start **/

.innerbanner {background-position: 50% 0px; background-repeat: no-repeat; background-size: cover; padding: 95px 0px 100px;}

.ctitle2 {color: #000000; font-size: 40px; font-weight: 700; text-transform: uppercase; margin-bottom: 40px;}

.submitteambox .cbtn {margin: 20px 0px 15px;}

.cfrombox .cfieldbox textarea.custfield {height: auto; border-radius: 26px; -moz-border-radius: 26px; -webkit-border-radius: 26px;}

/** Submit A Team Page End **/



/** Contact Us Page Start **/

.cfrombox .cfieldbox textarea.custfield {height: 120px; resize: none; border-radius: 26px; -moz-border-radius: 26px; -webkit-border-radius: 26px;}

.getinright .cfrombox {padding:38px 35px;}

.getinright .emailicon {width: 84px; height: 84px; display: inline-block; border:1px solid #ebeeef; background-image: url(../images/email1.png); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 42px; -moz-border-radius: 42px; -webkit-border-radius: 42px;}

.getinright p {font-weight: 500; padding: 11px 0px 10px; display: inline-block; width: 100%;}

.getinright a {color: #5c5c5c; font-size: 16px;}

.getinright a:hover {color: #08afef;}

/** Contact Us Page End **/



/** Search Results Page Start **/

.searchsection {padding: 40px 0px 0px;}

.searchsection .cfrombox .cfieldbox {margin: 8px 0px;}

.searchsection .cfrombox .cfieldbox .custfield {height: 48px; padding: 6px 25px 6px;}

.searchsection .cfrombox .cbtn {margin-top: 20px !important;}

.searchsection .cfrombox {background-color: transparent; box-shadow: none; border-bottom: 2px solid #f1f5f6; padding-bottom: 40px;}



.searchresults, .analyticsconts {padding:40px 0px 100px;}

.searchresults .searchtitle {position: relative;}

.searchresults .searchtitle .ctitle2 span {text-transform: capitalize; display: block; font-size: 16px; font-weight: 400; padding-top: 5px;}

.searchresults .searchtitle .calender {font-size: 16px; font-weight: 400; background-image: url(../images/calender.png); padding-left: 27px; background-repeat: no-repeat; background-position: 0px 50%; position: absolute; right: 15px; top: 12px;}



.ctabel tr th {font-size: 16px; color: #08afef; font-weight: 600; border: none;}

.ctabel tr th, .ctabel tbody td {padding: 10px 15px;}

.ctabel .table>:not(:first-child) {border-top: none;}

.ctabel tbody tr:nth-child(odd) {background-color: #f5fafc;}

.ctabel tbody td{border: none; font-size: 16px; color: #000000;}

/** Search Results Page End **/



/** Analytics Page Start **/

.analyticsconts .ctitle2 span {font-size: 22px; font-weight: 500; display: block; margin-top: 10px; text-transform: capitalize;}

.teamchartpart {background-color: #f5fafc; padding: 80px 0px;}

.teamchartpart .ctitle {text-transform: capitalize; margin-bottom: 20px;}

.teaminfo1 ul {border-right: 2px solid #b3cbd5;}

.teaminfo1 ul:last-child {border-right:none;}

.teaminfo1 ul li {padding: 5px 30px;}

.teaminfo1 ul li p {font-size: 15px; color: #000000; font-weight: 500;}

.teaminfo1 ul li p span {width: 215px; display: inline-block;}

.teamchartpart .chartpart {margin-top: 80px;}

.teamchartpart .chartpart img {max-width: 100%;}

/** Analytics Page End **/



/** Subscription Page Start **/

.subplan .splanbox {padding-bottom: 40px; border:2px solid #08afef; padding-top: 100px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden; position: relative;}

.subplan .splanbox:before {content: ""; width: 100%; height: 70px; background-color: #08afef; position: absolute; left: 0px; top: 0px; right: 0px;}

.subplan .splanbox .subicon {width: 100px; height: 100px; border:2px solid #08afef; background-color: #ffffff; background-image: url(../images/sub-icon.png); background-repeat: no-repeat; background-position: 50% 50%; margin-top: -80px; position: relative; z-index: 2; display: inline-block; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}

.subplan .splanbox p {font-size: 18px; font-weight: 600; margin-top: 15px; margin-bottom: 20px;}

.subplan .splanbox h4 {font-size: 26px; font-weight: 700; margin-bottom: 20px;}

.subplan2 .splanbox {border-color: #f3611d;}

.subplan2 .splanbox:before {background-color: #f3611d;}

.subplan2 .splanbox .subicon {border-color: #f3611d;}

.subplan2 .splanbox .cbtn {background-color: #f3611d;}

.subplan .cbtn:hover {background-color: #000000;}

/** Subscription Page End **/