/*
Theme Name: PROGRISAAS

Styles Home 10

/* Header */
.site-header-11 .contact-info a {
  color: #FF6947;
}
.site-header-11 .contact-info a:hover {
	color: #3CCDB4;
}
.octf-btn {
	width: 220px;
	background-color: #FF6947;
	border-radius: 0;
}
.octf-btn:hover {
	background-color: #3CCDB4;
}
.octf-btn-light {
	color: #223354;
  background-color: #F7F7F7;
}
.octf-btn-light:hover {
	color: #fff;
	background-color: #FF6947;
}
.site-header-11 .header-desktop .col-logo, .site-header-11 .header-desktop .col-cta {
  width: 50%;
}
.site-header-11 #site-logo img {
  width: 170px;
}
.site-header-11 .contact-info a {
  font-family: "DM Sans",Sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  padding: 0 0 0 0;
}
.site-header-11 .contact-info {
  margin-right: 40px;
}
.octf-menu-hamburger-area {
  display: inline-block;
}
.site-header .octf-header-btn {
  margin-left: 40px;
}
.site-header .octf-btn-main {
  width: 180px;
  padding: 13px 40px 13px 40px;
  border-radius: 30px;
  color: #223354;
  background-color: #F6F5F6;
}
.site-header .octf-btn-main:hover, .site-header .octf-btn-main:focus {
  color: #F6F5F6;
  background-color: #223354;
}
.site-header .octf-btn-dark {
  background-color: #223354;
  border-radius: 30px;
}
.site-header .octf-btn-dark:hover, .site-header .octf-btn-dark:focus {
    background-color: #fff;
    color: #223354;
    border-color: #223354;
}
.site-header .contact-info span {
  font-size: 18px;
  padding-left: 10px;
}
.site-header .contact-info {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
}
.header-main-wrap-6 {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.header-wrap-6 {
  background-image: linear-gradient(90deg,#F6F5F6 50%,#FFFFFF 50%);
}
.logo-wrap-6 {
  position: fixed;
  top: 30px;
  left: 140px;
}
.logo-wrap-6 img {
  width: 170px;
}
.btn-wrap-6 {
  position: fixed;
  right: 40px;
  top: 20px;
}
.text-main-6 {
  color: #FF5E5E;
  fill: #FF5E5E;
}
.site-header .vertical-main-navigation ul>li>a:hover, .site-header .vertical-main-navigation>ul>li.current-menu-item>a {
  color: #FF5E5E;
}
.site-header .vertical-main-navigation>ul>li>a:before {
  background-color: #FF5D5D;
}
.site-header .main-navigation>ul>li>a:before, .site-header .vertical-main-navigation>ul>li>a:before {
  height: 2px;
  bottom: -2px;
}
.contact-info-h6 {
  color: #223354;
  font-family: "DM Sans",Sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}
.contact-info-h6 a {
  color: #ff5d5d;
}
.header-main-wrap-6 .contact-social a {
  color: #9099A9;
}
.header-main-wrap-6 .contact-social a:hover {
  color: #223354;
}
.top-11 {
  background-image: url('../image/bg1-home11.png');
  background-position: top right;
  background-repeat: no-repeat;
}
.top-desc-11 h1 {
  font-weight: 500;
  margin-bottom: 15px;
}
.about-11 {
  margin-top: -64px;
  background-image: url('../image/bg2-home11.png');
  background-position: 170px 15px;
  background-repeat: no-repeat;
}
.about-desc-11 h3 {
  line-height: 44px;
}
.ot-icon-box-11 {
  padding: 60px 47px 50px 50px;
  background-color: #FFF;
  background-image: url('../image/bg-hover-iconbox-home11.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 0% auto;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.ot-icon-box-11:hover {
  background-color: #02383E;
  background-image: url('../image/bg-hover-iconbox-home11.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: auto;
}
.ot-position-top .ot-icon-box-11 .ot-icon-box__icon {
  margin-bottom: 20px;
}
.ot-icon-box-11 .icon-box-title {
  margin-bottom: 20px;
  line-height: 36px;
}
.ot-icon-box-11 .icon-box-des {
  font-size: 18px;
  line-height: 32px;
}
.choose-11 {
  background-color: #02383E;
  background-image: url('../image/bg3-home11.png');
  background-position: center left;
  background-repeat: no-repeat;
}
.choose-11 p {
  color: #A7ADAF;
}
.project-11 {
  background-image: url('../image/bg4-home11.png');
  background-position: 0 84%;
  background-repeat: no-repeat;
}
.testi-11 {
  background-color: #F7F7F7;
  background-image: url('../image/bg6-home11.png');
  background-position: center right;
  background-repeat: no-repeat;
}
.testi-icon-11 {
  font-size: 48px;
}
.testi-icon-11 svg {
  width: 1em;
  height: 1em;
  position: relative;
  display: block;
}
.subcribe-11 {
  background-color: #02383E;
  background-image: url('../image/bg7-home11.png');
  background-position: center right;
  background-repeat: no-repeat;
}
.subcribe-11 p {
  color: #A7ADAF;
}
.mc4wp-form-h11 .mc4wp-form-fields .main-form input[type=email] {
  border-radius: 0;
}
.mc4wp-form-h11 .mc4wp-form-fields .main-form input[type=submit] {
  border-radius: 0
}
.news-11 {
  background-image: url('../image/bg8-home11.png');
  background-position: bottom left;
  background-repeat: no-repeat;
  z-index: 1;
}
.cta-11 {
  background-image: url('../image/bg9-home11.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -94px;
  z-index: 0;
}
.cta-11 .overlay {
  background-image: url('../image/bg10-home11.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  width: 374px;
  height: 469px;
  z-index: 0;
  opacity: 1;
  left: auto;
  right: 15px;
  top: auto;
  bottom: -90px;
}
.ot-client-logo-slider .client-logo {
	padding: 26px 23px 26px 28px;
	transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.ot-client-logo-slider-h7 .client-logo:hover {
  background: #F7F7F7;
}
.ot-client-logo-slider .owl-item svg {
	fill: #BFBFC3;
}
.ot-client-logo-slider-h7 .client-logo:hover svg {
  fill: #02383E;
}
.work-11 {
	background-color: #F7F7F7;
}
.octf-btn-second {
	background-color: #02383E;
}
.octf-btn-second:hover {
	background-color: #FF6947;
}
.octf-btn-third {
	background-color: #00CEB4;
	border-color: #00CEB4;
}
.octf-btn-third:hover {
	background-color: #FF6947;
	color: #fff;
	border-color: #FF6947;
}
.ot-icon-box__icon svg {
  fill: #FF6947;
}
.ot-icon-box-11:hover .ot-icon-box__icon svg {
	fill: #3CCDB4;
}
.ot-icon-box-11:hover .icon-box-title a {
	color: #fff;
}
.ot-icon-box-11:hover .icon-box-des {
 	color: #fff;
}
.ot-counter span {
  color: #00CEB4;
}
.ot-counter h6 {
  color: #FFF;
}
.testi-icon-11 {
	fill: #FF6947;
}
.ot-testimonial-s2__item .tcontent {
  margin-bottom: 40px;
  font-size: 36px;
  line-height: 44px;
}
.ot-testimonial-s2 .owl-nav {
	top: auto;
	bottom: 30px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	background-color: #F7F7F7;
}
.ot-testi-h3.owl-theme .owl-nav [class*=owl-]:hover {
	color: #22335480;
	background-color: #F7F7F7;
}
.mc4wp-form-fields .main-form input[type=submit] {
	background-color: #ee7053;
	padding: 10px 20px;
}
.mc4wp-form-fields .main-form input[type=submit]:hover {
	background-color: #3ccdb4;
}
.mc4wp-form-fields .main-form input[type=email] {
	background: rgba(255,255,255,.2);
}
.mc4wp-form-fields .main-form [type=checkbox]:not(:checked) + span:before, 
.mc4wp-form-fields .main-form [type=checkbox]:checked + span:before{
  border-color: #4e6266;
  background: #4e6266;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.mc4wp-form-fields .main-form [type=checkbox]:not(:checked) + span:after, 
.mc4wp-form-fields .main-form [type=checkbox]:checked + span:after {
  color: #fff;
}
.site-footer {
	background-color: #02383E;
}
.footer-contact-info span {
	color: #fff;
}
.footer-contact-info a {
	color: #FF6947;
}
.footer-widget ul a, .copyright, .ft-menu li a {
	color: #fff;
}
.footer-widget ul a:hover {
  color: #FF6947;
}
#back-to-top {
  background-color: #FF6947;
}
#back-to-top:hover {
  background-color: #2E2E4D;
}
@media (max-width: 767px){
}
@media (min-width: 768px){
  .header-wrap-6 {
    height: 100vh;
  }
}
@media(min-width: 993px){
}
@media(min-width: 1200px){
	.top-img-11 {
		margin-right: 9px;
	}
}
@media(max-width: 1024px){
  .cta-11 .overlay {
    background-size: 0;
  }
}
@media(max-width: 992px){
}
@media(max-width: 767px){
	.mc4wp-form-fields .main-form input[type=submit] {
		position: relative;
		margin-top: 20px;
	}
}
@media(max-width: 480px){
}
@media (min-width: 1024px) and (max-width: 1280px) {
}
@media (min-width: 1280px) and (max-width: 1800px) {
}