@import url("../css/reset.css");

@import url("../css/owl.carousel.min.css");

@import url("../css/owl.theme.default.min.css");



.container {

	max-width: 1170px;

	width: 100%;

	margin: 0 auto;

	position: relative;

	padding: 0;

	padding-left: 15px;

	padding-right: 15px;

	font-size:16px;

}

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

@

@	Home page Styles

@

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

.headerSec{

	padding:10px 0;

}

.bannerSec{

	background-position:100% 0% !important ;

	background-repeat:no-repeat !important;

	height:730px;

	font-family: 'Raleway', sans-serif;

}

.bannerSec:before{

	content:'';

	position:absolute;

	background:url(../images/banner-left-bg.png);

	background-repeat:no-repeat;

	left:0;

	top:0;

	width:123px;

	height:487px;

}

.mainMenu{

	text-align:center;

	margin-top:22px;

}

.mainMenu li{

	display:inline-block;

	margin-right:36px;

}

.mainMenu li:last-child{

	margin-right:0;

}



.mainMenu li a{

	background-color:#2870db;

	color:#fff;

	padding:12px 12px;

	border-radius:25px;

	display:block;

	font-size:15px;

	font-weight:600;

	-webkit-box-shadow: -1px 11px 11px -1px rgba(17,83,165,0.2);

	-moz-box-shadow: -1px 11px 11px -1px rgba(17,83,165,0.2);

	box-shadow: -1px 11px 11px -1px rgba(17,83,165,0.2);



}

.mainMenu li a:hover{

	color:#000;

}

.signIn{

	background-color:#fff;

	color:#444444;

	padding:12px 28px;

	border-radius:25px;

	display:inline-block;

	font-size:15px;

	font-weight:600;

	margin-top:28px;

}

#bannerSlid h2{

	font-size:43px;

	font-family: 'Montserrat', sans-serif;

	font-weight:bold;

	padding-bottom:15px;

	padding-top:60px;

}

#bannerSlid p{

	color:#292929;

	font-weight:600;

	line-height:26px;

	padding-bottom:20px;

}

.owl-stage-outer .btnall {

	margin-bottom:25px;

}

.btnall{

	padding:12px 28px;

	border-radius:25px;

	display:inline-block;

	background-color:#2870db;

	color:#fff;

	font-weight:600;

	-webkit-box-shadow: 1px 11px 30px 5px rgba(17,83,165,0.2);

	-moz-box-shadow: 1px 11px 30px 5px rgba(17,83,165,0.2);

	box-shadow: 1px 11px 30px 5px rgba(17,83,165,0.2);

}

.btnall2 {

    padding: 18px 47px;

    border-radius: 33px;

    display: inline-block;

    background-color: #2870db;

    color: #fff;

    font-weight: 600;

	-webkit-box-shadow: 1px 11px 30px 5px rgba(17,83,165,0.2);

	-moz-box-shadow: 1px 11px 30px 5px rgba(17,83,165,0.2);

	box-shadow: 1px 11px 30px 5px rgba(17,83,165,0.2);

}

#bannerSlid .owl-dot span{

	background: #2870db !important;

}

#bannerSlid  .owl-dot.active span{

	 background: #8fdaf0 !important;

}

#bannerSlid .owl-dot:hover span{

	background: #8fdaf0 !important;

}

#bannerSlid .owl-nav.disabled+.owl-dots {

    margin-top: 61px;

    text-align: left;

}



#bannerSlid .item{

	padding-left:15px;

}



/*--mobile menu--*/

.sidenav {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 15;

    top: 0;

    left: 0;

    background-color: rgba(25,85,163, 0.9);

    overflow-x: hidden;

    transition: 0.5s;

    padding-top: 60px;

	

}

.sidenav li{

	position:relative;

}



.sidenav a {

    padding: 8px 8px 8px 32px;

    text-decoration: none;

    font-size: 16px;

    color: #fff;

    display: block;

    transition: 0.3s;

}



.sidenav a:hover {

    color: #f1f1f1;

}



.sidenav .closebtn {

    position: absolute;

    top: 0;

    right: 25px;

    font-size: 36px;

    margin-left: 50px;

}

.mobilMenu{

	display:none;

}



.sidenav{

	width:0px;

}

.sidenav.open{

	width:calc(100% - 80px);

}

/*--Email Service --*/

.emailService{

	padding-top:72px;

	position:relative;

	padding-bottom:97px;

}

.emailService:after{

	content:'';

	position:absolute;

	background:url(../images/welcome-rght-bg.png);

	background-repeat:no-repeat;

	top:50%;

	right:0;

	width:35px;

	height:90px;

}

.emailService:before{

	content:'';

	position:absolute;

	background:url(../images/author-bg.png);

	background-repeat:no-repeat;

	background-size:754px;

	left:0;

	bottom:0;

	width:900px;

	height:100%;

}

.emailService .shoutSht h2{

	color:#2870db;

	font-size:35px;

	font-weight:bold;

}

