@charset "UTF-8";

/* Main display blocks CSS */
body{
background-color:#ffff !important;
}
.header-top-left >ul li:last-child a {
    color: #F7EF02;
}
.form-control {
    border-radius: 9px !important;
}
.footer-copyright .social-links-wrapper {
    text-align: center !important;
}

.circular img{
  border-radius: 50% !important;
}
/* just some  styling*/
/* heart div class - in html i used just a simple html simbol entity for heart sign, you can use text or whatever u want*/

.heart {
	animation: beat .25s infinite alternate;
	transform-origin: center;
}
.tel-margins{
padding-left:4px !important;
padding-right:4px !important;
padding-bottom:8px !important;
}
 .tel-shadow{
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);
    border: 1px solid #dcdcdc;
    background: #fff;
    padding-bottom: 20px; 
   padding-left: 0px !important; 
    padding-right: 0px !important; 
  }
.tel-padding{
padding:15px;
}

/* Heart beat animation */
@keyframes beat{
	to { transform: scale(1.2); }
}

.mega-menu-height-plus {
    height: 360px !important;
}

.telone-search {
  margin-left:20px;
}

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.8em;
}

.view-search-page h3 {
  margin-bottom: 0px !important;
  margin-top: 20px !important;
}

.view-search-page p {
  margin: 0 0 10px !important;
}

.home-products a{
    color: #555 !important;
    font-weight: 900 !important;
    font-size: 20px !important;
}

.home-products img{
  width:85px !important;
  margin-bottom: 10px;
}

figure.effect-winston p {
    width:100% !important;
    padding: 1em 1.5em 1em 1.5em;
}

.project-feed {
  margin-top: 30px;
}

.project-feed i{
  font-style: normal;
  text-transform: none;
  color: #fff;
  font-weight:bold;
  text-shadow: 1px 1px 3px #282C35;
}

.project-feed a:hover{
  text-decoration: none !important;
  color: white !important;
}

.project-feed h1, .project-feed a{
  font-family: 'Myriad', sans-serif !important;
  color:#fff;
  text-transform: none !important;
  text-shadow: 1px 1px 3px #282C35;
}

.mega-menu-height {
 /*height:100% !important;*/
}

.header-top {
    text-transform: inherit !important;
    font-size: 16px;
    font-family: 'Myriad', sans-serif !important;
}

.main-maincaption {
	margin:10px !important;
  font-size:4vw !important;
  font-family: 'Calibri', sans-serif !important;
}

.main-subcaption {
  margin:10px !important;
	margin-top:50px !important;
	line-height:1;
  font-size:2.5vw !important;
  font-family: 'Calibri', sans-serif !important;
}

.mycaption-style {
    line-height:100% !important;
    margin:10px !important;
    font-size:25px !important;
}

.field-content img, .thumb-content img {
  width:100% !important;
  height:auto !important;
}

.nd-region {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
    position: relative;
}

footer .widget .widget-title {
    font-size: 18px !important;
}

.text-center {
 text-align:center;
}

/*.white {
  color:#9DD6FA !important;
}*/

.video-wrapper {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 650px;
    background-color: transparent;
}

.embed-video {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}
video {
    display: inline-block;
    vertical-align: baseline;
}

.video-wrapper .fa, .mycaption-style, .main-subcaption, .main-maincaption {
    color:#fff !important;   
}

.video-overlay {
		text-shadow: 1px 1px 1px black;
    /*background: linear-gradient(to right, rgba(40, 44, 53, 0.5) 19%, rgba(40, 44, 53, 0.5) 75%, rgba(40, 44, 53, 0.5) );*/
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    height: 100%;
}
@media screen and (min-width: 1200px)
.w-container {
    max-width: 1170px;
}

.container-inside-v {
  position: relative;
  top: 42%;
}

.container-inside-v2 {
  position: relative;
  top: 45%;
}
.container-inside-v2 .col-lg-3 {
  font-size:30px !important;
}
.w-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100% !important;
  font-weight: 600;
}
.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row h4, .w-row h2 {
  text-transform: none !important;

}

.tel1-caption-text {
  line-height: 1 !important;
}

@media (max-width: 992px) {
	.main-maincaption {
	  font-size:6vw !important;
	}
	.main-subcaption {
	  display: none !important;
	}
	.container-inside-v2 {
		margin-top: 0px !important;
	}
	.container-inside-v {
	  top:0px !important;
	}
	.nav-main {
		min-height: 0px !important;
	}
	.mycaption-style {
		font-size: 15px !important;
	}
	.onmobile img{
		display:none !important;
	}
	video {
		height:650px !important;
		width:auto !important;
	}
}


/*main display blocks CSS*/

.resize-body {
    padding:10px 0 0 0 !important;
}

.resize-image {
    width:100%;
}

.resize-image img {
    width:100%;
    height:auto;
    margin-bottom:10px !important;
}

.title-accent > h3 > span {
    font-size: 18px !important;
    font-family: 'Myriad', sans-serif;
}

.my-mega-menu .strong{
  font-weight: bold !important;
  font-size:14px !important;
  color:grey;
}

