/* CSS Document */
/*
Theme Name: Breath A Tech
Theme URI: 
Description: 
Version: 1.0
Author: Mtssoft
Author URI: https://www.freelancer.com/u/MtsSoft.html
Tags: Sky Blue, custom header, fixed width
*/
@font-face {
   font-family: 'Conv_GothamMedium';
   src: url('fonts/GothamMedium.eot');
   src: local('☺'), url('fonts/GothamMedium.woff') format('woff'), url('fonts/GothamMedium.ttf') format('truetype'), url('fonts/GothamMedium.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'gotham_lightregular';
   src: url('fonts/ufonts.com_gotham-light-webfont.eot');
   src: url('fonts/ufonts.com_gotham-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ufonts.com_gotham-light-webfont.woff2') format('woff2'), url('fonts/ufonts.com_gotham-light-webfont.woff') format('woff'), url('fonts/ufonts.com_gotham-light-webfont.ttf') format('truetype'), url('fonts/ufonts.com_gotham-light-webfont.svg#gotham_lightregular') format('svg');
   font-weight: normal;
   font-style: normal;
}
/* General css
===================================================================*/
.alignleft {
   float: left;
}
img.alignleft {
   float: left;
   margin-right: 15px;
}
img.alignright {
   float: right;
   margin-left: 15px;
}
img.aligncenter {
   display: block;
   margin: 0 auto;
}
.alignright {
   float: right;
}
.center {
   text-align: center;
}
.clear {
   clear: both;
}
.noborder {
   border: none !important;
}
.nobg {
   background: none !important;
}
.nomargin {
   margin: 0px !important;
}
.nopadding {
   padding: 0px !important;
}
.bmargin {
   margin-bottom: 0px;
}
.bold {
   font-weight: bold;
}
.middle {
   display: inline;
   vertical-align: middle;
}
.underline {
   text-decoration: underline;
}
p {
   line-height: 21px;
   padding-top: 0px;
   margin-top: 15px;
   margin-bottom: 15px !important;
}
.first {
   margin-left: 0px !important;
   padding-left: 0px !important;
}
.last {
   margin-right: 0px !important;
   padding-right: 0px !important;
}
.tright {
   text-align: right;
}
.tleft {
   text-align: left;
}
*, *:before, *:after {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}
.video-wrapper {
   padding-top: 60%;
   position: relative;
}
.video-wrapper iframe {
   box-sizing: border-box;
   display: block;
   height: 100%;
   left: 0;
   margin: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
.mobile-nav {
   display: none;
}
/* Typography css
===================================================================*/
body {
   margin: 0 auto;
   font-size: 14px !important;
   color: #5a5e5f;
   font-family: 'Oxygen', sans-serif !important;
}
h1 {
   font-size: 50px;
   color: #00aeef;
   font-weight: bold;
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 12px;
   font-family: 'Conv_GothamMedium';
   line-height: 50px;
}
h1 img {
   display: inline-block !important;
   vertical-align: middle;
   padding-right: 10px;
}
.pageHeading h1 {
   position: relative;
   padding-left: 104px;
   min-height: 94px;
}
.pageHeading h1 img {
   position: absolute;
   top: 0px;
   left: 0px;
   padding-right: 0px;
}
h2 {
   font-size: 20px;
   color: #00aeef;
   font-weight: bold;
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 12px;
   font-family: 'Conv_GothamMedium';
}
h3 {
   font-size: 18px;
   color: #00aeef;
   font-weight: bold;
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 12px;
   font-family: 'Conv_GothamMedium';
}
h4 {
   font-size: 18px;
   color: #00aeef;
   font-weight: bold;
   padding: 0px;
   margin-top: 5px;
   margin-bottom: 12px;
   font-family: 'Conv_GothamMedium';
}
h5 {
   font-size: 16px;
   color: #00aeef;
   font-weight: bold;
   padding: 0px;
   margin-top: 5px;
   margin-bottom: 12px;
   font-family: 'Conv_GothamMedium';
}
h6 {
   font-size: 14px;
   color: #00aeef;
   font-weight: bold;
   padding: 0px;
   margin-top: 5px;
   margin-bottom: 12px;
   font-family: 'Conv_GothamMedium';
}
.sheading {
   font-size: 30px;
   color: #00aeef;
   font-weight: normal;
   padding: 0px;
   margin-top: 5px;
   margin-bottom: 12px;
   font-family: 'oxygen';
}
.hheading {
   font-size: 56px;
   color: #00aeef;
   font-weight: normal;
   padding: 0px;
   margin-top: 5px;
   margin-bottom: 12px;
   font-family: 'oxygen';
   line-height: 56px;
}
a {
   color: #00aeef;
   text-decoration: none;
}
/* Site Css
===============================================================================*/
#wrapper {
   margin: 0 auto;
   text-align: left;
}
.container {
   width: 980px;
   margin: 0 auto;
   height: auto;
}
#header {
   padding-top: 34px;
   padding-bottom: 34px;
}
.logo img {
   max-width: 100%;
   height: auto;
}
/***********************Main Nav**********************************************/
.searchBox {
   background: url(images/search-txtbox.jpg) top right no-repeat;
   width: 202px;
   height: 30px;
   display: inline-block;
}
.search-txtbox {
   width: 172px;
   height: 30px;
   border: none;
   float: right;
   background: none;
}
.search-btn {
   width: 29px;
   height: 30px;
   border: none;
   float: left;
   background: none;
}
.social-links-header {
   display: inline-block;
}
.main-nav {
   width: 100%;
   padding-top: 85px;
   text-align: right;
}
.main-nav ul {
   margin: 0px;
   padding: 0px;
}
.main-nav ul li:first-child {
   padding-left: 0px;
}
.main-nav ul li {
   list-style: none;
   padding-left: 30px;
   display: inline-block;
   position: relative;
}
.main-nav ul li a {
   text-decoration: none;
   font-size: 18px;
   font-weight: bold;
   color: #787879;
}
.main-nav ul li a:hover, .main-nav ul li.current-menu-item > a, .main-nav ul li.current_page_parent > a {
   color: #00aeef;
}
.main-nav .sub-menu {
   background: #d9f1fd;
   width: 250px;
   position: absolute;
   top: 100%;
   left: 30px;
   display: none;
   border-radius: 10px;
   z-index: 999999;
}
.main-nav .sub-menu .sub-menu {
   background: #d9f1fd;
   width: 250px;
   position: absolute;
   top: 0px;
   left: 100%;
   display: none;
   border-radius: 10px;
   z-index: 999999;
}
.main-nav .sub-menu li {
   display: block;
   clear: both;
   width: 100%;
   padding-right: 0px !important;
   padding-left: 0px !important;
   text-align: left;
}
.main-nav .sub-menu li a {
   width: 100%;
   padding: 10px 30px;
   font-weight: bold;
   font-size: 14px;
   display: inline-block;
}
.main-nav > ul > li.menu-item-has-children > a {
}
.main-nav > ul > li:hover > .sub-menu, .main-nav > ul > li > .sub-menu > li:hover > .sub-menu {
   display: block;
}
.homeBanner {
   width: 100%;
   height: auto;
}
.homeBanner img {
   width: 100%;
   height: auto;
}
#content {
   width: 100%;
   height: auto;
   padding-bottom: 35px;
   min-height: 300px;
   background: #e2f4fd url(images/content-bg.jpg) top center no-repeat;
}
.home #content {
   background: #fff;
}
.page-content {
   padding-top: 70px;
}
.home-content-bottom {
   background: #64757f;
   border-top: solid 14px #00aeef;
   padding-top: 90px;
   padding-bottom: 90px;
   color: #fff;
   position: relative;
}
.home-tabs-txt {
   line-height: 35px;
   font-size: 18px;
   padding-top: 52px;
   padding-bottom: 20px;
}
.home-tabs-txt2 {
   line-height: 35px;
   font-size: 18px;
   padding-top: 10px;
   padding-bottom: 20px;
}
.more-info-btn {
   max-width: 160px;
   min-height: 34px;
   background: #00aeef;
   color: #fff;
   font-size: 18px;
   text-transform: uppercase;
   padding: 6px 20px 6px 20px;
   font-weight: bold;
   border: solid 1px #2986aa;
   border-radius: 3px;
   margin-bottom: 20px;
   text-decoration: none;
}
.big-heading-2 {
   font-size: 32px;
   color: #fff;
   font-family: 'Conv_GothamMedium';
   padding-top: 25px;
   padding-bottom: 25px;
   text-transform: uppercase;
   font-weight: normal;
   line-height: 40px;
}
#footer {
   background: #7c868f;
   margin: 0 auto;
   padding-top: 56px;
   padding-bottom: 56px;
   color: #fff;
   font-size: 12px;
   font-family: 'Oxygen', sans-serif;
}
#footer a {
   color: #fff;
   text-decoration: none;
}
#footer ul {
   margin: 0px;
   padding: 0px;
   float: left;
   display: block;
   padding-right: 75px;
}
#footer ul li {
   list-style: none;
   margin-bottom: 6px;
}
#footer ul li a {
   font-size: 12px;
   color: #fff;
   text-decoration: none;
   font-family: 'Oxygen', sans-serif;
}
#footer ul li a:hover {
   text-decoration: underline;
}
#footer h3 {
   color: #fff;
   font-family: 'Oxygen', sans-serif;
   font-weight: bold;
   padding: 0px;
   margin-top: 0px;
}
.newsletter-area {
   width: 100%;
   min-height: 48px;
   border-bottom: solid 1px #fff;
   margin-bottom: 25px;
}
.newsletter-title {
   font-size: 18px;
   font-family: 'Oxygen', sans-serif;
   font-weight: bold;
}
.copyright {
   width: 100%;
}
.subscribeBox {
   width: 78%;
   margin-right: 2%;
   float: left;
}
.subscribeBox label {
   display: inline-block;
   margin-right: 10px;
   font-weight: bold;
}
.newsletter-txtbox {
   width: 45%;
   min-height: 30px;
   border-radius: 2px;
   border: none;
   margin-bottom: 10px;
   color: #7c868f;
   padding-left: 6px;
   padding-right: 6px;
   display: inline-block;
}
.form-bottom {
   width: 100%;
}
.txtbox-b {
   width: 100%;
   height: 38px;
   margin-bottom: 10px;
   border: none;
   padding: 10px;
   color: #7c868f;
   border-radius: 2px;
   font-family: "oxygen", Arial;
   font-size: 12px;
}
.form-bottom textarea {
   font-family: "oxygen", Arial;
   font-size: 12px;
}
.submit-btn-b {
   max-width: 154px;
   min-height: 38px;
   border-radius: 3px;
   background: #00aeef;
   border: solid 1px #6a7179;
   cursor: pointer;
   color: #fff;
   text-align: center;
   line-height: 38px;
   float: right;
   font-weight: bold;
   display: block;
   padding-left: 15px;
   padding-right: 15px;
}
.toggle-title a {
   color: #00aeef !important;
   font-weight: bold;
   font-size: 24px;
   text-decoration: none;
}
.page-content ul {
   margin: 0px;
   padding: 0px;
   padding-left: 15px;
   padding-top: 20px;
   padding-bottom: 20px;
}
.page-content ul li {
   margin-bottom: 10px;
}
.contact-us-box {
   background: #aae0fa;
   border-radius: 20px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   padding: 30px;
}
.contact-us-box .field {
   margin-bottom: 10px;
}
.contact-us-box input[type=text], .contact-us-box input[type=email] {
   border: solid 1px #a2c4d6;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   padding: 10px;
   width: 100%;
   font-family: "oxygen", Arial;
   font-size: 12px;
}
.contact-us-box textarea {
   border: solid 1px #a2c4d6;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   padding: 10px;
   height: 100px;
   width: 100%;
   font-family: "oxygen", Arial;
   font-size: 12px;
}
.contact-us-box input[type=submit] {
   background: #a4c839;
   border: solid 1px #9fc776;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   color: #fff;
   text-transform: uppercase;
   font-size: 22px;
   padding: 10px 20px;
}
.contact-us-box h3 {
   font-size: 50px;
}
.contact-us-box .ajax-loader {
   float: left;
}
.contact-info-phone {
   background: url(images/phone-icon.png) top left no-repeat;
   padding-left: 60px;
   margin-bottom: 30px;
   font-size: 20px;
   font-weight: bold;
}
/*.contact-info-phone strong {
   color: #00aeef;
}*/
.contact-info-email {
   background: url(images/email-icon.png) top left no-repeat;
   padding-left: 60px;
   margin-bottom: 30px;
   font-size: 20px;
   font-weight: bold;
}
/*.contact-info-email strong {
   color: #00aeef;
}*/
.contact-info-address {
   background: url(images/address-icon.png) top left no-repeat;
   padding-left: 60px;
   margin-bottom: 30px;
   font-size: 20px;
   font-weight: bold;
}
/*.contact-info-address strong {
   color: #00aeef;
}*/
.social-links-cp {
   width: 80%;
}
.social-links-cp ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.social-links-cp ul li {
   background: #c7eafc;
   border-bottom: solid 1px #d8f0fd;
   padding: 10px 20px;
   margin-bottom: 0px;
}
.social-links-cp ul li img {
   display: inline-block;
   vertical-align: middle;
   margin-right: 20px;
}
.social-links-cp ul li a {
   color: #5a5e5f;
}
.subscribeBox .ajax-loader {
   display: none;
}
.btn-subscribe {
   color: #fff;
   background: #00aeef;
   border: solid 1px #00aeef;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   padding: 5px 10px;
   font-weight: bold;
   margin-left: 5px;
   cursor: pointer;
   float: right;
   margin-bottom: 10px;
}
div.wpcf7 {
   position: relative;
}
.subscribeBox .wpcf7-not-valid-tip {
   display: none;
}
.newsletter-txtbox.wpcf7-not-valid {
   background: #fae0e0;
}
.socialBox-Bottom {
   width: 124px;
   float: right;
}

.welcomeText { padding-left:70px; position:relative; }
.txtbox-d
{
border: 1px solid #a2c4d6;
    border-radius: 5px;
    font-family: "oxygen",Arial;
    font-size: 12px;
    padding: 10px;
    width: 100%;
    margin-top:4px;
}
.txt-droplist
{
border: 1px solid #a2c4d6;
    border-radius: 5px;
    font-family: "oxygen",Arial;
    font-size: 12px;
    padding: 10px;
    width: 100%;
margin-top:4px;
}
.txtarea-d
{
border: 1px solid #a2c4d6;
    border-radius: 5px;
    font-family: "oxygen",Arial;
    font-size: 12px;
    padding: 10px;
    width: 100%;
    min-height:200px;
margin-top:4px;
}
.send-btn-d
{
background:#00aeef;
width:75px;
height:38px;
text-align:center;
line-height:32px;
color:#fff;
cursor:pointer;
border: 1px solid #8a8b8c;
border-radius:3px;
font-weight:bold;

}
.send-btn-d:hover { background:#01719b;}

@media screen and (min-width: 1600px) {
.welcomeText { padding-left:0px !important; }
}
@media screen and (min-width: 1920px) {
.welcomeText { padding-left:0px !important; margin-left:-70px; }
}