.emailService .shoutSht p{

	color:#263238;

	font-size:20px;

	font-weight:bold;

}

.emailService .shoutSht p span{

	display:block;

}

.shoutSht {

    position: relative;

	top:-18px;

	 transform: rotate(-10deg);

	 z-index:-1;

	 margin-top:-140px;

	 left:-30px;

}

.shoutSht img{

	display:inline-block;

}

.shoutSht span{

	display:inline-block;

}

.imgRound{

	position:relative;

}

.imgRound img{

	border-radius:20px;

	position:relative;

}

.imgRound:after {

    content: '';

    position: absolute;

    background: url(../images/orng-Round.png);

    right: -25px;

    top: -40px;

    width: 67px;

    height: 67px;

    z-index: -1;

}

.mainTitle{

	color:#263238;

	font-size:35px;

	line-height:44px;

	font-weight:bold;

	padding-bottom:32px;

}

.pl-50{

	padding-left:50px;

}

.pt-65{

	padding-top:65px;

}

.innerP p{

	margin-bottom:28px;

	font-weight:500;

}

.respnsveCompaigns{

	text-align:center;

	color:#fff;

}

.respnsveCompaigns h2{

	font-size:35px;

	font-family: 'Montserrat', sans-serif;

	padding-bottom:27px;

	font-weight:bold;

	line-height:45px;

}

.respnsveCompaigns p{

	color:#fff;

	font-size:20px;

	padding-bottom:40px;

}

.stunningReady .headerTxt{

	text-align:center;

}

.stunningReady .headerTxt  h2{

	font-size:35px;

	font-family: 'Montserrat', sans-serif;

	padding-bottom:24px;

	font-weight:bold;

	line-height:45px;

}

.stunningReady .headerTxt h3{

	font-size:16px;

	line-height:30px;

	padding-bottom:40px;

	font-family: 'Raleway', sans-serif;

	color:#292929;

	font-weight:600;

} 

.hwItWrkSec h5{

	font-size:24px;

	font-weight:bold;

	font-family: 'Raleway', sans-serif;

	padding-bottom:27px;

}

.hwItWrkSec p {

    font-weight: 500;

    line-height: 27px;

	position:relative;

}

.mb40{

	margin-bottom:40px;

}

.hwItWrkSec .btnall2{

	margin-top:28px;

}

.roundBg {

    background: url(../images/roundBg.png);

    background-repeat: no-repeat;

    display: block;

    height: 395px;

    padding-top: 86px;

    padding-left: 10px;

	position: relative;

    top: -64px;

}

.roundBg:after{

	content:'';

	position:absolute;

	background:url(../images/orng-Round.png);

	background-repeat:no-repeat;

	top:0;

	right:0;

	width:65px;

	height:65px;

}

.roundBg:after {

    content: '';

    position: absolute;

    background: url(../images/orng-Round.png);

    background-repeat: no-repeat;

    top: 60px;

    right: 76px;

    width: 67px;

    height: 65px;

    z-index: -1;

}

.roundBg2 {

    background: url(../images/roundBg2.png);

    background-size: 100%;

    background-repeat: no-repeat;

    display: block;

    height: 456px;

    width: 100%;

    padding-top: 50px;

    padding-left: 10px;

    position: relative;

    top: -64px;

}

.roundBg2 img{

	width:80%;

	margin:0 auto;

	text-align:center;

	display:block;

}

.whyChoseUs{

	padding-top:84px;

	padding-bottom:80px;

	color:#fff;

	text-align:center;

}

.whyChoseUs .mainTitle{

	color:#fff;

}

.whyChoseUs .box{

	background:#fff;

	border-radius:15px;

	padding:43px 15px;

	margin-bottom:30px;

	font-family: 'Raleway', sans-serif;

	height:100%;

}

.whyChoseUs .box h4{

	color:#263238;

	font-size:20px;

	font-weight:bold;

	padding-top:23px;

	padding-bottom:18px;

}

.whyChoseUs .box p{

	font-weight:600;

}

.whyChoseUs h3{

	font-size:16px;

	padding-bottom:50px;

}

.whyChoseUs .box span{

	display:block;

	height:65px;

}

.whyChoseUs .roundimg:after {

    content: '';

    position: absolute;

    background: url(../images/orng-Round2.png);

    width: 80px;

    height: 80px;

    right: -29px;

    top: -35px;

    background-repeat: no-repeat;

}

.roundimg{

	position:relative;

}

/*--Get Started--*/

.getStarted{

	text-align:center;

	position:relative;

}

.getStarted p{

	line-height:27px;

	font-size:16px;

}

.getStarted .btnall2{

	margin-top:29px;

	margin-bottom:70px;

}

.getStarted:before{

	content:'';

	position:absolute;

	background:url(../images/getStrated-lftbg.png);

	top:67px;

	left:0;

	width:109px;

	height:426px;

}

.getStarted:after{

	content:'';

	position:absolute;

	background:url(../images/getStrated-rhtbg.png);

	top:37px;

	right:0;

	width:160px;

	height:423px;

}

