/* COGAPS - style */

body {
    font-family: 'Montserrat', sans-serif;
    background-color: whitesmoke;
}
body, .loginform .btnsub {
	 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;
}
ul {
	list-style: none;
}

.btn-success {
    border-color: #0881B5;
}
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;
}
.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, .searchtext, .logoin, .bigtitle, .bordertop, .newsbox, .newsbox ul, .newsbox li, .newsbox li span, .cmber, .mbername, .mberdesc, .likeco, .namedes strong, .namedes span, .likeco ul, .ctop, .cinfo, .cname, .cdesig, .navicon, .footernav, .copyright ul, .pnote, .pnote ul, .pnote li, .pnote a, .mynetwork, .mynetwork a, .reqsec {
	width: 100%;
	float: left;
}
.logo, .org, .topsec ul li, .btnsub {
	float: left;
	width: auto;
}
.logo {
    width: 10% !important;
}
.searchbtn i.fa.fa-search {
    color: black;
}
.nav, .topsec ul {
    float: right;
    width: auto;
}
input[type="checkbox"] {
	width: auto;
}
.ctamain, .ctamain a, .fleft, .bottxt, .botimg, .findtxt, .reqsec {
	float: left;
}
.findimg {
	float: right;
}
.wrapperin {
	width: 1130px;
	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;
}
.bigtitle {
	font-size: 26px;
	line-height: 32px;
	float: left;
}
.contentsec p.bigtitle {
   margin-bottom: 16px;
}
/**common**/
.bigtext, .thinkbig {
	font-size: 28px;
}
h1, .titletxt {
	font-size: 25px;
	line-height: 34px;
}
.ctatitle {
	font-size: 24px;
}
h2, .subtitle, .ctatitle {
	font-size: 21px;
}
.titlehow, .footersec span, .btnsub {
	font-size: 18px;
	line-height: 21px;
}
.smalltext, .navicon {
	font-size: 19px;
}
body {
	 font-size: 13px;
}
.topsec, .copyright {
	 font-size: 12px;
}
.btn:hover, .thinksec .btn, .btnsub, .btn, .ctamain, .nav, .nav li a {
	color: #fff;
}
.footersec a {
	color: #636363;
}
.nav li a:hover, .loginform a, .profilenav ul li a:hover .navicon .fa, .pnote a strong, .pnote a:hover {
    color: #004B74;
}
    .loginform a:hover {
        text-decoration: underline;
    }
    body, a {
        color: #323232;
    }
.contentin {
    background:#F5F5F5;
}
.contentsec, .findsec, .thinksec {
    background: #fff;
}
.topsec, .botdec, .ctasec, .howsec, .copyright, .contentin {
    background: #f7f6f2;
}
.btn:hover, .btnsub:hover, .mobilemenu:hover, .ignorebtn:hover, .acceptbtn:hover {
    background: #004B74;
    color: #fff;
}
.ctamain, .cright .copyright {
	background: #fff;
}
.bannersec .wrapperin, .ctamain, .findsec {
	position:relative;
}
.header, .btn, .btnsub, .acceptbtn {
    background: #0881B5;
    color: #fff;
}
.footersec {
	 border-top: solid 1px #f3f3f3;
}
.bannertxt {
	position:absolute;
}
.bigtext, .titlehow, .footersec span, .btnsub {
	text-transform: uppercase;
}
.txtcenter, .contentsec, .howsec, .thinksec,  .copyright, .loginform ul, .line, .ctatxt, .logoin, .nav, .ctop {
	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, .logoin a, .cprofile, .cprotxt {
	display: inline-block;
	float: none;
}
.bordertop {
    border-top: solid 4px #004A9B;
}
/**topsec**/
.topsec {
   padding: 10px 0;
}
/**Header**/
.header {
	padding: 4px 0;
	border-bottom: solid 1px #f3f3f3;
}
.logo a {
	display: block;
}
/**Search**/
.searchsec {
	width: 260px;
	float: left;
	position: relative;
}
.searchtext {
	padding: 11px;
	padding-right: 44px;
	border-radius: 2px;
	margin: 1px 0 0 7px;
}
.searchbtn {
	position: absolute;
	right: 4px;
	top: 13%;
	font-size: 22px;
	background: no-repeat;
	cursor: pointer;
}
/**nav**/
.nav {
	margin-top: 3px;
}
.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: 520px;
}
.bigtext {
	line-height: 37px;
}
.ctadec {
	line-height: 24px;
}
.smalltext {
	margin: 16px 0 26px;
	line-height: 28px;
}
.logintab a, .smm a, .loginform li img {
	border: solid 2px #09bcc9;
}
.btn, .thinksec .btn:hover {
    padding: 10px 20px;
}
    body .btn, .btn, .thinksec .btn:hover {
        border-radius: 3px;
    }
