/*products page*/
.mt-10{
    margin-top: 10px;
}
.section-product {
    width: 100%;
    color: #fff;
    padding: 5em 0 0 !important;
/*    background: url(./images/bg-hero.jpg) 50% 28% no-repeat;*/
    background-size: cover;
    position: relative;
    background-position: 50% 28%;
    background-repeat: no-repeat;
}
.img-bg-curve {
    background: url(./images/white-curve.png) bottom center no-repeat;
    width: 100%;
    height: 75px;
    position: relative;
    background-size: cover;
}
.section-resource .img-bg-curve{
    background: url(./images/white-curve-home.png) bottom center no-repeat;
}
.section-product.text-center {
    text-align: center;
}
.section-product h1 {
    font-size: 3.1em;
    font-weight: 600;
    padding: 0 0;
}
section.section-product p:first-of-type {
    margin-bottom: 30px;
}
.bg-faded {
    background-color: #fff;
}
.section-resource .bg-faded {
    background-color: #f0f1f1;
}
.icon-nav {
   font-size: 14px;
    width: 204px;
    height: 204px;
}
.gap-right {
    margin-right: 50px;
    float: left;
    width: 100px;
}
.pdtnav-item{
    font-size: 16px;
    margin-top: 30px;
/*    display: inline-flex;
    margin-bottom: 30px;*/
}
.section-resource .pdtnav-item{
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 30px;
}
.pdtnav-item h3 {
    font-size: 1.1rem;
}
.pdtnav-item h6 {
    font-size: 14px;
    padding-top: 15px;
    color: #404042!important;
}
.pdt-nav p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 100;
}
.pdtnav-item .nav-item.nav-link {
    font-size: 16px;
    line-height: 2em;
}
.section-resource .pdtnav-item .nav-item.nav-link {
    font-weight: 400;
}

.pdtnav-item .bfb-item:after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 1px;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
}
.pdtnav-item a.bfb-item {
    border-right: 1px solid black;
}
.pdtnav-item .nav-item.nav-link{
    display: inline-block;
    padding: 0 10px 0 0;
}
.pdtnav-item .nav-item.nav-item{
    float: none;
}
.pdtnav-item a {
    color: #404042!important;
    font-weight:600;
}
.pdtnav-item a:hover{
	color: rgba(0,0,0,.8)!important;
}
.pdtnav-item a.bfb-item:hover{
	color: #696969 !important;
	font-weight: 600 !important;
}

.prodtcts-cont .card.flex-col .card-block {
    padding: 1.25rem 0px;
}
.prodtcts-cont  .flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}
.prodtcts-cont .flex-col {
    display: flex;
    display: -webkit-flex;
    /* flex: 1 100%; */
    flex-flow: column nowrap;
}

