html {
	margin-top: 0px !important;
}

* html body {
	margin-top: 0px !important;
}

@media screen and ( max-width: 782px) {
	html {
		margin-top: 0px !important;
	}
	* html body {
		margin-top: 0px !important;
	}
}


#freeDemo section .title h3.contact {	
    font-size: 22px;   
}


.header_tag {
	padding: 84px 0 0;
}

.top_interface {
	background-color: white;
	box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.5);
	padding: 32px 0 0 0;
	z-index: 500;
	right: 0;
	left: 0;
}

.menu-sticky {
	background: #666;
}

.top_interface.menubgC {
	width: 100%;
	right: 0;
	left: 0;
	top: 32px;
	margin: 0 auto;
	padding: 2px 135px;
	position: fixed;
	/*opacity:0.68;*/
}

.mini-nav-container {
	background-color: #9b1b3b; 
	color: #fff;
	height:32px;
	width: 100%;
	right: 0;
	left: 0;	
	margin: 0 auto;
	padding: 2px 135px;
	position: fixed;
	z-index:500;

}

/*.sticky_menu {
	display: none !important;
}*/

.blog_class {
	padding: 84px 0 !important;
}

@media (max-width: 1221px) {
	.top_interface.menubgC {		
		padding: 2px 12px;		
	}
	
	.mini-nav-container {		
		padding: 2px 12px;		
	}
}

/*support testing*/

@media (max-width: 980px) {
	top_interface {
		position: unset!important;
		width: !important;
		z-index: 1!important;
		width: 100%;
	}
	.main_navigation {
		z-index: -5;
	}
}


.header_tag h2 .subHeader h2{
    font-family: "Montserrat", sans-serif;
    font-size: 21px;
    font-weight: 400;
    color: white;
    text-transform: none;
    letter-spacing: 2px;
    line-height: 24px;
    max-width: 700px;
    margin-top: 30px;
}

.logo > .text-logo {
	padding: 5px 10px;
}

@media (max-width: 767px){
	.logo > .text-logo {
		font-size: 17px;
		padding: 5px 10px;
	}
}


.form-control.error {
    border: 1px solid #f00 !important;
}


.btn.btn-primary.btn-xs {
    background: white;
    color: #316e74;
    border: #316e74 1px solid !important;
    border-radius: 7px;
    padding: 7px 20px;
	min-width: 160px;
}

.btn.btn-primary:hover {
	background-color: rgb(64,152,137) !important;
    border-color: rgb(64,152,137) !important;
	color: white;
}

#option_header{
box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.7);
}

.btn-oval {
    background: none;
    background-color: rgb(49,110,116) !important;
    border-color: rgb(49,110,116) !important;
    font-size: 1.1em !important;
    font-weight: 600 !important;
    height: auto !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    width: auto !important;
    min-width: 150px !important;
	border-radius: 7px !important;
	color: white !important;
}

.btn-oval:hover {
       background-color: rgb(64,152,137) !important;
    border-color: rgb(64,152,137) !important;
}

.btn-oval-outline {
    background: none;
    border: rgb(49,110,116) 1px solid !important;
    border-width: 2px !important;
    font-size: 1.1em !important;
    font-weight: 600 !important;
	border-radius: 7px !important;
	color: rgb(49,110,116) !important;
}

.btn-oval-outline:hover {
	  background-color: rgb(64,152,137) !important;
  	color: white !important;
  border-color: rgb(64,152,137) !important;
	
}

.btn-greyoval {
    background: none;
    border: rgb(128,128,128) 1px solid !important;
	border-width: 2px !important;
    font-size: 1.1em !important;
    font-weight: 600 !important;
    height: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 8px !important;
    padding-bottom: 9px !important;
    width: auto !important;
    min-width: 150px !important;
	border-radius: 7px !important;
	color: rgb(128,128,128) !important;
}

.btn-greyoval:hover {
       background-color: rgb(128,128,128) !important;
  	color: white !important;
  border-color: rgb(128,128,128) !important;
}