.subcribeNewsleter {

	text-align:center;

	color:#fff;

	z-index:2;

	position:relative;

}

.subcribeNewsleter .subBox{

	background:url(../images/subcribeBg.jpg);

	background-size:cover;

	border-radius:20px;

	color:#fff;

	padding:75px 167px 65px;

}

.subcribeNewsleter .subBox h2{

	font-size:35px;

	color:#fff;

	font-weight:bold;

	font-family: 'Montserrat', sans-serif;

	padding-bottom:30px;

}

.subcribeNewsleter .subBox p{

	color:#fff;

	padding-bottom:30px;

}

.subcribeNewsleter .subBox .form-control{

	border-radius:25px;

	height:50px;

	padding-left:24px;

}



.subcribeNewsleter .subBox .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  font-size:13px;

  font-weight:bold;

  color:#414141;

 

}

.subcribeNewsleter .subBox .form-control::-moz-placeholder { /* Firefox 19+ */

  font-size:13px;

  font-weight:bold;

  color:#414141;

}

.subcribeNewsleter .subBox .form-control:-ms-input-placeholder { /* IE 10+ */

  font-size:13px;

  font-weight:bold;

  color:#414141;

}

.subcribeNewsleter .subBox .form-control:-moz-placeholder { /* Firefox 18- */

  font-size:13px;

  font-weight:bold;

  color:#414141;

}

.subcribeNewsleter .btn{

	background:#2cb6df;

	font-size:17px;

	padding-left:60px;

	padding-right:60px;

	margin-top:35px;

}

/*--Footer Sec--*/

.footerSec{

	position:relative;

	color:#fff;



}

.footerLogo .btnall2{

	background:#2cb6df;

	font-size:14px;

	margin-top:35px;

}



.footerSec:after {

    content: '';

    background: url(../images/footerBg.png);

    background-repeat: no-repeat;

    position: absolute;

    width: 100%;

    height:900px;

    top: -354px;

    left: 0;

    z-index: -1;

    background-size:cover;

    background-position: 50% 100%;

}

.footerLogo p{

	font-size:15px;

	color:#fff;

}

.footerSec h2{

	font-size:20px;

	font-weight:bold;

	text-transform:capitalize;

	padding-bottom:38px;

	margin-top:28px;

	font-family: 'Raleway', sans-serif;

}

.footerSec ul a{

	color:#fff;

	font-family: 'Raleway', sans-serif;

	font-size:15px;

	font-weight:400;

}

.footerSec ul a:hover{

	color:#2cb6df;

}



.footerSec ul.footerMenu li{

	padding-bottom:20px;

}

.footerSec ul.footerMenu li:last-child{

	padding-bottom:0px;

}

.footerContactUs li{

	padding-bottom:30px;

}

.footerContactUs li:last-child{

	padding-bottom:0px;

}

.top-scl-icn li{

	padding-bottom:12px;

}

.top-scl-icn li:last-child{

	padding-bottom:0px;

}

.top-scl-icn li a {

    display: inline-block;

    position: relative;

    margin: 0 auto 0 auto;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    text-align: center;

    font-size: 15px;

	font-weight:500;

}



  .top-scl-icn li a:hover i {

	-moz-transform: rotate(360deg);

	-webkit-transform: rotate(360deg);

	-ms--transform: rotate(360deg);

	transform: rotate(360deg);

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	-o-transition: all 0.2s;

	-ms-transition: all 0.2s;

	transition: all 0.2s;

}

 .top-scl-icn li a i {

	-webkit-transition: all 0.8s;

	-moz-transition: all 0.8s;

	-o-transition: all 0.8s;

	-ms-transition: all 0.8s;

	transition: all 0.8s;

	margin-right:20px;

	background:#fff;

	color:#2376cf;

	border-radius:50%;

	width:32px;

	height:32px;

	line-height:32px;

}

.copyright{

	text-align:center;

	font-size:12px;

	border-top:1px solid #3d7bc4;

	padding:26px 0;

	margin-top:25px;

	color:#fff;

	text-transform:uppercase;

}

.copyright a{

	color:#2cb6df;

}

.icnPostn {

    position: absolute;

    right:36px;

    bottom: -92px;

}

.roundBg2 video {

    width: 370px;

    margin: 0 auto;

}

.roundBg2:after {

    content: '';

    position: absolute;

    background: url(../images/orng-Round.png);

    background-repeat: no-repeat;

    top: 60px;

    left: 33px;

    width: 67px;

    height: 65px;

    z-index: -1;

}

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

@

@	Sign in page Styles

@

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

.signInsec, .innerpage {

		padding:100px 0;

}

.signINbx{

	padding:50px;

	border-radius:15px;

	-webkit-box-shadow: -1px 3px 40px -10px rgba(0,161,241,0.6);

	-moz-box-shadow: -1px 3px 40px -10px rgba(0,161,241,0.6);

	box-shadow: -1px 3px 40px -10px rgba(0,161,241,0.6);

	background:#fff;

}