.prodtcts-cont .rounded {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.prodtcts-cont .row-flex .card .card-block p {
    font-size: 16px;
    line-height: inherit;
    font-family: Avenir, 'Avenir Next', 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}
.prodtcts-cont .card-title {
	line-height: initial;
    font-size: 1.5em;
}
.prodtcts-cont .primary-text {
    color: #111;
    margin-bottom: 0px;
}
.prodtcts-cont .primary-text.strong{
	font-weight: bold;
}
.prodtcts-cont .btn-outline-primary {
    border-color: #00d45b !important;
    color: #fff;
    background-image: none;
    background-color: #00d45b !important;
    transition: all ease-in-out 300ms 0s;
    text-transform: none;
    font-weight: 700;
    font-family: Avenir, 'Avenir Next', 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0.5rem 2.3rem;
    font-size: 1.2rem;
    border-radius: .15rem;
    outline: none !important;
}
.prodtcts-cont .btn-outline-primary:hover {
    opacity: 0.6;
}
.prodtcts-cont .flex-margin-auto {
    margin-top: auto;
}
.prodtcts-cont .row-flex .card {
    margin-bottom: 2em;
}
.seperator {
    text-align: center;
    background: #1ba9ff;
    padding: 1em;
    color: white;
    margin: 0 0 3em;
}
.seperator a.nodirty{
	font-family: Avenir, 'Avenir Next', 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    vertical-align: middle;
    display: inline-block;
    margin-top: 10px;
}
.seperator a.nodirty:hover{
	color: #fff !important;
}
.seperator a.nodirty h2{
	font-size: 38px;
    font-weight: 600;
}
.seperator a.nodirty p {
	font-size: 24px;
/*    padding: 0 300px 0 300px;*/
}
a.dirty{
	margin-top: -90px;
    padding-bottom: 90px;
    display: block;
}
.card-hover{
    width: 100%;
    background-color: #fff;
    border-radius: 1rem;
    border: 3px solid #e3e3e3;
    padding: 20px 20px;
    margin-top: 40px;
}
.cardhover-title {
    font-size: 22px;
    font-weight: 800;
}
.card-hover .cardhover-title:after{
    content: "";
    display: block;
    left: 20%;
    top: 18px;
    background: url(images/tuntuna.png) no-repeat;
    width: 89px;
    height: 25px;
    position: absolute;
}
.card-hover.workshops .cardhover-title:after{
    left: 46%;
    top: 18px;
}
.card-hover.executions .cardhover-title:after{
    left: 71%;
    top: 18px;
}
.cardhover-text {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0;
}


/*products page*/

/** TC Team Css **/

.prodtcts-cont .full-width .align-middle{
    text-align: center;
    margin-top: 22%;
}
.prodtcts-cont .primary-text span{
    font-size: 16px;
    vertical-align: top;
    top: 2px;
    position: relative;
}
.prodtcts-cont .conj-word{
    color: green;
}
.prodtcts-cont .product-free-trial{
    margin-bottom: 8px;
    width: 100%;
}
.prodtcts-cont .half-width .primary-text,.prodtcts-cont .half-width .conj-word, .prodtcts-cont .half-width .product-free-trial{
    float: left;
}
.prodtcts-cont .half-width .conj-word{
    width: 35px;
    text-align: right;
    top: 4px;
}

/* TC Team Css*/






/*home responsive*/

/*1025*/
@media only screen and (max-width: 1025px) {
	.section-hero > div > div{
        width: auto; 
    }
	body.home .container{
		width: auto;
	}
	.section-hero h1.display-1 {
	    font-size: 83px;
	    line-height: 75px;
	}
	.section-hero .form-group{
		margin: 0 0 1rem;
	}
    #footer-widget-area .widget-columns{
        width: 25% !important;
    }
    #footer-widget-area .widget-columns:nth-child(2n+1){
        clear: none;
    }
    #footer-copyright ul.nav-menu.footer-menu li{
        float: left;
        width: 25%;
    }
    #footer-copyright p{
        width: 36%;
        clear: both;
    }

    .prodtcts-cont .card.flex-col .card-block.flex-grow{
        display: table;
        width: 100%;
    }
    .prodtcts-cont .card.flex-col .card-block.flex-grow .col-md-5{
        display: table-cell;
        width: 50%;
        float: none;
        vertical-align: top;
    }
    .prodtcts-cont .card.flex-col .card-block.flex-grow .col-md-7.flex-col{
        display: table-cell;
        width: 50%;
        float: none;
        vertical-align: top;

    }
    .section.section-product .row{
        margin-left: 0;
        margin-right: 0;
    }
	.icon-nav {
        width: 125px;
        height: 116px;
    }
    .gap-right {
         margin-right: 0px;
    }
    .cardhover-title {
        font-size: 17px;
    }
    .cardhover-text {
        font-size: 14px;
    }
    .seperator a.nodirty h2 {
        font-size: 28px;
    }
    .seperator a.nodirty p {
        font-size: 16px;
    }
}

