@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
/*@font-face{ font-family:'Raleway', sans-serif; src:url(../fonts/RalewaySans-Regular.ttf) format('truetype'); }*/
@font-face{ font-family:'Raleway', sans-serif; src:url(../fonts/Raleway-Regular.ttf) format('truetype');}
a:hover{text-decoration:none !important; color:#045895;}
header{width:100%; background:#fff; margin:0;}
.header-top{ margin:0; padding:0;}
.logo{ float:left; width: 300px;}
.top-right{ margin:0; float:left; width:100%; padding: 20px 0 0px;}
/*.body-text:before{content:''; display:block; position:absolute; right:0; bottom:0; width:1px; height:45px; background:rgba(204, 204, 204, 0.36);}
.body-text:before:nth-child(3){ background: transparent;}*/
.inner-icon{width:50px; float: left;}
.inner-icon i.fa{ font-size:45px; color:#222222; padding-right: 12px; float: right;}
.body-text{ margin: 0; padding:0;}
.body-text p{font:500 16px/1.8 'Raleway'; color:#333; text-align:left; margin-bottom:5px; padding-left:10px;}
.body-text a{color:rgba(38, 38, 38, 0.78);}
.top-tel{float: right;  margin-top:12px;}
.top-tel a{ text-decoration:none; color:#fff;}
.top-tel img{ width:250px;}
.top-tel h4{text-decoration:none; color:#fff;}
.top-cor {
    float: right;
    margin-top: 0;
    padding: 0 35px;
}
.top-cor img {
    width: 120px;
}
#mError{color:red !important;}
.fpom{float: right; position: relative;  margin-top: 06px;  margin-right: 0;} 
.fpom img{ width:80px;}
.dropdown-submenu { position: relative; }
.header-bg {  width: 100%;  margin: 0; padding: 60px 0; }
.bg-about { background: url(../images/slider/about-bg.png) center center no-repeat; background-size: cover;}
.bg-compressor-service { background: url(../images/slider/service-bg.png) center center no-repeat; background-size: cover; }
.bg-fabrication-service { background:url(../images/bg/fabrication-welding-service-polar-industries-in-winnipeg.jpg) center center no-repeat; background-size: cover; }
.bg-mechanical-service { background:url(../images/bg/industrial-mechanical-services-polar-industries-in-winnipeg.png) center center no-repeat; background-size: cover; }
.bg-product { background: url(../images/slider/product-bg.png) center center no-repeat; background-size: cover; }
.bg-blower { background:url(../images/bg/blowers-jcv-mechanical-in-winnipeg-bg.png) center center no-repeat; background-size: cover; }
.bg-hydrovane { background: url(../images/bg/hydrovane-polar-industries-in-winnipeg.png) center center no-repeat; background-size: cover; }
.about{ width: 100%;  margin: 0; padding: 50px 0; }
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.img-first{min-width:300px;}
#header-menu{ width:100%; margin:0; padding: 5px 0; /*background-color:#c7a162;*/ z-index:999 !important; position:relative;background: -moz-linear-gradient(bottom, #21275f, #2b347f); background:linear-gradient(bottom, #21275f, #2b347f); background: -webkit-linear-gradient(bottom, #21275f, #2b347f);
    box-shadow: 0px 2px 3px #333;}
.navbar-default .navbar-nav  li  a:before{ content:''; display:block; position:absolute; top:0; right:0; bottom:0; opacity: 0.6; width:1px; background:url(../images/border-right.png)}
.banner{width:100%; margin:0; overflow:hidden;}
.image-overlay{ position:relative; overflow:hidden; display:inline-block; max-width:100%; margin-bottom:20px; padding: 7px; transition:all 0.7s ease-in-out; -webkit-transition:all 0.7s ease-in-out;box-shadow: 0px 1px 2px 0px #000;}
/*.image-overlay:hover{ box-shadow: 0px 0px 0px 0px #000;}*/
.image-overlay img{transform:scale(1.0); -webkit-transform:scale(1.0); transition: opacity 0.35s, transform 0.35s;}
.image-overlay:hover img{transform:scale(1.15); -webkit-transform:scale(1.15); opacity:0.9;}

.product-overlay{ position:relative; overflow:hidden; display:inline-block; max-width:100%;}
.effact:before{ content:''; display:block; width:100%; height:100%; bottom:0; left:0; position:absolute; opacity:0; background: linear-gradient(to bottom, transparent 0%, rgba(34, 34, 34, 0.9) 100%); -webkit-background: linear-gradient(to bottom, transparent 0%, rgba(34, 34, 34, 0.9) 100%);
						transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.product-overlay:before{ content:''; display:block; width:100%; height:100%; bottom:0; left:0; position:absolute; opacity:0; background:rgba(255, 255, 255, 0.88); -webkit-background:rgba(255, 255, 255, 0.88);
						transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.img-hover{ position:absolute; width:100%; text-align: center; top: 40%; right: 0; bottom:0; left:0; opacity:0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.product-hover{ position:absolute; width:100%; text-align: center; top:40%; opacity:0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.image-overlay .name-details{    position: absolute;
    left: 7px;
    right: 7px;
    bottom: 7px;
    padding: 15px 11px;
    background-color:#252c6a;
    width: 96%;
    text-align: center;
    z-index: 2; box-shadow: 0px 60px 10px 0px #d2cfcf;}
.image-overlay	.name-details h3{ font: 600 17px/1.8 'Raleway'; text-transform: uppercase; color: #fff; margin-top:0; margin-bottom:10px;} 
.image-overlay	.name-details a{font: 600 13px/26px 'Raleway';
    color: #002e62;
    background: #dff0d8;
    padding: 6px 20px;
    margin-top: 10px;
    text-transform: uppercase;} 
.img-hover h5{font:600 18px/26px 'Raleway'; color:#f5f5f5; text-transform:uppercase; margin-bottom:0;}
.img-hover p{font:400 16px/26px ''Raleway', sans-serif'; color:#f4f4f4;}
.img-hover p a, .img-hover span.btn-round{font:600 15px/26px ''Raleway', sans-serif'; color: #002e62;  background: #f5f4f4; padding: 8px 10px; margin-top: 10px; text-transform: uppercase;}
.image-overlay:hover:before, .effact:hover:before, .product-overlay:hover:before, .image-overlay:hover .img-hover, .effact:hover .img-hover, .product-overlay:hover .product-hover{ opacity:1;}
.home-img-right {  box-shadow: 0px 2px 1px #ccc; border: 5px solid rgba(134, 134, 134, 0.87);}
.para, .text-para{    font: 500 16px/1.8  'Raleway', sans-serif ;
    color:#333;
    text-align: justify;}
.img-gallery{width: 100%; position: relative; overflow: hidden; margin-bottom: 15px; border: 10px solid #ccc; box-shadow: 0px 1px 2px 0px #000; } 
.welcome-widget, .services{width:100%; margin:0; padding:80px 0;background: #f9f9f9;}
.welcome-inner{ width: 100%; margin: 0px;}
.welcome-inner h2{font: 600 30px/1 "Raleway"; margin-top: 0px; margin-bottom: 20px; color:#2c3684;}
.welcome-inner h4{background: #f12b24; padding: 5px; color: #fff;}
.welcome-inner  h6{font: 600 16px/1.8 "Raleway"; color:#00589b;}
.fa-color p  i.fa{padding-right: 5px; color: #f12b24;}
.welcome-inner p{font: 500 16px/1.8 'Raleway'; color:#333; text-align: justify;}
.welcome-link { padding-top:2px;}
.welcome-link h5{ float:left; width:50%;}
.welcome-link h5 a{ font:600 17px/1.6 'Raleway'; color:rgba(193, 13, 13, 0.64);}
.welcome-link h5 a:hover{ color:#000; text-decoration:none;}
.welcome-right{width: 100%; padding: 15px 0 0;}
.welcome-right h3{margin-top:10px;  margin-bottom: 10px; font: 600 20px/1.6 'Raleway';}
.welcome-right p{font: 500 15px/1.8 "Raleway"; color: rgb(135, 131, 131);}
.welcome-right a{  color:rgba(193, 13, 13, 0.64); font-weight:600; text-transform:uppercase;}
.welcome-right a:hover{ color:#000;}
.services-widget{ width:100%; margin:0; background:#fff; padding:50px 0;}
.title h1{font:600 30px/1.8 'Raleway'; color:#2b347f; text-transform:uppercase; margin:30px 0 10px;}
.title h3{font: 600 24px/1.6 'Raleway'; color: #00589b; text-transform: uppercase; margin-top: 0; margin-bottom: 20px;}
.title p{font:500 16px/1.8 'Raleway'; color: #333; text-align:justify;}
.inner-text{width:100%; margin:0; text-align:center;}
.inner-text h3 a{margin-top:20px;  margin-bottom: 20px; font:600 20px/1.8 'Raleway'; color:#000;}
.inner-text p{font: 500 16px/26px "Raleway"; color: #868686;}
.inner-text a{  color:rgba(193, 13, 13, 0.64); font-weight:600; text-transform:uppercase;}
.bg-one{width:100%; padding: 30px 0 30px;position: relative;/* background-repeat: no-repeat;  background-position: -130px 0; background-image:url(../images/mechanical-system-installtion-central-hydronics-inc-in-winnipeg-manitoba.png);*/ background-color:#2b303b;}
.services-inner h3 {font: 600 20px/1 "Raleway";  margin-top: 15px; margin-bottom: 15px; color:#002e62; text-transform: uppercase;}
.product-inner h3{font: 600 20px/1 "Raleway"; color:#e30523;  margin-top: 15px; margin-bottom: 15px; text-transform: uppercase;}
.product-inner h5{font: 500 16px/1 "Raleway";  margin-top:0; padding-bottom:15px; margin-bottom: 20px; color:#002e62; border-bottom:1px solid #ccc;}
.services-inner p, .product-inner p{font: 500 16px/1.8 "Raleway"; color:#333; text-align: justify;}
.bg-staff{width:100%; margin:0;padding: 60px 0; display: block; text-align:center; background:url(../images/central-hydronics-inc-professionals-in-winnipeg-bg.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; position:relative;}
.staff h2{ color:#002e62; text-align:center; font:600 30px/1.6 'Raleway';}
.staff p{font: 500 16px/1.8 "Raleway"; color:#262626; text-align: center;}
.services .panel-title a{ text-decoration:none; text-transform:uppercase; font-weight:600;}
.services .panel-body h3{font: 600 16px/1 "Raleway"; text-transform: uppercase;}
.services .panel-body p{font: 500 16px/1.8 "Raleway"; color:rgb(135, 131, 131); text-align: justify;}
.services .panel-body p span{ color:#e73743;}
.quality-service{width:100%; margin:0; /*padding:0 0 04px;*/}
.quality-service .left-img{float:left; display:block; border: 2px solid rgb(194, 147, 90); border-radius: 50%; margin:10px 30px 10px 0;}
.quality-service .img-right h3 {margin-top:30px;  margin-bottom: 10px;}
.quality-service .img-right h3 a{font:600 20px/1.8 'Raleway'; color:#fff; text-transform:uppercase;}
.quality-service .img-right p{font: 500 16px/26px "Raleway"; color: #bbbdc3;}
.client-widget{ width:100%; padding:80px 0; background-color:rgba(232, 230, 241, 0.19); }
.brand-portfolio{width:100%; background:#002e62; padding: 15px 0;}
.brand-portfolio ul.brand{ margin:0; padding:0;}
.brand-portfolio ul.brand li{display:inline-block;    margin-left: 15px; list-style:none none outside; }
.brand-portfolio ul.brand li a{ float:left; margin:20px 10px; z-index:-1;}
.brand-portfolio ul.brand li:hover a img{ opacity:0;}
.brand-portfolio ul.brand li:nth-child(1) a:hover{ background:url(../images/logos/cb-hover.png) center center no-repeat; z-index:999; background-color:#fff;}
.brand-portfolio ul.brand li:nth-child(2) a:hover{ background:url(../images/logos/camus-hover.png) center center no-repeat; z-index:999; background-color:#fff;}
.brand-portfolio ul.brand li:nth-child(3) a:hover{ background:url(../images/logos/thermo2000-hover.png) center center no-repeat; z-index:999; background-color:#fff;}
.brand-portfolio ul.brand li:nth-child(4) a:hover{ background:url(../images/logos/flo-fab-hover.png) center center no-repeat; z-index:999; background-color:#fff;}
.brand-portfolio ul.brand li:nth-child(5) a:hover{ background:url(../images/logos/centrotherm-hover.png) center center no-repeat; z-index:999; background-color:#fff;}
.brand-portfolio ul.brand li:nth-child(6) a:hover{ background:url(../images/logos/apex-hover.png) center center no-repeat; z-index:999; background-color:#fff;}
.video-text {padding:0 0 0 20px; margin:0;}
.video-text h3{font:500 26px/1.4 'Raleway'; color:#000; margin-top:0px;  margin-bottom: 10px; text-transform: uppercase;}
.video-text p{font: 500 15px/26px "Raleway"; color: #6b6a6a; text-align: justify;}
.video-text a{color:#fff; background-color:#003; padding:10px 20px; border:1px solid #003; font-weight: 600;
text-transform: uppercase;}
.video-text a:hover{ text-decoration:none; color:#fff;}
.bg-bottom{ width:100%; overflow:hidden; margin:0; padding:0;  background-size:cover; background-image:url(../images/bg-2-central-hydronics-inc-in-winnipeg-manitoba.png); background-position: center center; background-repeat:no-repeat;}
.overlay-color{width:100%; background-color:rgba(194, 147, 90, 0.92); padding:30px 0;}
.bg-bottom h3{font:600 35px/1.6 'Raleway'; font-style:italic; color:#2b303b; margin: 10px 0 0;}
.btn-link{text-align: center; margin-top: 30px;}
a.btn-contact{color:#fff; background-color: transparent; padding:16px 35px; border:2px solid #fff; font-weight: 600;
text-transform: uppercase; transition:all 0.8s ease; -webkit-transition:all 0.8s ease;}
a.btn-contact:hover{ background:#fff; color:#262626;;}
.btn-link a{ text-decoration:none;}
.bottom-content{width: 100%; margin: 0;  padding: 20px 0;}
.bottom-content p{font: 500 15px/1.8 "Raleway"; color: rgb(135, 131, 131); text-align: justify;}
footer{ width:100%; margin:0; background-color:#2c3e50;  }

.news{ width: 100%;  background-color:#b81824; margin-bottom: 40px;  padding: 5px 20px;}
.news h5{    padding: 10px 0;
    font: 600 17px/1.6 'Raleway';
    color: #b81824;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #b81824;
    background-color: #fff;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;}
.news:hover h5{background-color: #000; color:#fff;}
.news form{text-align: center; padding: 30px 0 3px;}
.news input[type=text]{width: 65%;  padding: 5px; border: 1px solid rgba(236, 29, 35, 0.38);}
.news input[type=submit]{padding: 5px 20px; border-radius: 0; color: #fff; background: #002e62;}
.news p{font: 500 13px/19px "Raleway"; color:#eeeeee; padding-left:55px;}
.news p a{color:#fff;}

.footer-text h3{font:600 20px/1.6 'Raleway'; text-transform:uppercase; color:rgba(255,255,255,0.75); margin:0 0 20px; border-bottom:1px solid  rgba(212, 193, 171, 0.13); padding-bottom: 15px;}
.footer-text p{font: 500 15px/26px "Raleway"; color:#868686;}
a.btn-footer{ color:#c2935a; font-weight:600;}
ul.social-links{ margin:o; padding:15px 0 0; margin-top: 20px;}
ul.social-links li{ display:inline-block; list-style:none;}
ul.social-links li a{padding: 5px 8px; margin-right: 15px;}
ul.social-links li a:first-child{ padding-left:0px;}
ul.social-links li a i.fa{color:#c2935a; font-size: 20px;}
.footer-text h5{margin:0 0 10px; border-bottom:1px solid  rgba(212, 193, 171, 0.13); padding-bottom:08px;}
.footer-text h5 a{font:400 15px/26px 'Raleway'; color:rgba(244, 244, 244, 0.56); }
.footer-text h4{margin:0 0 10px; padding-bottom:10px; font:400 15px/26px 'Raleway'; color:rgba(244, 244, 244, 0.56); }
.footer-text h6{margin:0 0 10px; padding-bottom:15px; border-bottom:1px solid  rgba(212, 193, 171, 0.13); font:400 15px/26px 'Raleway'; color:rgba(244, 244, 244, 0.56); }
.footer-text h6 a{font:400 15px/26px 'Raleway'; color:rgba(244, 244, 244, 0.56); }
.footer-bottom{width:100%; margin:0; background-color:rgba(0, 0, 0, 0.92); padding:20px 0 0; color:#7d7c7c;}
.footer-bottom img{width:120px; display:inline-block;}
#fvpp-blackout {display: none; z-index: 499;  position: fixed;  width: 100%; height: 100%;  top: 0; left: 0;  background: #333;  opacity: 0.9;}
#my-welcome-message{display: none; z-index: 500; position: fixed; width: 36%; left: 30%; top: 20%;  padding: 45px 2%;  font-family: Calibri, Arial, sans-serif;  background: #00589b;}
#fvpp-close{position: absolute;  top: 10px; right: 20px;  cursor: pointer;  color:#fff;}
.inner-pop{text-align:center; color:#fff; }
.inner-pop h3{font: 500 20px/26px "Raleway"; padding: 0px 0px 15px; margin-bottom:15px; margin-top: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.45); }
.inner-pop p{font: 500 16px/28px "Raleway";}
.inner-pop a.pop-btn{ text-decoration:none;}
.para{padding-top: 10px;}
.para a{font: 500 16px/26px "Raleway"; color:#fff; text-decoration:none;}
.para a:hover{text-decoration:underline !important;}
.para p{font: 500 16px/26px "Raleway"; margin-bottom:0;}
.pop-btn{ background:#feca30 !important; color:#000; border-radius:0 !important; padding:5px 10px; font-size: 16px; border:none !important;}
.inner-pop input{ margin:10px;}
.pad-t50{ padding:50px 0 30px;}
.pad-r0{ padding-right:0 !important;}
.pad-left0{ padding-left:0 !important;}
.pad-r-5{ padding-right:5px;}
.pad-t-5{ padding-top:5px;}
.pad-t-30{ padding-top:30px;}
.mrg-30{ margin:30px 0;}
.pad-t-12{padding-top: 12px;}
.mar-lt-40{ margin-left:40px;}
.black-bg{ background-color: #2b303b;}
 
.header-bg h1{    color: #fff;
    text-transform: uppercase;
    background-color:rgba(0,0,0,.5);
    padding: 10px 0;}
.header-bg p{text-align: right; padding: 30px 0 0; color:#f5f5f5;}
.header-bg p a{ color:#f5f5f5;}
.product-widget{width:100%; margin:0; background-color:#f5f4f4; padding:60px 0;}
.border{border: 1px solid #dfdfdf; margin-bottom: 20px; padding: 11px; background-color:#002e62;}
.border h3{position: absolute;
    left: 10px;
    bottom: 0;
    padding: 9px 11px;
    background-color:rgba(26, 40, 60, 0.16);
    min-width: 45%;
    font: 600 20px/1.8 'Raleway';
    text-transform: uppercase;
    z-index: 2;}
.product-hover span.btn-round{width:45px; height:45px; background-color:#000; border-radius:50%; display:block; color:#fff; margin: 0 auto; padding: 15px;}
.product-overlay:hover h3{ background-color:#002e62; color:#fff;}
#works{ width:100%; padding:60px 0; margin:0; overflow:hidden;}
.right{ float:right;}
.left{ float:left;}
.parts{width: 30%; float: left; position: relative;}
.parts a.fancybox:first-child{display:block;}
.parts a.fancybox{display:none;}
.work-inner{width: 100%;  margin-bottom: 10px; padding-bottom: 15px; box-shadow: 0px 3px 2px #ccc;}	
.text-detail{width: 70%; float: left;  padding:0 20px;}
.text-detail h3{font: 600 24px/1.8 'Raleway'; margin: 0; padding-top: 20px; border-top: 5px solid #f90606;}
.text-detail h4{font: 500 17px/1.8 'Raleway'; text-transform:uppercase; color:#000;}
.text-detail p{font: 500 15px/1.8 "Raleway"; color: rgb(135, 131, 131); text-align: justify;}
		.part .click{    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	top:70%;
    text-align: center;
    background: rgba(255, 255, 255, 0.91);
    opacity: 1;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;}
	.click span.btn-square {
    font: 500 14px/26px 'Raleway';
    color: #002e62;
    border: 1px solid #002e62;
    padding: 10px 18px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 25%;
    text-align: center;}
	.part:hover .click{ display:none;}
	.parts img{ width:100%;}
	.parts span.btn-square{font: 500 14px/26px 'Raleway';
    color: #fff;
    border: 1px solid #002e62;
    padding: 10px 18px;
    text-transform: uppercase;
	background-color:#002e62;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; 
    text-align: center;}
	.click h3{    font: 600 16px/1.8 'Raleway'; text-transform:uppercase;
    color: #002e62;
    margin: 20px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;}
.next-client{width: 100%;  padding: 20px; background: rgba(0, 46, 98, 0.07); margin-bottom: 10px;}
.next-client p	{font-size: 18px;  font-weight: 600; color: #00589b; text-transform: capitalize; margin-bottom:0px;}
.contact-box{width:100%; border:1px solid #a9a9a9; padding:20px 10px; margin:50px 0 60px;}
.u-case{ text-transform:uppercase;}
.border-rt{border-right: 1px solid #ccc;}
#contact-form{ padding-bottom:10px;}
#contact-form input[type="text"], #contact-form textarea {width: 100%; padding: 15px; margin-bottom: 25px; border: 1px solid #ced1d4; font-size:15px;    outline: none;}
.btn-send{ color:#002e62; border:1px solid #a9a9a9; font:500 14px/26px 'Raleway'; background:#fff; padding:8px 18px; text-align:center; text-transform:uppercase; margin-top:20px; transition:0.2s all ease; -webkit-transition:0.2s all ease;;}
.btn-send:hover{ background:#002e62; color:#fff;}
.box-size{ height:196px;}
#map{width:100%; overflow:hidden; margin:0;}
.footer-text h5 span { font: 600 15px/26px 'Raleway'; color:rgba(255,255,255,0.75);}
.proud img{width:200px;}
.footer-bottom p a{color: #7d7c7c;}
.policy{ padding:70px 0; margin:0;}
.policy h3{font: 600 18px/1.4 "Raleway"; color: #000; text-transform: uppercase;}
.policy p.para{font: 500 16px/1.8 "Raleway"; color:rgba(51, 51, 51, 0.85); text-align: justify;}
.part-img{width:100%; float: left; position: relative; margin-bottom: 10px;}
.unsubscribe{ width:100%; padding:100px 0;}
	.unsubscribe form{ text-align:center;border: 1px solid #6fa4e1; width: 50%;  padding: 70px 0;  margin: 0 auto; background: #6fa4e1;/* background-image:url(images/glassy.jpg) center center;*/}
	.unsubscribe input[type=text]{width: 80%; padding: 11px;  border: 1px solid #ccc;}
	.unsubscribe input[type=submit]{ display: block; margin: 0 auto; margin-top: 20px;border-radius: 0;}
ul.inner-point{margin: 0; padding: 30px 0 20px; margin-bottom: 20px;  text-align: center; border-bottom: 1px solid #f5f5f5; background-color:#f9f9f9;}
ul.inner-point li{ display:inline-block; padding:20px 15px;font-weight: 500; color:#000; transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out;}
ul.inner-point li:before{ content:'\f085'; position:relative;font-family: 'FontAwesome'; margin-right: 10px; border-radius: 50%;  padding: 5px; color: #051067; box-shadow: 0px 1px 3px 0px #999;}
ul.inner-point li:hover{color:#00589b; }
.services-inner p i.fa{ margin-right:10px;}

@media (max-width:767px){
.quality-service{ background-color:#2b303b;	padding: 10px;}
.welcome-link h5 {  width: auto;}
#boxes #dialog { width: 330px !important;}
#my-welcome-message{display: none; z-index: 500; position: fixed; width: 75%; left: 10%; top: 20%; padding: 45px 2%; font-family: Calibri, Arial, sans-serif; background: #00589b;}
.next-client p	{text-align:center;}
.bg-one{ background-image:none;}
.footer-bottom p{ text-align:center;}
.text-detail, .parts{width: 100%; float:none;}
.unsubscribe form{ width: 100%;}
ul.inner-point{ text-align:left;}
}
@media (max-width:479px){
.brand-portfolio ul.brand li { margin-left: 20%;}
.top-tel{display:none;}
}
@media (max-width: 991px) {
	/*.is-sticky .navbar-default{ background-color:transparent;}*/
    .navbar-header {
        float: none !important;
    }
    .navbar-toggle {
        display: block !important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none !important;
		display:block;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media (min-width:768px) and (max-width: 991px) {
.home-img-right{ margin-top:35px;}
.video-text{ padding-left:0; padding-top:20px;}
.logo{width:220px;}
.top-tel img { width: 200px;}
.top-cor img { width: 100px;}
.fpom img { width: 60px;}

}
@media (min-width:992px) and (max-width: 1170px) {
.navbar-nav li a { padding: 15px 30px !important; }
}
.captcha-input {
    width: 25%!important;
    padding: 7px 15px;
    margin-right: 10px;
    transition: all .5s ease;
}
#txtCaptchaDiv {
    background-color: #000;
    width: 180px;
    height: 43px;
    padding: 10px;
    letter-spacing: 3px;
    color: #fff;
}