.signINbx .btnall2 {

    margin-top: 25px;

    padding: 10px 47px;

}

.signINbx .btnall2:hover{

	color:#000;

}

.signINbx .mainTitle{

	font-size:22px;

	padding-bottom:15px;

	    color: #47bee1;

}



.signINbx .form-control{

	border-radius:25px;

	height:50px !important;

	padding-left:24px;

}



.signINbx .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  font-size:13px;

  font-weight:bold;

  color:#414141;

 

}

.signINbx .form-control::-moz-placeholder { /* Firefox 19+ */

  font-size:13px;

  font-weight:bold;

  color:#414141;

}

.signINbx .form-control:-ms-input-placeholder { /* IE 10+ */

  font-size:13px;

  font-weight:bold;

  color:#414141;

}

.signINbx .form-control:-moz-placeholder { /* Firefox 18- */

  font-size:13px;

  font-weight:bold;

  color:#414141;

}

.signINbx .right{

	border-left:1px solid #cfdded;

	padding-left:20px;

}

.signINbx .right p{

	line-height:16px;

	padding-bottom:15px;

}

.signINbx .right form{

	padding-left:15px;

	padding-top:1px;

	margin-top:10px;

	border-left:2px solid #1955a3;

}

.signINbx .right .custom-control{

	padding-bottom:10px;

	font-size:14px;

}

.signINbx p{

	margin-bottom:10px;

}

.innerHeader{

	-webkit-box-shadow: 0px 10px 19px -6px rgba(0,0,0,0.1);

-moz-box-shadow: 0px 10px 19px -6px rgba(0,0,0,0.1);

box-shadow: 0px 10px 19px -6px rgba(0,0,0,0.1);

border-bottom:1px solid #47bee1;



}

.innerHeader .mainMenu {

    text-align: center;

    margin-top: 44px;

}



.innerHeader .signIn {

    background-color: #fff;

    color: #444444;

    padding: 12px 0px;

    border-radius: 25px;

    display: inline-block;

    font-size: 14px;

    font-weight: 600;

    margin-top: 40px;

}

.avidReaderSignIn a:hover{

	color:#2870db;

}

.avidReaderSignIn form strong {

	padding-top:3px;

}

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

@

@	About page Styles

@

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

.about h4.mainTitle {

    margin-bottom: 60px;

    color: #2cb6df;

    font-size: 45px;

}

.about:before{

	display:none;

}

.bgwht {

    background: #fff;

    padding: 24px;

    border-radius: 15px;

}



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

@

@	contact page Styles

@

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

.contact .form-group {

    margin-bottom: 5px;

}





.contact h3{

	    font-size: 24px;

        margin-bottom: 10px;

}

.contact .input-group {

    position: relative;

    display: table;

    border-collapse: separate;

}





.contact-info p{

    line-height: 26px;

    font-size: 14px;

    font-weight: 400;

    color: #535151;

	margin-bottom:0;

}





.contact .input-group-addon {

    background-color: transparent;

    border: 1px solid #000;

    border-radius: 0px;

}



.contact .input-group-addon:last-child {

    border-left: 0;

    border-right: transparent;

    border-top: transparent;

}



.contact option {

    color: #6b6c6d;

}



.contact hr {

    border-top: 1px solid #e4e9e8;

    margin-bottom:10px;

    margin-top: 40px;

}

.contact .mb60{margin-bottom:30px;}



.contact iframe{

	width: 100%;

	height: 403px;

}





.contact .btn-primary:hover {

    background-color:transparent;

    color: #000;

    border: 1px solid #000;

}





.contact .pdt20 {

    padding-top: 20px;

}



.contact .contact-caption-text {

    font-size: 23px;

    color: #272d2c;

}



.contact #contact-map {

    height: 450px;

    width: 100%;

    position: relative;

}





.contact .contact-section {

    margin-bottom: 10px;

    margin-top: 30px;

    padding-bottom: 20px;

    border-bottom: 1px solid #000;

}



.contact .contact-section .contact-icon {

    float: left;

    margin-bottom: 20px;

    display: inline-block;

    font-size: 25px;

    color: #000;

    padding-right: 20px;

    position: initial;

	

}



.contact .contact-section .contact-info {

    font-weight: 700;

}

.contact .contact-caption p{

	color:#fff;

}

.contact .right{

	padding-top:65px;

}

.contact .left{

	margin-bottom:50px;

}

.contact .btn-search {

    background: #2cb6df;

    color: #fff;

}

.contact .bgwht, .pricing .bgwht{

	padding:0;

}

/*--Blog Section--*/

.blogSec {

    padding-top: 40px;

    padding-bottom: 25px;

   /* border-top: 1px solid #ccc;*/

    margin-top: 25px;



}

.blogSec .mainbg{

	background:#2cb6df;

	color:#fff;

	border:none;

	

}

.btn-main{

	background:#2cb6df;

	border-radius: 0;

	border: 1px solid #2cb6df; 

}