/*1023px*/
@media screen and (max-width:1023px) {
    .section-product h1{
    	line-height: 1;
    }
    .section-product h1.display-3{
    	font-size: 2.5rem;
    }
    .navbar-light.pdt-nav .navbar-nav .nav-link{
    	font-size: 11px;
    	line-height: 1.5em;
    }
    .pdt-nav .navbar-nav .nav-link{
    	padding: 0 2px 0 0;
    }
    .pdt-nav .navbar-nav .nav-item+.nav-item {
	    margin-left: 0.2rem;
	}
	.container.prodtcts-cont{
		width: 100%;
	}
    
    
    
    
}


/*991*/
@media screen and (max-width: 991px){
    #footer-widget-area .widget-columns.last, #footer-widget-area .four-column .widget-columns.last{
        display: none;
    }
    #footer-copyright ul.nav-menu.footer-menu li{
        float: none;
        width: auto;
    }
    .contact-page .post-entry {
        color: #000;
        font-size: 14.5px;
    }
    .prodtcts-cont .card.flex-col .card-block.flex-grow{
        display: block;
    }
    .prodtcts-cont .card.flex-col .card-block.flex-grow .col-md-5,
    .prodtcts-cont .card.flex-col .card-block.flex-grow .col-md-7.flex-col {
        display: block;
        width: 100%;
        float: none;
    }
    .prodtcts-cont .card.flex-col .card-block.flex-grow .col-md-5{
        margin-bottom: 15px;
        text-align: center;
    }
    
}







/*867*/
@media screen and (max-width:867px) {
    .blg_wrp .right-col {
        display: none;
    }
    .section-hero h1.display-4,
    .section-hero h1.display-1{
        font-size: 2em;
        line-height: 40px;
    }
    .section-hero p{
      font-size: 16px;
      line-height: inherit;
    }
    .section-hero .row {
       margin: 0px!important;
    }
    .icon-nav {
        width: 125px;
        height: 95px;
    }
    .gap-right {
         margin-right: 0px;
    }
    .cardhover-title {
        font-size: 17px;
    }
    .cardhover-text {
        font-size: 14px;
    }
    .seperator a.nodirty h2 {
        font-size: 28px;
    }
    .seperator a.nodirty p {
        font-size: 16px;
    }
    .prodtcts-cont .card-title {
        font-size: 1.1em;
    }
    .prodtcts-cont .btn-outline-primary {
         padding: 0.5rem 1rem;
         font-size: 1.2rem;
    }
    .prodtcts-cont .full-width .align-middle {
        margin-top: 0%;
    }
    .prodtcts-cont .half-width .product-free-trial {
        float: none;
    }
    
    
    
    
}


/*767px*/
@media screen and (max-width:767px) {
    body.home .section-hero .frmfull{
    	width: 100%;
    }
    body.home .section-hero .btn {
	    width: 100%;
	    margin-top: 10px;
	}
	.row.row-flex.row-flex-wrap.must-read{
		display: block;
	}
	.row.row-flex.row-flex-wrap.must-read > div[class*='col-']{
		display: block;
		width: 100%;
	}
	.row.row-flex.row-flex-wrap.must-read .card-block{
		min-height: 6.5em;
	}
    #footer-widget-area .widget-columns{
        width: auto !important; 
    }
    .contact-page .post-entry div{
        float: none !important;
        width: auto !important;
        text-align: center !important;
        margin-bottom: 15px;
    }
    
    
}



/*635px*/
@media screen and (max-width:635px) {
    .navbar.pdt-nav{
            display: none;
    }
    .contact-page .title_wrapper h1 {
        font-size: 37px;
    }
    .prodtcts-cont .btn-outline-primary{
        width: 100%;
    }
}



/*480px*/
@media screen and (max-width:430px) {
    .prodtcts-cont .flex-grow{
        display: block;
    }
    .prodtcts-cont .rounded{
        margin-bottom: 20px;
    }
    .section-product h1 {
        font-size: 2.1em;
    }
    .card-hover{
        display: none !important;
    }
    .seperator a.nodirty h2 {
        font-size: 28px;
    }
    .seperator a.nodirty p {
        font-size: 16px;
    }
    .img-bg-curve {
        display: none;
    }
}



/*home responsive*/