/**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;
}
.botdec .wrapperin {
	position: relative;
}
.botimg {
    position: absolute;
    right: 0;
    bottom: 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: 246px;
	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.smm {
	margin: 6px 0 0;
}
.copyright ul.smm li {
	display: inline-block;
	margin:0 2px;
}
.smm li a:hover, .loginform li:hover img {
	border: solid 2px #000;
}
.smm a {
	padding: 5px;
	border-radius: 30px;
}
.footernav li {
    display: inline-block;
	margin: 0 2px;
	border-left: 1px #f7f6f2 solid;
}
.footernav li:first-child {
	border-left: none;
}
.footernav li a {
    padding: 0 8px;
}
/***formsec***/

.formsec {
	width: 50%;
}
.formsec {
	text-align: left;
}
.logoin {
	margin-bottom: 20px;
}
.logoin a {
	width: 250px;
}
.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, .splbox {
    border: solid 2px #ccc;
    padding: 12px;
    border-radius: 20px;
    background: transparent;
}
input[type="checkbox"] {
	margin: 2px;
}
.btnsub {
	padding: 12px 70px;
	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 li a, .ctop a {
	float: left;
}
.newsbox li a:hover strong, .mbername a:hover strong, .mberdesc a, .footernav li a {
	color: #09bcc9;
}
.mberdesc a:hover, .footernav li 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, .pnote {
	border: 1px solid #cfcfcf;
}
.pnote {
	border-top: none;
}
.likeco {
  border-top: 1px solid #cfcfcf;
}
.newsbox {
  border-bottom: 1px solid #cfcfcf;
}
.cright, .cmber, .likeco button {
	border-radius: 2px;
}
.newsbox, .cmber, .ctop, .pnote {
	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: 88%;
	padding: 5px 0 5px 2%;
}
.ppic {
    width: 50px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}
.mberdesc {
    line-height: 23px;
}
.mberdesc, .likeco {
    padding: 8px 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;
    border: 1px solid #cfcfcf;
    border-radius: 50%;
    overflow: hidden;
}
.cprotxt {
    width: 149px;
    margin-top: 16px;
}
.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;
}
.profilenav li a {
    padding: 3px 5px;
    display: inline-block;
}
.profilenav li:last-child a {
    padding: 0 0 0 12px;
    text-align: center;
    border-left: solid 1px #09bcc9;
    margin-left: 0;
    border-radius: 0;
}
.headleft {
    margin: 5px 0 0;
    width: 400px;
    float: left;
}
.pnote li {
	border-top: 1px dotted #e9e9e9;
	padding: 6px 0;
}
.pnote li:first-child {
	border:none;
	padding-top: 0;
}
.pnote a span {
    width: 170px;
    float: left;
    line-height: 18px;
}
.pnote a strong {
    width: 25px;
    float: right;
    text-align: right;
}
.newsbox .mynetwork li a span {
    font-size: 13px;
}
.mynetright {
    width: 70%;
    margin: 0 0 0 2%;
}
.mynetright .namedes {
    width: 80%;
}
    .mynetright .mbername a {
        float: left;
        width: 100%;
    }

.reqsec {
    margin-top: 12px;
    padding-left: 54px;
}
.mynetright .namedes strong, .ignorebtn, .acceptbtn {
    font-size: 14px;
}
.ignorebtn, .acceptbtn {
    padding: 7px 23px;
    cursor: pointer;
    margin: 0 3px;
    border-radius: 2px;
}
.mynetright .mbername {
    width: 48%;
    margin: 7px;
    border: solid 1px #F5F5F5;
    padding: 10px;
}
.titlesearch {
    width: 100%;
    float: left;
}
    .titlesearch h6 {
        width: auto;
        float: left;
        font-size: 16px;
    }
    .titlesearch input {
        width: auto;
        float: right;
        padding: 6px 20px;
    }
    /***********************************
                                     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%;
        }
    }