/* COGAPS - style */

body {
	 font-family: 'Montserrat', sans-serif;
	 font-weight: 400;
 }
* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a{color:blue!important;}
ul {
	list-style: none;
}
p{padding:15px 0;}
a {
	text-decoration: none;
	transition: all 0.5s ease;
}
a, a:hover, .ctamain, .ctamain:hover {
	transition: all 0.5s ease;
}
img {
	max-width: 100%;
	height: auto;
	float: left;
}
.clear {
	clear:both;
}
.copyright{background:#000!important; color:#fff!important;}
.width100, .wrapper, h1, h2, h3, h4, h5, h6, .titletxt, .subtitle, .header, .nav, .nav ul, iframe, p, .ctatxt, .ctatxt span, .findsec .findbg, .findin, .findsec ul, .findsec li, .howsec ul, .howsec li, .howsec li span, .thinksec p, .footersec p, .footersec span, .footersec ul, .footersec li, .copyright p, .formsec label, input, .loginform ul {
	width: 100%;
	float: left;
}
.logo, .org, .topsec ul li, .btnsub {
	float: left;
	width: auto;
}
.nav, .topsec ul {
	float: right;
	width: auto;
}
.copyright ul, input[type="checkbox"] {
	width: auto;
}
.ctamain, .ctamain a, .fleft, .bottxt, .botimg, .findtxt {
	float: left;
}
.findimg {
	float: right;
}
.wrapperin {
	width: 1282px;
	margin: 0 auto;
}
h1, h2, h3, h4, h5, h6, strong, th, .titletxt, .titlemain, .subtitle, .btnsub, .smalltext, .ctatitle {
	font-weight: 600;
}
h1, h2, h3, h4, h5, h6, strong, th, .titletxt, .titlemain, .subtitle, .btnsub, .ctatitle, .footersec, .copyright, .bigtext, .footersec a:hover {
	color: #000;
}
.bigtext {
	font-weight: 700;
}
/**common**/
.bigtext, .thinkbig {
	font-size: 28px;
}
h1, .titletxt {
	font-size: 27px;
	line-height: 34px;
}
.ctatitle {
	font-size: 24px;
}
h2, .subtitle, .ctatitle {
	font-size: 21px;
}
.titlehow, .footersec span, .btnsub {
	font-size: 18px;
	line-height: 21px;
}
.smalltext {
	font-size: 19px;
}
body {
	 font-size: 14px;
}
.topsec, .copyright {
	 font-size: 12px;
}
.btn:hover, .thinksec .btn, .btnsub, .btn, .ctamain {
	color: #fff;
}
.footersec a {
	color: #636363;
}
.nav li a:hover, .loginform a {
	color: #09bcc9;
}
body, a {
	 color: #323232;
}
.contentin {
    background:#F5F5F5;
}
.topsec, .botdec, .ctasec, .howsec, .copyright {
	background: #f7f6f2;
}
.footersec {
	 border-top: solid 1px #f3f3f3;
}
.btn, .btnsub {
	background: #000;
}
.btn:hover, .btnsub:hover, .mobilemenu:hover {
	background:#323232;
}
.ctamain {
	background: #fff;
}
.bannersec .wrapperin, .ctamain, .findsec {
	position:relative;
}
.bannertxt {
	position:absolute;
}
.bigtext, .titlehow, .footersec span, .btnsub {
	text-transform: uppercase;
}
.txtcenter, .contentsec, .howsec, .thinksec,  .copyright, .loginform ul, .line, .ctatxt {
	text-align: center;
}
.howsec li, .howsec li img, .thinksec .btn, .copyright ul, .copyright ul li a, .formsec, .btnsub, .formpage p a, .loginform li, .line span, input[type="checkbox"], .ctatxt a.btn {
	display: inline-block;
	float: none;
}
/**topsec**/
.topsec {
   padding: 10px 0;
}
/**Header**/
.header {
	padding: 24px 0;
	border-bottom: solid 1px #f3f3f3;
}
.logo a {
	display: block;
}
.nav {
	margin-top: 7px;
	font-size: 15px;
}
.nav li {
	float: left;
}
.nav li a {
    padding: 3px 21px;
    display: block;
    border-radius: 5px;
}
.topsec ul li {
	border-left: solid 1px #582a31;
	padding: 0 10px;
}
.topsec ul li:first-child {
	border-left: none;
}
/**banner**/
.bannertxt {
    top: 20%;
    right: 4%;
    width: 570px;
}
.bigtext {
	line-height: 37px;
}
.ctadec {
	line-height: 24px;
}
.smalltext {
	margin: 16px 0 26px;
	line-height: 28px;
}
.logintab a, .copyright ul li a, .loginform li img {
	border: solid 2px #09bcc9;
}
.btn, .thinksec .btn:hover {
	padding: 12px 24px;
	border-radius: 5px;
}
/**contentsec**/
.contentsec {
   padding: 60px 0;
}
.contentsec {
	text-align: center;
}
p, li {
	line-height: 23px;
}
.contentsec p {
	margin: 10px 0 0;
}
.careernsd {
	float: none;
	margin: 30px 0 0;
	width: 550px;
}
/**ctasec**/
.ctasec {
	padding: 60px 0;
}
.ctamain {
    width: 31%;
    margin: 0 1%;
    padding: 2%;
}
.ctatxt {
	padding-bottom: 30px;
}
.ctamain a {
	display:block;
}
.ctadec {
	transition: .5s ease;
}
.ctamain:hover .ctadec {
	display: block;
}
.ctatxt {
	z-index: 9;
	bottom: 0;
	left: 0;
}
.ctadec {
	margin:0 0 16px;
}
.ctatitle {
	margin:16px 0; 
}
/**botdec**/
.botdec {
    border: solid 1px #f7f6f2;
}
.botimg, .bottxt, .findimg, .findtxt {
	width: 50%;
}
.bottxt {
	padding: 60px 0;
}
.botdec .titletxt, .findsec .titletxt, .howsec .titletxt {
	margin-bottom: 8px;
}
.botdec p, .findsec p, .findsec ul {
	margin: 6px 0;
}	
.fleft {
	margin: 6px 0 0;
}

/**findsec**/
.findsec .findbg {
	opacity: 0.1;
}
.findin {
	padding: 70px 0;
}
.findtxt {
    padding-right: 2%;
}
.findsec li {
	background: url(../images/tick.png) no-repeat 0 7px;
	padding: 0 18px;
}
/**howsec**/
.howsec, .thinksec {
	padding: 70px 0;
}
.howsec ul {
	margin: 22px 0 0;
}
.howsec li {
	width: 269px;
	margin: 10px;
}
.howsec li img {
	width: 100px;
}
.titlehow {
	margin: 18px 0 10px;
}
/**thinksec**/
.thinksec .btn {
	margin: 16px 0 0;
}
.thinkbig {
	line-height: 34px;
}
.linkbox {
	width: 18.4%;
	float: left;
	margin: 10px;
}
/**footersec**/
.footersec {
	padding: 40px 0;
}
.ftitle {
	border-bottom: solid 1px #f7f6f6;
	padding: 0 0 12px;
	margin-bottom: 20px;
}
.footersec li {
	margin: 2px 0;
}
.footersec .address li:first-child {
	margin-bottom:10px;
}
.copyright {
	padding: 20px 2% 12px;
}
.copyright ul {
	margin: 6px 0 0;
}
.copyright ul li {
	display: inline;
	margin:0 2px;
}
.copyright ul li a:hover, .loginform li:hover img {
	border: solid 2px #000;
}
.copyright ul li a {
	padding: 5px;
	border-radius: 30px;
}
/***formsec***/
.formsec {
	width: 50%;
}
.formsec {
	text-align: left;
}
.formsec label {
	margin-bottom:4px;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="url"], input[type="file"], select, textarea {
	border: solid 2px #ccc;
	padding: 12px;
	border-radius: 20px;
	background: transparent;
}
input[type="checkbox"] {
	margin: 2px;
}
.btnsub {
	padding: 13px 80px;
	border-radius: 34px;
	cursor: pointer;
	margin: 10px 0 12px;
}
.loginform ul {
	margin: 16px 0 0;
}
.loginform li {
	margin: 0 2px;
}
.loginform li img {
	width: 44px;
	border-radius: 30px;
}
.loginform li:hover img {
	opacity: .8;
}
.borderline {
	border-top: solid 1px #ccc;
	width: 130px;
}
.line span {
	height: 4px;
}
.line .linetxt {
	margin: 0 6px;
	height: 25px;
}
.fullwidth p {
	width: 48%;
	margin-left: 2%;
}
.fullwidth p:first-child {
	width: 50%;
	margin-left: 0;
}
.contentsec .mTop20 {
	margin-top: 20px;
}
.mobilemenu {
	display: none;
}
/*** profile ***/
.newsbox, .newsbox ul, .newsbox li, .newsbox li span, .cmber, .mbername, .mberdesc, .likeco, .namedes strong, .namedes span, .likeco ul, .ctop, .cinfo, .cname, .cdesig {
	width: 100%;
	float: left;
}
.newsbox li a, .ctop a {
	float: left;
}
.newsbox li a:hover strong, .mbername a:hover strong, .mberdesc a {
	color: #09bcc9;
}
.mberdesc a:hover {
	color: #000;
}
.newsbox li a:hover, .likeco button:hover {
	background: #e9e9e9;
}
.newsbox li a:hover span {	
    color:#323232;
}
.contentin {
	text-align: left;
}
.cleft, .cmber, .cright, .cinfo {
	background: #fff;
}
.cleft, .cmid, .cright {
	float: left;
}
.cleft {
	width: 22%;
}
.cmid {
	width: 46%;
	margin: 0 2%;
}
.cmber {
	margin: 0 0 20px;
}
.cright {
	width: 28%;
}
.cright, .cmber, .cinfo {
	border: 1px solid #cfcfcf;
}
.likeco {
  border-top: 1px solid #cfcfcf;
}
.questsec {
  border-bottom: 1px solid #cfcfcf;
}
.cright, .cmber, .likeco button {
	border-radius: 2px;
}
.newsbox, .cmber, .ctop {
	padding: 20px;
}
.newsbox h5 {
    font-size: 16px;
}
.newsbox li a span, .newsbox h5 {
	font-weight: 400;
}
.mberdesc a, .cname {
	font-weight: 600;
}
.newsbox ul {
	margin-top: 10px;
}
.newsbox li {
    line-height: normal;
	margin: 2px 0;
}
.newsbox li a, .ctop a {
	display: block;
}
.newsbox li a {
	padding: 6px 15px;
}
.newsbox li a span, .namedes span, .cdesig {
    font-size: 11px;
}
.newsbox li a span {
    padding: 4px 0 0;
}
.ppic, .ppic img {
    height: 50px;
}
.ppic img, .cprofile img {
   object-fit: cover;
}
.namedes {
	float: left;
	width: 90%;
	padding: 5px 0 5px 2%;
}
.ppic {
    width: 50px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}
.mberdesc {
    line-height: 23px;
}
.mberdesc, .likeco {
    padding: 18px 0;
}
.likeco li {
    width: auto;
    float: left;
    margin-right: 10px;
}
.likeco button, .questsec input {
    cursor: pointer;
}
.likeco button {
    padding: 8px 16px;
	background: none;
}
.cprofile, .cprofile img {
	height: 90px;
}
.cprofile {
    width: 90px;
    float: left;
    border: 1px solid #cfcfcf;
    border-radius: 50%;
    overflow: hidden;
}
.cprotxt {
    float: left;
    width: 149px;
    padding-left: 14px;
    margin-top: 22px;
}
.cdesig {
    margin-top: 2px;
}
.questsec input, .questsec li span {
	float: left;
}
.questsec input {
    margin-top: 4px;
	width: auto;
}
.questsec li span {
	width: 90%;
	padding-left: 6px;
}
/***********************************
                                     MEDIA
		                                   *************************************/
@media(min-width:0px) and (max-width:979px) {
.wrapperin, .topsec ul, .nav ul li, .ctamain, .botimg, .bottxt, .findtxt, .findimg, .nav, .mobilemenu, .bannertxt, .bannersec .wrapperin, .formsec {
	width: 100%;
}
.bannertxt, .mobilemenu, .ctatxt, .bannersec .wrapperin {
	float: left;
}
.wrapperin, .ctasec, .thinksec {
	padding-left: 3%;
	padding-right: 3%;
}
.topsec, .topsec ul, .header, .findin p span a.btn {
	text-align: center;
}
.topsec ul li, .logo {
	display: inline-block;
	float: none;
}
.mobilemenu, .nav ul {
	text-align: left;
}
.org, .nav ul, .bannertxt, .findbg, .footersec {
	display: none;
}
.bannertxt, .ctatxt, .findin {
	position: static;
}
.bannertxt, .ctamain .ctadec, .mobilemenu {
	display: block;
}
.mobilemenu {
	background: #000;
	padding: 12px 0;
	cursor: pointer;
}
.mobilemenu span, .nav a {
	color: #fff;
}
.mobilemenu span {
	font-size: 16px;
	margin: -2px 4px 0;
	width: auto;
}
.nav ul {
	background: #1b1b1b;
}
.logintab a {
	border: none;
}
.nav li, .logintab a {
	border-top: solid 1px #303030;
}
.nav li a {
	border-radius: 0;
	padding: 6px 21px;
}
.bannersec .wrapperin {
	border-top: solid 1px #f3f3f3;
	padding: 22px 3% 40px;
}
.bigtext {
	line-height: 25px;
	font-size: 19px;
}
.smalltext {
	margin: 5px 0 16px;
	line-height: 22px;
}
.ctamain {
	margin: 6px 0;
}
.ctatxt {
	padding: 30px 15px;
}
.botdec {
	padding: 10px 0 0;
}
.bottxt {
	padding: 10px 0 20px;
}
.findimg {
	padding: 10px 0 0;
}
.findin {
	padding: 20px 0;
}
.thinkbig {
    font-size: 16px;
	line-height: 24px;
}
.thinksec {
    padding-top: 22px;
	padding-bottom: 22px;
}
}
@media(min-width:600px) and (max-width:979px) {
.bigtext {
	font-size: 18px;
}
.ctamain {
	text-align: center;
}
.ctamain a {
	display: inline-block;
	float: none;
}
.ctatxt {
	padding: 0 15px 30px;
}
}
@media(min-width:800px) and (max-width:979px) {
.bannertxt {
	display: block;
	padding: 0 2% 0 8%;
	top: 8%;
}
.smalltext {
	margin: 4px 0 12px;
	font-size: 14px;
	line-height: 22px;
}
.bigtext {
	font-size: 20px;
	line-height: 27px;
}
.ctasec {
    padding-left: 1%;
    padding-right: 1%;
}
.ctamain {
	width: 31%;
    margin: 0 1%;
}
.ctatxt {
	padding: 16px;
}
.ctatxt {
	position: static;
}
.ctatitle {
    font-size: 16px;
}
.ctadec, .ctamain:hover .ctadec {
		display: block;
}
.howsec li {
	margin: 18px;
}
}
@media(min-width:980px) and (max-width:1169px) {
.wrapperin, .bottxt, .botimg {
	width: 100%;
}
.wrapperin {
	padding-left: 2%;
	padding-right: 2%;
}
.header, .bottxt, .botimg {
	text-align: center;
}
.header {
	padding: 30px 0 20px;
}
.logo, .nav, .botimg img, .bottxt p span a.fleft {
	display: inline-block;
	float: none;
}
.nav {
	margin-top: 10px;
}
.nav li a {
	padding: 3px 15px;
}
.smalltext {
	margin: 6px 0 12px;
}
.bannertxt {
	top: 12%;
	right: 0;
	padding-right: 2%;
	width: 480px;
}
.ctasec {
	padding: 0 1%;
}
.ctamain {
	width: 31.333%;
	margin: 1%;
}
.ctatxt, .findin {
	position: static;
}
.ctatxt {
	padding: 20px;
	float: left;
}
.ctadec {
	display: block;
}
.findbg {
    display: none;
}
.howsec li {
	width: 22%;
}
.linkbox {
	width: 18%;
	margin: 10px 1%;
}
}