.mega-menu-css a {
    font-size:16px !important;
    color:#555 !important;
    margin-left:7px;
}

.mega-menu-css a, .my-mega-menu li span {
    font-size:16px !important;
    color:#555 !important;
}

.mega-menu-css a:hover {
    text-decoration:underline !important;
}

.my-mega-menu img {
  height:230px !important;
  width: auto !important;
}

.my-mega-menu h4 {
  margin-bottom: 5px !important;
}

.my-mega-menu h3, .my-mega-menu .title-accent > h3 > span {
    font-size: 16px !important;
    font-weight:bold;
}

@media (min-width: 992px) {
  .mega-align-center > .dropdown-menu {
      left: 200%;
  }
}

.dropdown-menu {
     border-radius: initial !important;
}

.nopadding {
  padding:0px !important;
}

.page-heading h1 {
  padding: 10px 0 10px 0 !important;
}

@media (min-width: 992px) {
  .page-heading .breadcrumb {
    padding: 13px 0;
  }
}

.nav-main {
	min-height: 80px;
}

.header-main .logo {
	padding: 12px 0;
}

.tel1-image-wrap img{
	width:100% !important;
	height:auto;
}

.tel1-image-wrap{
	width:100% !important;
}

.tel1-menu-caption .caption, .tel1-caption{
	font-size: 12px;
	color:grey;
	display: block;
}

.nobullets {
	list-style-type: none !important;
	padding:0px !important;
	margin:0px !important;
}

.nobullets ul {
	list-style-type: none !important;
	padding:0px !important;
	margin:0px !important;
}

@media (max-width: 992px) {
	.flexnav li {
		width:100% !important;
	}
}

.fontsize .widget-title {
	font-size: 16px !important;
	font-weight:bold !important;
}

.fontsize {
	font-size: 16px;
}

.header-top ul > li:first-child {
    padding-left: 10px !important;
}

body.sticky-header .header .logo {
    padding: 10px 0;
}

/*  Change Top Navbar To Telone Blue #0067b4  */

.header-top {
	background: #0067b4;
}

/*
// #Headings
// --------------------------------------------------
*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Myriad', sans-serif;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0 0 1em 0;
  color: #2f2f2f;
  text-transform: inherit !important;
}

/*
//     #change slider overlay to invisible
*/

.tp-dottedoverlay.filled {

	opacity:0;
}

.page-heading {
	background:#0067b4;
}

footer.nd-region {
	background: #0067b4;
	color:fff;
}
.footer-copyright {
	background: #3399cc;
	border-top: #fff;
	color: #fff;
}

@font-face {
 font-family: 'PT Sans'; src: url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic) format("truetype");
}
p.customfont {
 font-family: 'PT Sans', sans-serif;
}

@font-face {
 font-family: 'Myriad'; src: url(../../css/fonts/Myriad Pro Regular.ttf) format("truetype");
}
body {
 font-family: 'Myriad', sans-serif !important;
}

@font-face {
 font-family: 'Helvetica'; src: url(../../css/fonts/HelveticaNeueLt.ttf) format("truetype");
}
body {
 /*font-family: 'Helvetica', sans-serif !important;*/
 font-size:17px !important;
}

.flexnav > li > a {
  font-size: 18px;
  color: #656464;
  text-decoration: none;
  padding: 0 15px;
  text-transform: inherit;
/*  font-family: 'PT Sans', 'Oswald', sans-serif; */
  font-family: 'Myriad', sans-serif !important;
  line-height: 80px;
  font-weight: 400;
  position: relative;
  z-index: 3;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.item-with-ul {
    display: inline-block !important;
}

.telone-justify{
	text-align:justify !important;
}

.table {
	margin:auto auto !important;
	width:80% !important;
}

.uc-2checkout-logo {
	height:50px !important;
}

.mega-grad {

    background: -webkit-linear-gradient(rgba(0,102,204,0), rgba(255,255,255,1), rgba(255,255,255,0.5), rgba(255,255,255,0.5), rgba(255,255,255,0.5), rgba(51,153,204,0.5), rgba(0,102,204,0.5)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0,102,204,0), rgba(255,255,255,1), rgba(255,255,255,0.5), rgba(51,153,204,0.5), rgba(255,255,255,0.5), rgba(255,255,255,0.5), rgba(51,153,204,0), rgba(0,102,204,0.5)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0,102,204,0), rgba(255,255,255,1), rgba(255,255,255,0.5), rgba(255,255,255,0.5), rgba(255,255,255,0.5), rgba(51,153,204,0.5), rgba(0,102,204,0.5)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0,102,204,0), rgba(255,255,255,1), rgba(255,255,255,0.5), rgba(255,255,255,0.5), rgba(255,255,255,0.5), rgba(51,153,204,0.5),rgba(0,102,204,0.5)); /* Standard syntax (must be last) */
}
@media only screen and (max-width: 600px) 
{
.tel1-image-wrap {
    display: none;
}

} 
@media only screen and (min-width: 600px) 
{
.tel1-image-wrap {
    display: none;
}

}