div.polaroid {
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    transition: all 0.3s ease 0s;
         text-align: center;
		 margin: 8px;
         }
		 
		 .polaroidContent{		 
		 	padding-top:6px;
		 }
		 
         
         .elementor-post__title,.elementor-post__title a {
         color: #0d1b1e;
         font-family: "Roboto", Sans-serif;
         font-size: 22px;
         font-weight: 400;
         line-height: 1.4em;
         }
		 
		 .elementor-post__excerpt, .elementor-post__title {
    margin-bottom: 25px;
}
.elementor-post__excerpt {
    line-height: 1.7;
}
.elementor-post__excerpt {
    margin-bottom: 10px;
}

.elementor-post__excerpt p {
    margin: 0;
    line-height: 1.5em;
    font-size: 14px;
    color: #777;
	 
    overflow: hidden;
    text-overflow: ellipsis;
}

.elementor-post__read-more {
    color: #22a9c6;
}

.elementor-post__read-more {
    text-transform: uppercase;
}

.elementor-post__read-more {
    margin-bottom: 20px;
    display: inline-block;
}

.polaroid:hover {
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.polaroid:hover {
    border: 0px;
  
    position: relative;
    z-index: 100;
    transform: translate(0, -5px);
}

.elementor-post__title a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    cursor: pointer;
}

.portfolio {
  text-align: center;
  padding-top: 3rem; }
  .portfolio .portfolio-item > div {
    margin-bottom: 30px; }
  .portfolio .image-cover {
    background-size: cover;
    padding: 4rem 2rem;
    border-radius: 4px;
    position: relative;
    height: 232px; }
    .portfolio .image-cover .hover {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      padding: 1.6rem;
      border-radius: 4px;
      background: linear-gradient(135deg, #FCD200 0%, #FF8900 100%);
      align-items: center;
      justify-content: center; }
      .portfolio .image-cover .hover .btn {
        color: #fff; }
        .portfolio .image-cover .hover .btn:hover {
          color: #000; }
    .portfolio .image-cover img {
      width: 200px; }
    

@media (max-width: 1199.98px) {
  .portfolio .image-cover {
    height: 256px; }
    .portfolio .image-cover .hover {
      padding: 1rem; } }
@media (max-width: 991.98px) {
  .portfolio .image-cover img {
    width: 146px; }
  .portfolio .image-cover:hover .hover h4 {
    font-size: 17px; }
  .portfolio .image-cover:hover .hover p {
    font-size: 14px; } 
 .polaroidContent{		 
		 	margin-top: 25px;
		 }
}

@media (max-width: 767.98px) {
  .portfolio {
    padding-top: 1rem; }
    .portfolio .image-cover {
      height: inherit;
      display: flex;
      align-items: center;
      justify-content: center; }
	
	
	
}



.elementor-post__title{
	height:80px;
	background-color: white;
    color: #316e76;
    font-weight: 600;
	margin-top: 5px;
    padding: 7px;
}

.elementor-post__excerpt{
	height:150px;
	text-align:center;
}

@media (min-width: 520px) and (max-width: 994px) {
  .elementor-post__title{
	height:40px;
}

.elementor-post__excerpt{
	height:100px;
}

}

/* #freeDemo section h3,#freeDemo section h2,#freeDemo section h1,#freeDemo section p{
	color:white !important;
}  
#freeDemo section .title h3 a {
	color: white;
}*/

#freeDemo section .title p {
    display: block;	
}

#freeDemo section .title p, #freeDemo section .title h3 {
	font-family: "Roboto", Sans-serif;
    font-size: 22px;
    font-weight: 400 !important;
    line-height: 32px !important;
    font-size: 18px;
    color: gray;
    padding-left: 8px;
    padding-right: 8px;
}

#freeDemo section .title h3 a:hover {
	text-decoration: underline !important;
}

.headerphone{
 	display: flex;
	flex-flow: row-reverse;
	position: relative;
	top: 5px;
	height: 10px;
	font-size: 14px;
	right: 131px;
}

.secSubheader{
    margin-top:115px;
}

@media (max-width: 994px) {
 .headerphone{
 		right: 90px;
}
}

@media (max-width: 768.98px) {
  .secSubheader{
    margin-top:30px;
  }
}

@media (min-width: 768.98px) and (max-width: 992.98px) {
  .secSubheader{
    margin-top:70px;
  }
}