.list-group {

	border-radius: 0;

}

.list-group small{

	font-size:12px;

	margin-bottom:5px;

	margin-top:10px;

	display:block;

}

.list-group .list-group-item {

	background-color: transparent;

	overflow: auto;

	border: 0;

	border-radius: 0;

	padding: 0 10px;

}

.list-group .list-group-item .row-picture, .list-group .list-group-item .row-action-primary {

	float: left;

	display: inline-block;

	padding-right: 16px;

	padding-top: 8px;

}

.list-group .list-group-item .row-picture img, .list-group .list-group-item .row-action-primary img, .list-group .list-group-item .row-picture i, .list-group .list-group-item .row-action-primary i, .list-group .list-group-item .row-picture label, .list-group .list-group-item .row-action-primary label {

	display: block;

	width: 56px;

	height: 56px;

}

.list-group .list-group-item .row-picture img, .list-group .list-group-item .row-action-primary img {

	background: rgba(0, 0, 0, 0.1);

	padding: 1px;

}

.list-group .list-group-item .row-picture img.circle, .list-group .list-group-item .row-action-primary img.circle {

	border-radius: 100%;

}

.list-group .list-group-item .row-picture i, .list-group .list-group-item .row-action-primary i {

	background: rgba(0, 0, 0, 0.25);

	border-radius: 100%;

	text-align: center;

	line-height: 56px;

	font-size: 20px;

	color: white;

}

.list-group .list-group-item .row-picture label, .list-group .list-group-item .row-action-primary label {

	margin-left: 7px;

	margin-right: -7px;

	margin-top: 5px;

	margin-bottom: -5px;

}

.list-group .list-group-item .row-content {

	display: inline-block;

	width: calc(100% - 92px);

	min-height: 66px;

}

.list-group .list-group-item .row-content .action-secondary {

	position: absolute;

	right: 16px;

	top: 16px;

}

.list-group .list-group-item .row-content .action-secondary i {

	font-size: 20px;

	color: rgba(0, 0, 0, 0.25);

	cursor: pointer;

}

.list-group .list-group-item .row-content .action-secondary ~ * {

	max-width: calc(100% - 30px);

}

.list-group .list-group-item .row-content .least-content {

	position: absolute;

	right: 16px;

	top: 0px;

	color: rgba(0, 0, 0, 0.54);

	font-size: 14px;

}

.list-group .list-group-item .list-group-item-heading {

	color: rgba(0, 0, 0, 0.77);

	font-size: 20px;

	line-height: 29px;

}

.list-group .list-group-separator {

	clear: both;

	overflow: hidden;

	margin-top: 10px;

	margin-bottom: 10px;

}

.list-group .list-group-separator:before {

	content: "";

	width: calc(100% - 90px);

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	float: right;

}

.bg-profile {

	background-color: #3498DB !important;

	height: 150px;

	z-index: 1;

}

.bg-bottom {

	height: 100px;

	margin-left: 30px;

}

.img-profile {

	display: inline-block !important;

	background-color: #fff;

	border-radius: 6px;

	margin-top: -50%;

	padding: 1px;

	vertical-align: bottom;

	border: 2px solid #fff;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	color: #fff;

	z-index: 2;

}

.row-float {

	margin-top: -40px;

}

.explore a {

	color: green;

	font-size: 13px;

	font-weight: 600

}

.twitter a {

	color: #4099FF

}

.img-box {

	box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);

	border-radius: 2px;

	border: 0;

}

.blogSec h4{

	margin-bottom:10px;

}

.blogDetails h2{

	font-size:18px;

	font-weight: 700;

    margin: 0;

    margin-top: 30px;

    margin-bottom: 30px;

    color: #141414;

}

.blogTitle{

	padding-bottom:10px;

	font-weight:bold;

}

blockquote {

    margin: 25px 0;

    padding: 0 0 0 20px;

    font-size: 14px;

    line-height: 24px;

    color: #999;

    font-style: italic;

    font-weight: 300;

    border-left: 2px solid #45bee2;

}

blockquote strong{

	font-weight:bold;

	color:#999;

}

/*--Blog Sec End--*/

.pricingTable{

    text-align: center;

}

.pricingTable .pricingTable-header{

    padding: 30px 0;

    background:#2e7dc5;

    position: relative;

    transition: all 0.3s ease 0s;

}

.pricingTable:hover .pricingTable-header{

    background: #2cb6df;

}

.pricingTable .pricingTable-header:before,

.pricingTable .pricingTable-header:after{

    content: "";

    width: 16px;

    height: 16px;

    border-radius: 50%;

    border: 1px solid #d9d9d8;

    position: absolute;

    bottom: 12px;

}

.pricingTable .pricingTable-header:before{

    left: 40px;

}

.pricingTable .pricingTable-header:after{

    right: 40px;

}

.pricingTable .heading{

    font-size: 20px;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin-top: 0;

}

.pricingTable .price-value{

    display: inline-block;

    position: relative;

    font-size: 55px;

    font-weight: bold;

    color:#5bd0f3;

    transition: all 0.3s ease 0s;

}

.pricingTable:hover .price-value{

    color: #fff;

}

.pricingTable .currency{

    font-size: 30px;

    font-weight: bold;

    position: absolute;

    top: 6px;

    left: -19px;

}

.pricingTable .month{

    font-size: 16px;

    color: #fff;

    position: absolute;

    bottom: 15px;

    right: -30px;

    text-transform: uppercase;

}

.pricingTable .pricing-content{

    padding-top: 50px;

    background: #fff;

    position: relative;

}

.pricingTable .pricing-content:before,

.pricingTable .pricing-content:after{

    content: "";

    width: 16px;

    height: 16px;

    border-radius: 50%;

    border: 1px solid #7c7c7c;

    position: absolute;

    top: 12px;

}

.pricingTable .pricing-content:before{

    left: 40px;

}

.pricingTable .pricing-content:after{

    right: 40px;

}

.pricingTable .pricing-content ul{

    padding: 0 20px;

    margin: 0;

    list-style: none;

}

.pricingTable .pricing-content ul:before,

.pricingTable .pricing-content ul:after{

    content: "";

    width: 8px;

    height: 46px;

    border-radius: 3px;

    background: linear-gradient(to bottom,#818282 50%,#727373 50%);

    position: absolute;

    top: -22px;

    z-index: 1;

    box-shadow: 0 0 5px #707070;

    transition: all 0.3s ease 0s;

}

.pricingTable:hover .pricing-content ul:before,

.pricingTable:hover .pricing-content ul:after{

    background: linear-gradient(to bottom, #40c4db 50%, #34bacc 50%);

}

.pricingTable .pricing-content ul:before{

    left: 44px;

}

.pricingTable .pricing-content ul:after{

    right: 44px;

}

.pricingTable .pricing-content ul li{

    font-size: 15px;

    font-weight: bold;

    color: #777473;

    padding: 10px 0;

    border-bottom: 1px solid #d9d9d8;

}

.pricingTable .pricing-content ul li:last-child{

    border-bottom: none;

}

.pricingTable .read{

    display: inline-block;

    font-size: 16px;

    color: #fff;

    text-transform: uppercase;

    background: #2870db;

    padding: 8px 25px;

    margin: 30px 0;

    transition: all 0.3s ease 0s;

}

.pricingTable .read:hover{

    text-decoration: none;

}

.pricingTable:hover .read{

    background: #09b1c5;

}

@media screen and (max-width: 990px){

    .pricingTable{ margin-bottom: 25px; }

}

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

@

@	Features page Styles

@

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

.feature .roundBg:after{

	display:none;

}

.feature .roundBg img {

    outline: 2px solid white;

    outline-offset: -8px;

}

ul.list {

    padding-left: 6px;

	margin-bottom:20px;

}

ul.list li{

	padding-bottom:10px;

}

ul.list li i {

    margin-right: 10px;

    color: #2870db;

}

.feature .roundBg {

    top: 0px;

}

.feature .hwItWrkSec h5 {

    padding-bottom: 19px;

    color: #2870db;

}

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

@

@	Profile page Styles

@

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

.profilBanner{

	background-size:cover !important;

	height:287px;

	object-fit:cover;

	position:relative;

}

.profilBanner:after{

	content:'';

	background:url(../images/prfl-shadow.png);

	position:absolute;

	width:100%;

	height:190px;

	bottom:0;

	left:0;

}

.profilBanner .text-sec {

    position: relative;

    top: 180px;

    z-index: 1;

}

.profilBanner .text-sec .profilePic {

    display: inline-block;

	-webkit-box-shadow:8px 8px 30px -8px rgba(0,0,0,0.75);

	-moz-box-shadow: 8px 8px 30px -8px rgba(0,0,0,0.75);

	box-shadow: 8px 8px 30px -8px rgba(0,0,0,0.75);

}

.profilPage{

	margin-top:150px;

}

.profilPage .roundBg{

	top:0;

}

.profilPage p{

	padding-bottom:15px;

}

.profilPage .smallHeader{

	font-weight:bold;

	padding-bottom:5px;

}

.profile .proflName{

    font-size:25px;

    font-family: 'Montserrat', sans-serif;

	font-weight:bold;

	color:#fff;

	text-transform:capitalize;

	padding-bottom:15px;

}

.profilePic{

	margin-bottom:15px;

}

.profilePic img {

    outline: 4px solid white;

    outline-offset: 0px;

}

.genre{

	display:inline-block;

	color:#fff;

}

.genre a{

	color:#fff;

}

.genre span, .genre ul{

	display:inline-block;

}

.genre ul{

	padding-left:14px;

}

.genre ul li{

	display:inline-block;

	font-family: 'Raleway', sans-serif;

	font-size:12px;

	overflow:hidden;

	margin-right:6px;

}

.genre ul li a{

	padding:5px 8px;

	display:block;

	border:1px solid #fff;

	border-radius:10px;

}

.genre ul li a:hover{

	color:#fff;

	background:#2870db;

}

.proflEdit{

	text-align:right;

	float:right;

}

.proflEdit li{

	display:inline-block;

	color:#fff;

}

.proflEdit li a{

	color:#fff;

	font-family: 'Raleway', sans-serif;

	font-size:13px;

	padding:5px 13px;

	display:block;

	border-radius:10px;

	background:#131313;

}

.proflEdit li a:hover{

	background:#2870db;

}

.proflEdit i{

	margin-right:3px;

}

.text-profile {

    margin-top: 37px;

}

.text-profile h2{

	color:#2870db;

	font-weight:500;

	padding-bottom:10px;

}

.text-profile a{

	color:#2870db;

}

.profilBanner .text-sec .top-scl-icn{

	text-align:center;

}

.profilBanner .text-sec .top-scl-icn li{

	display:inline-block;

	padding-bottom: 12px;

}

.profilBanner .text-sec .top-scl-icn li a.facebook i{

	background:#3f51b5;

	color:#fff;

}

.profilBanner .text-sec .top-scl-icn li a.twiter i{

	background:#03a9f4;

	color:#fff;

}

.profilBanner .text-sec .top-scl-icn li a.pinterest i{

	background:#ab2f26;

	color:#fff;

}

.profilBanner .text-sec .top-scl-icn li a.envelope i{

	background:#b9bcbe;

	color:#fff;

}



.profilBanner .text-sec .top-scl-icn li a.linkdin i{

	background:#0077b5;

	color:#fff;

}

.profilBanner .text-sec .top-scl-icn li a.instagram i{

	background:#f09433;

	color:#fff;

}

.profilBanner .text-sec .top-scl-icn li a i {

    margin-right: 3px;

	font-size:18px;

}

.profilBanner .text-sec .left p{

	font-size:10px;

	color:#999999;

	text-align:center;

}

.profilBanner .text-sec .left .btnall {

    font-size: 15px;

    padding: 10px 20px;

    text-transform: capitalize;

    margin: 0 auto;

    display: block;

    text-align: center;

}

.profilePic-txt{

	width:200px;

}

.profile .text-sec .right {

    padding-top: 20px;

}

.profilPage .roundBg {

    height: 391px;

    padding-top: 80px;

    padding-left: 0px;

    padding-right: 25px;

    top:0px;

}

.profilPage .roundBg img{

    margin: 0 auto;

    text-align: center;

    display: block;

}

.prfilDropDn{



	display:inline-block;

}

.prfilDropDn a{

	font-size:12px;

}

.loginPrfl li{

	display:inline-block;

	margin-top:40px;

}

.prfilDropDn .btn{

	position:relative;

	text-align:left;

	background:none;

	font-family: 'Raleway', sans-serif;

	font-weight:600;

	color:#444444;

}

.prfilDropDn .btn:focus{

	box-shadow:none;

}

.prfilDropDn .btn span{

	display:block;

	font-size:12px;

	font-weight:600;

}

.prfilDropDn .dropdown-toggle::after {

    right: 0;

    position: absolute;

	bottom:15px;

}

.wlcmImg{

	display:inline-block;

	width:40px;

	height:40px;

	border-radius:50%;

	background:#2870db;

}

.wlcmImg img{

	width:100%;

	height:40px;

	object-fit:cover;

}

.loginPrfl{

	font-family: 'Raleway', sans-serif;

	font-weight:600;

	    text-align: right;

}

.loginPrfl li:first-child{

	margin-right:20px;

}

.loginPrfl li i{

	color:#2870db;

	font-size:25px;

}

.notifctn{

	position:relative;

}

.numbr {

    position: absolute;

    right: -7px;

    top: -10px;

    border-radius: 50%;

    background: #263238;

    color: #fff;

    display: inline-block;

    min-width: 18px;

    text-align: center;

    min-height: 18px;

    font-size: 12px;

}

.proflEdit-mobile{

	display:none;

}

/*--Service--*/

.serviceSection .container{

	background:#fff;

	border-radius:10px;

	padding-bottom:50px;

}

.serviceSection .mainTitle{

	text-align:center;

}

.serviceSection .srvcBx h3{

	color:#2870db;

	font-size:25px;

	font-weight:bold;

}

.serviceSection .srvcBx{

	-webkit-box-shadow: -2px 4px 50px -5px rgba(0,0,0,0.2);

	-moz-box-shadow: -2px 4px 50px -5px rgba(0,0,0,0.2);

	box-shadow: -2px 4px 50px -5px rgba(0,0,0,0.2);

	border-radius:15px;

	padding:30px;

	margin-right:15px;

	margin-left:15px;

	margin-bottom:35px;

	z-index:3;

	background:#fff;

	position:relative;

}



.serviceSection .srvcBx ul{

	font-family: 'Raleway', sans-serif;

	font-size:14px;

	text-transform:capitalize;

	padding-top:18px;

	font-weight:600;

}

.serviceSection .srvcBx ul i{

	font-size:9px;

	color:#2cb6df;

	margin-right:14px;

	position:relative;

	top:-2px;

}

.serviceSection .srvcBx ul li{

	padding-bottom:15px;

}

.grid-item { width: 360px; }

.serviceSection .mainTitle{ 

	margin-bottom:25px;

}

.srvcBxRoundbefore:after {

    content: '';

    position: absolute;

    width: 128px;

    height: 128px;

    top: -47px;

    right: -37px;

    background: url(../images/srvcBxRound.png);

    z-index: 1;

}

.srvcBxRound:after {

    content: '';

    position: absolute;

    width: 128px;

    height: 128px;

    bottom: -25px;

    left: -35px;

    background: url(../images/srvcBxRound.png);

    z-index: 1;

}

/*--Edite profile--*/

.avatar {

    width:4rem;

    height:4rem;

    line-height: 2rem;

    display: inline-block;

    background: #ff7088 no-repeat center/cover;

    position: relative;

    text-align: center;

    color: #fff;

    font-weight: 600;

    vertical-align: bottom;

    font-size: .875rem;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.brround {

    border-radius: 50%;

}

.editeProfile .brderRight{

	border-right:1px solid #ccc;

}



.editeProfile .brderRight a.prflEdt {

    position: absolute;

    right: -11px;

    top: -9px;

    color: #2870db;

    font-size: 17px;

}

.editeProfile .right a.prflEdt {

    position: absolute;

    right: 15px;

    top: 7px;

    color: #fff;

    font-size: 22px;

    border: 1px solid #fff;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 50px;

}

.editeProfile .editPicBg{

	background-size: cover !important;

    height: 287px;

    object-fit: cover;

    position: relative;

	margin-bottom:15px;

}

.editeProfile .brderRight h3{

	color:#47bee1;

	font-weight:bold;

	margin-top:15px;

}

.editeProfile .brderRight .profilePic-txt{

	width:100%;

}

.editeProfile .profilePic-txt a {

    width: 10px;

    display: inline-block;

    margin-top: 5px;

}

.editeProfile .right .editformSec .form-control {

    border-radius:5px;

    height: 50px;

    padding-left: 24px;

}

.UploadBookEdit {

    background: #2cb6df;

    width: 50%;

    display: block;

    color: #fff;

    padding: 10px;

    text-align: center;

    font-weight: bold;

    border: 1px dashed;

}





.dashboardMenu .mainMenu li {

    display: inline-block;

    margin-right: 15px;

}

.dashboardMenu .mainMenu li a{

	padding: 12px 20px;

}





.asterisk_input {

	color: #e32;

	position: absolute;

	margin: 0px 0px 0px 448px;

	font-size: 17px;

	padding: 0 5px 0 0;

	top: 14px;

	margin-left: 18px;

}



.fndbtn {

	margin-left: -7px !important;

}



.relativeClass{

	position: relative;

}



.chkbxstr{

	margin-left: -7px !important;

	top : 1px !important;

}



.drpdwnstr{

	top : 6px !important;

}

.paddbtm{

	padding-bottom: 10px;

}

.blue-txt{

	font-weight: 600;

	color: #2870db;

}

.authorHome .top-scl-icn{

	text-align: right;

}

.authorHome .top-scl-icn li{

	display: inline-block;

}

.authorHome .top-scl-icn li:last-child{

	padding-bottom: 12px;

}

.authorHome .top-scl-icn li a {

    background: #70cee9;

}

.authorHome .top-scl-icn li a i{

	margin-right: 8px;

}

.authorHome .hwItWrkSec{

	padding-top: 50px;

}

.browsSec {

	background: url(../images/blank-lp.png);

	background-repeat: no-repeat;

	width: 378px;

	height: 230px;

	position: relative;

}

.browsSec img {

	position: absolute;

    top: 12px;

    left: 44px;

    width: 290px;

    height: 181px;

	object-fit: cover;

}

.browsSec .custom-file-input{

	height: 194px;

}

a.youtubLink {

    padding-left: 50px;

    text-align: center;

    font-size: 55px;

    color: red;

    position: relative;

    left: 0px;

    top: 10px;

}

ul.authorOption{

	margin-bottom: 20px;

}

ul.authorOption li {

    display: inline-block;

}

ul.authorOption li .btnall2 {

    background: #890017;

}	

img.banner-auth {

    margin-bottom: 15px;

}

.custom-file-input {

    height: 100%;

    position: absolute;

	top: 0;

	left: 0;

}

.editPicBg img{

	height: 287px;

	object-fit: cover;

}





.hdnBg.footerSec:after {

	display:none;

	z-index:-2 !important ;

}

.hdnBg{

	background-color: #1955a3;

	background-image: url(../images/footerBg.png);

}
#fupForm .form-control{
	width: 78%;
    float: left;
    margin-right: 10px;
}
#fupForm .form-control{
    margin-bottom: 18px;
}
#fupForm .btn-success{
    padding: 9px 15px;
}