@charset "utf-8"; 
/*
Project Name: Magnatek Enterprises
Coded by: Mohd Basheer
Primary color: #ed1c24
Red color: #ed1c24
font-family: 'Lato', sans-serif;
*/
*{ margin:0; padding:0; box-sizing:border-box;}
html, body{height:100%;width:100%;background:#FFF;font-family: 'Open Sans', sans-serif; color: rgba(0,0,0,0.7);  }
.browsehappy{margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0}
.msgContainer{ padding:80px 15px; }
.msgContainer-inner{color:#FFF;border-radius:15px;    padding:20px; max-width:500px; margin:0 auto;
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
    zoom: 1;}
	.msgContainer-inner h1{ margin-top:0}

.msgContainer-inner:nth-child(n) {
    filter: none;
} 

.panel-background{
	background-color:#ddd !important;	
	}

.listmar{
	margin-left:30px;
	}

.btn-outline {
    background-color: #fff;
    border-color: #018dc8;
    color: #018dc8;
}
.btn-outline:hover {
background-color: #fff;
    border-color: #036791;
    color: #036791;
}
.arial{ font-family:Arial, Helvetica, sans-serif}
a{ color: rgba(0,0,0,0.7); outline:none; text-decoration:none;}
 a:hover, a:focus, a:active,a.active{ color: #0fa8e1; outline:none; text-decoration:none;}
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}
 .push {
    height: 50px; display:block; /* .push must be the same height as .footer */
}
.text-title{ text-transform:capitalize; font-weight:bold;}
.btn-primary {
    color: #fff;
border-color: transparent;
background-color: #0ca2e0;
background-image: none;
background: #0ca2e0;
background: -webkit-linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%);
background: linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%);
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
    color: #fff;
border-color: transparent;
background-color: #0ca2e0;
background-image: none;
background: #0ca2e0;
background: -webkit-linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%);
background: linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%);

-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.08), 0 4px 15px 0 rgba(0,0,0,0.08);
box-shadow: 0 5px 11px 0 rgba(0,0,0,0.08), 0 4px 15px 0 rgba(0,0,0,0.08);
}
.btn-danger {
    color: #fff;
    background-color: #ed1c24 !important;
    border-color: #ed1c24 !important;
}
.img-pad{ padding-top:30px;}

/* ==========================================================================
   header
   ========================================================================== */
   .logo{ margin:43px auto 7px; display:block;}
  /* .top-header{ margin-top:20px;}*/
ul.nav-top{ margin:0; padding:0; list-style:none; display:block; float:right;}
ul.nav-top li { display:inline-block;}
ul.nav-top li a{ display:block; font-size:12px; color:rgba(0,0,0,0.7); padding:5px 14px; margin-top:10px;}
ul.nav-top li a:hover,ul.nav-top li a:focus,ul.nav-top li a:active,ul.nav-top li a.active{ color:#0FA8E1; }

ul.shareicons{ margin:0 0 0 10px; padding:0; list-style:none; display:block; float:right;}
ul.shareicons li{ display:inline-block;}
ul.shareicons li a{ display:block; text-align:center; width:26px; height:26px; line-height:24px; font-size:12px; background: rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.2); border-radius:50%; color:rgba(0,0,0,0.8); margin-right:5px;}
ul.shareicons li a:hover,ul.shareicons li a:focus,ul.shareicons li a:active{border-color: transparent;
background-color: #0ca2e0;
background-image: none;
background: #0ca2e0;
background: -webkit-linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%);
background: linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%); 
border:1px solid #0ca2e0; color:rgba(255,255,255,0.8);}
 /* ==========================================================================
   footer
   ========================================================================== */

.mainfooter{ width:100%; padding:20px 0 0; border-top: 1px solid rgba(0,0,0,0.1); background: url(../images/footer-bg.jpg) no-repeat scroll center center/cover; color: rgba(255,255,255,0.8); margin-top:20px;}
.ftr-img{ border:2px solid #fff; border-radius:5px;}
ul.footer-links{ display:block; margin:0; padding:0; list-style:none;}
ul.footer-links li{ display:block;}
ul.footer-links li a{ display:block; color: rgba(255,255,255,0.8); font-size:12px; font-style:italic; line-height:21px;}
.mainfooter address{color: rgba(255,255,255,0.8);; font-size:12px;}
.copyright{ font-size:12px; font-weight:600;color: rgba(255,255,255,0.8); padding:16px 0 5px; margin-top:-5px; border-top: 1px solid rgba(51,51,51,0.6); background: transparent;
}
.copyright a{color: rgba(255,255,255,0.8); font-size:13px; font-weight:600;}
.copyright a:hover{color:rgba(255,255,255,0.9);}
ul.social-links{ margin:0; padding:0; list-style:none; display:block; float:right;}
ul.social-links li{ display:inline-block;}
ul.social-links li a{ display:block; text-align:center; width:22px; height:22px; line-height:20px; font-size:12px; border:1px solid rgba(255,255,255,0.8);color:rgba(255,255,255,0.8); margin-right:5px;}

   /* ==========================================================================
  homepage
   ========================================================================== */
 .navbar-brand{ display:none;}
 .navbar{ min-height: auto;}
 #navWrapper{ margin:10px auto 0;}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-default .navbar-nav li a{font-family: 'Lato', sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; color:#000000; padding:0; margin: 5px 10px;}

.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus, .navbar-default .navbar-nav li a:active, .navbar-default .navbar-nav li a.active{ text-decoration:underline;}
.navbar-collapse{ padding-left:0; padding-right:0;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #0FA8E1;
}
/*.navbar-default .navbar-nav li a .nav-links::before{position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; content: ''; opacity: 0; -ms-transition: opacity .3s,-webkit-transform .3s; -webkit-transition: opacity .3s,-webkit-transform .3s; transition: opacity .3s,transform .3s; -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); background-color: #0ca2e0; background: #0ca2e0; background: -webkit-linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%); background: linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%); }

.navbar-default .navbar-nav li a:hover .nav-links::before, .navbar-default .navbar-nav li a:focus .nav-links::before, .navbar-default .navbar-nav li a:active .nav-links::before, .navbar-default .navbar-nav li a.active .nav-links::before{opacity: 1; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }*/

/*.dropdown-submenu {
    position: relative;
}



.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 0px 0px 0px;
    -moz-border-radius: 0 0px 0px;
    border-radius: 0 0px 0px 0px;
}

.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: 0px 0 0px 0px;
    -moz-border-radius: 0px 0 0px 0px;
    border-radius: 0px 0 0px 0px;
}
 .dropdown-menu {background-color: #872368; border-radius:0;min-width: 200px;}
.dropdown-menu > li > a{ color:#fff;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background: rgba(0,0,0,0.2); color:#fff;}*/
.bx-wrapper .bx-viewport{background:none; border:none;  box-shadow:none; left:0; -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0)}
.bx-wrapper{position:relative; margin:0 auto; padding:0; *zoom:1}
.bx-wrapper img{max-width:100%; display:block}
.bx-wrapper .bx-loading{min-height:50px; background:url(../images/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev{left:10px; background:url(../images/controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-next{right:10px; background:url(../images/controls.png) no-repeat -43px -32px}
.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}

.bannerContainer{position:relative; width:100%; float:left; margin:0 auto 20px;display:none; padding:0;}
.no-js .bannerContainer{display:block}




#bannerSlides li img{width:100%; }
.bannerContainer .bx-wrapper{margin:0 auto; position:relative}
.bnrCaption{position: absolute;display: block;width:120px; font-weight:bold; left:2%; bottom:2%; padding:20px;text-transform: uppercase;text-align:left; overflow:hidden;color:#fff;font-family:'Lato', sans-serif; font-size:24px; background: rgba(0,0,0,0.1); border-radius:50%;}

.bnrCaption2{position: absolute;display: block; width:auto; font-weight:bold; right:2%; bottom:6%; padding:10px 15px;text-transform: capitalize;text-align:left; overflow:hidden;color:#fff;font-family:'Lato', sans-serif; font-size:21px; background: rgba(0,0,0,0.7);}

#bannerSlides{margin:0; padding:0}
.bannerContainer .bx-wrapper .bx-pager{position:absolute; right:20px; bottom:5px; z-index:4; text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; }
.bannerContainer .bx-wrapper .bx-pager .bx-pager-item, 
.bannerContainer .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block; *zoom:1; *display:inline}
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a{background:#666; text-indent:-9999px; display:block; width:14px; height:14px; margin:0 5px; outline:0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%}
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a.active{background-color: #0ca2e0;
background-image: none;
background: #0ca2e0;
background: -webkit-linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%);
background: linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%); 
}
#bPrev a, #bNext a{outline:none; text-decoration:none; font-size:25px; color:#111; position:absolute; top:40%; right:10px; background:#fff; width:35px; height:35px; display:block; line-height:35px; text-align:center; border:1px solid #dfdfdf; border-radius:4%; }
#bPrev a{left:10px}

#bPrev a:hover, #bNext a:hover{ border:1px solid red;}
 
.bg-white{ background:#fff; border:1px solid #dcddde; padding:10px 15px; margin-bottom:20px;}
 
.brandContainer{ position:relative; display:block; margin-bottom:220px !important;} 
.brandContainer #bndPrev a,.brandContainer #bndNext a{ display:block; text-align:center; background:#e66204; width:20px; height:25px; line-height:23px; color:#fff; position:absolute; top:-30px; right:0;}
.brandContainer #bndPrev a{ right:30px;}

.fence-wrapper{ position:relative; display:block;}
.fence-child{ position: absolute; bottom:-230px; overflow:hidden; left:0; right:0; display:block; background: rgba(0,0,0,0.1); padding-bottom:10px;}
.about-bg{ background: #f1f1f1; color:rgba(0,0,0,0.7); text-align:center; padding:5px 0 30px;}

.counter-bg{ background: url(../images/counter-bg.jpg) no-repeat scroll center center/cover; color:rgba(255,255,255,0.8); text-align:center; padding:30px 0 30px; margin-top:20px;}
.enquiry-bg{ background: url(../images/enquiry-bg.jpg) no-repeat scroll center center/cover; color:rgba(255,255,255,0.8); text-align:center; padding:30px 0 30px; margin:30px 0;}
.enquiry-bg h4{ line-height:30px; font-style:italic;}
.enquiry-bg a{ font-size:35px; font-weight:bold; font-style:italic;}
	
	
.black-bg{background: #222222; color:#ffffff; padding:5px 0 30px;}

.newsContainer .bx-wrapper .bx-viewport, .eventsContainer .bx-wrapper .bx-viewport{ height:285px !important;}
ul#news-slider li, ul#events-slider li{ background:#333; padding:10px 10px 5px; margin:0 auto 10px;}
ul#news-slider li a:hover,ul#events-slider li a:hover{ color:#F00;}


ul.home-list{ margin:0; padding:0; list-style:none; display:block;}
ul.home-list li{display:block; margin-bottom:10px;background:url(../images/arrow.png) no-repeat scroll 0 5px;background-size: 13px 13px; padding-left:20px;}
ul.home-list li a{ font-size:16px;}

ul.about-li{ margin:0; padding:0; list-style:none; display:block;}
ul.about-li li{display:block; border-bottom:1px solid rgba(0,0,0,0.2); padding-bottom:5px; margin-bottom:10px;background:url(../images/arrow.png) no-repeat scroll 0 5px;background-size: 13px 13px; padding-left:20px;}
/*ul.about-li li::after,ul.about-li li::before{
position: absolute;
top: 50%;
left: 0;
margin-top: -7px;
width: 13px;
height: 13px;
content: "";
background:url(../images/arrow.png);
background-position: 0 center;
background-repeat: no-repeat;
background-size: 13px 13px;}*/
ul.about-li li:last-child{border-bottom: none; padding-bottom:0; margin-bottom:0;}



.bg-grey{ background: #f1f1f1; color:rgba(0,0,0,0.7); text-align:left; padding:5px 0 30px;}
.author-img{ border:1px solid rgba(0,0,0,0.5); border-radius:50%; width:90px; height:90px; margin:auto;}
.author-name{color: rgba(0,0,0,0.7);  font-family:"Open Sans",sans-serif; font-weight:300; font-size:18px; text-align: left; margin-top: 10px;}
.testiContainer .bx-pager.bx-default-pager {
    margin: auto;
    text-align: center;
}
.testiContainer .bx-pager-item { display:inline-block;}
.testiContainer .bx-pager-item a {
    width: 12px;
    height: 12px;
    background: transparent;
	border:2px solid #acacac;
    text-align: center;
    display: block;
    border-radius: 50%;
    margin-right: 5px;
    text-indent: 10;
}
.testiContainer  .bx-wrapper .bx-pager.bx-default-pager a {text-indent: -9999px;}
.testiContainer .bx-pager-item a:hover,.testiContainer .bx-pager-item a:focus,.testiContainer .bx-pager-item a:active,.testiContainer .bx-pager-item a.active { background: #acacac;}

.mytab{ font-size:12px;}

.bg-dark{ background:rgba(0,0,0,0.7);}
.zoomWindow{ top:0px !important; left:auto !important; right:0 !important;  width:400px !important; height:320px !important;}

.no-gutter, .no-gutter > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.no-gutter-sm, .no-gutter-sm > [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

/*===============fancybox style============*/

.fancybox-overlay {
    z-index: 1024 !important;
}
/*===============leftblock style============*/
.nav-pills > li > a {
    border-radius: 0;
    background: #f3f3f3;
    padding: 5px 15px;
	font-family: 'Lato', sans-serif;
}
.nav-pills > li > a:hover,.nav-pills > li > a:focus,.nav-pills > li > a:active,.nav-pills > li > a.active{background: #dadada;}
.nav-pills > li .dropdown-menu{ background: #f3f3f3; box-shadow:none; border:1px solid rgba(0,0,0,0.1)}
.nav-pills > li .dropdown-menu > li > a { background: #f3f3f3; color: rgba(0,0,0,0.7);}
.nav-pills > li .dropdown-menu > li > a:hover, .nav-pills > li .dropdown-menu > li > a:focus {background: rgba(0,0,0,0.2); color: rgba(0,0,0,0.7);}
.nav-pills .open .dropdown-menu {
    position: relative;}
.title-leftblock{ background-color: #0ca2e0;
background-image: none;
background: #0ca2e0;
background: -webkit-linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%);
background: linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%); color:#fff; text-align:center; padding:5px 0; font-size:21px; font-family:'Lato', sans-serif; width:100%;}
/*===============innerpages============*/
.title-lato{font-family: 'Lato', sans-serif;} 
.title-lato-hm{font-family: 'Lato', sans-serif;} 
.text-medium{ font-weight:500;}
.text-semibold{ font-weight:600;}
.text-bold{ font-weight:700;}
.text-white{ color:#fff;}
.text-green{color:#00652f;}
.text-black{ color:rgba(0,0,0,0.7);}
.text-red{ color:#F00;}
.opacity-50{ color: rgba(0,0,0,0.5)}
.opacity-80{ color: rgba(0,0,0,0.8)}
h4.h3.title-lato{ margin-bottom:5px; margin-top:0;}
h4.h4.title-lato{ margin-bottom:5px; margin-top:0;}

h4, .h4, h5, .h5, h6, .h6{ margin-top:20px; margin-bottom:8px;}


.thumbnail.prdt{ margin-bottom:0;}
.title-thumbnail{font-family: 'Lato', sans-serif; font-weight:700; color #333; font-size:14px; text-align:center; margin-top:6px; margin-bottom:20px;} 


.pageheader{ width:100%; margin:auto; text-align:center; display:block; position:relative; margin-bottom:30px;}
.pageheader img{ width:100%;}
.car-breadcrum{position:absolute; top:20%; left:0; right:0; margin:auto; text-align:center;}
.pageTitle{text-transform: capitalize; margin:0; background:transparent; color: rgba(0,0,0,0.7);  font-family:'Lato', sans-serif; font-weight:700; font-size:30px;}
.breadcrumb{text-transform:uppercase; padding: 3px 15px; margin:0; background:transparent; color: rgba(0,0,0,0.7); font-size:12px; font-weight:700;  font-family:'Lato', sans-serif;}
.breadcrumb a{ text-transform:uppercase; color: rgba(0,0,0,0.7); font-size:12px; font-weight:700;  font-family:'Lato', sans-serif;}
.breadcrumb > li + li::before {
    content: "/\00a0";
    padding: 0 5px;
    color: #333;
}

   /* ==========================================================================
   Form styles
   ========================================================================== */
.placeholder{color:#444}
::-webkit-input-placeholder{color:#444}
::-moz-placeholder{color:#444}
.captcha{list-style:none; margin:0; padding:0; display:block; float:left; width:100%}
.captcha li{float:left; margin:0 5px 0 0}
.captcha .input-group{width:130px}
.small-input {width:30px !important;padding:6px 0!important;text-align:center}
.sitePaging{float:right}
.sitePaging .input-group-addon,.sitePaging .input-group-btn {width:auto}
/*=========form errors========*/
.innerError{font-size:10px; color:#f00; background:#fbe3e4 url(../images/invalid.png) 0 50% no-repeat; padding:2px 2px 2px 20px; border:1px solid #fbc2c4; min-height:18px}
.innerHelp{font-size:11px; color:#5f8d00; color:#5f8d00; background:#e6efc2; padding:2px 2px 2px 20px; border:1px solid #390; min-height:18px;  background:#fbe3e4 url(../images/valid.png) 0 50% no-repeat}

.contactBlock a{ color:rgba(0,0,0,0.7)}
.form-control{border: 1px solid #0ca2e0;}
/* ==========================================================================
   Accordoin
   ========================================================================== */

/*#accordion [data-toggle="collapse"]:before {
    font-family:'Glyphicons Halflings';
    content:"\2212";
    float: left;
	line-height:normal;
	font-size:12px;
	padding-right:5px;
}
#accordion [data-toggle="collapse"].collapsed:before {
    content:"\002b";
}

#accordion .panel-heading {
    cursor: pointer;

}
#accordion .panel-title{ font-weight:bold}
#accordion .panel-title a{ color:inherit; display:block; text-decoration:none; outline:none; padding-top:8px; padding-bottom:8px;}*/






.demo {
    padding-top: 10px;

}

.panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }







.panel{background-color: #3d3d3d;}
.panel-default > .panel-heading {
    background-color: #ddd;
    border-color: #ddd;
    color: #fff;
}
.panel-default {
    border-color: #ddd;
}
.jobtitle{
	display:block;
	}
.jobposting-title{
	padding-bottom:15px;
	}	
	
.jobpostingmar{
	margin-top:16px;
	
	}	

.panel-default > .panel-heading + .panel-collapse > .panel-body{background-color: #fff; color: rgba(0,0,0,0.7);}
.panel-heading.active {
  background-color: #ddd; color:#fff;
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a{color:#3d3d3d !important;}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.location-map {
    border-top: 2px solid #0fa8e1;border-bottom: 2px solid #0fa8e1;
    height: 0;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 30%;
    position: relative;
}
.location-map iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    width: 100% !important;
}
.fence-map{ border:2px solid #0fa8e1;}

a{-webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
.btn-outline{ background-color:transparent;  color:inherit;  transition:all .3s}
.btn-outline-inverse {background-color: transparent;border-color:#FFF;color:#fff;}
.btn-outline-inverse:active, .btn-outline-inverse:focus, .btn-outline-inverse:hover {background-color: #fff;border-color:#fff;color:#444;text-shadow:none;}
.sharp,.no-radius{border-radius:0}

.thumbnails{padding-left:0;  list-style:none; }
.thumbnails:before, 
.thumbnails:after{display:table;  content:"";  line-height:0}
.thumbnails:after{clear:both}
.thumbnails >li{margin-bottom:15px}

.alignleft{margin:0px 20px 20px 0; float:left}
.alignright{margin:0 0 20px 20px; float:right}

.fitImg{width:100%; height:100%; background-size:cover!important; -ms-behavior:url(backgroundsize.min.htc); behavior:url(backgroundsize.min.htc)}


.img-16by9{ position:relative; height:0; overflow:hidden; display:block; padding-bottom:56.25%}
.img-16by9 img{ position:absolute; margin:auto; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%;}

.grayscale{filter:url("data:image/svg+xml; utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:gray; filter:grayscale(100%); -ms-filter:grayscale(1); -webkit-filter:grayscale(1); -webkit-transition:all .5s ease; -webkit-backface-visibility:hidden; -moz-filter:grayscale(100%); -moz-transition:all .5s ease; -moz-backface-visibility:hidden}


.blur{filter:blur(3px); -webkit-filter:blur(3px); -moz-filter:blur(3px);  -o-filter:blur(3px); -ms-filter:blur(3px); filter:url("data:image/svg+xml; utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='3' /></filter></svg>#blur"); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')}

.thumbnail:hover .grayscale{filter: grayscale(0);}
.show-grid{margin-bottom:10px; margin-top:10px}
.no-gutter,.no-gutter > [class*='col-'] {padding-right:0;padding-left:0}
.marBtm{ margin-bottom:20px;}
.marBtm-xs{ margin-bottom:5px;}
.marRight{ margin-right:20px;}
.marleft{ margin-left:20px;}
.marTop{ margin-top:20px;}
.marTop-sm{ margin-top:10px;}
.footer-marTop{ margin-top:20px;}
.no-marginTop{ margin-top:0;} .no-marginBtm{ margin-bottom:0;}
.w100{width:100%}
.paddingTopBottom{ padding:30px 0;} .no-padding-rt{ padding-right:0}
 
.ir{background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px}
.ir:before{content:""; display:block; width:0; height:150%}

.thumbnail{ position:relative; border-radius:0;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.37);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.37);}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: transparent;
}
.title-thumb{font-family: 'Lato', sans-serif;   position:absolute; bottom:30px; margin:auto; text-align:center; text-transform:uppercase; left:0; right:0; line-height:23px;}
.title-thumb span{color:#fff; padding:10px; display:table; margin:auto;
background-color: #0ca2e0;
background-image: none;
background: #0ca2e0;
background: -webkit-linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%);
background: linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%);
}

.title-thumb span.cyan{background: #3FC3D7;}
.title-thumb span.blue{background: #00579B;}
.title-thumb span.orange{background: #FF7900;}
.title-thumb span.pink{background: #E0119D;}
.title-thumb span.green{background: #69BE28;}
.title-thumb span.purple{background: #5D59A3;}
.title-thumb span.brown{background: #E9967A;}
.title-thumb span.morkanti{background: #1e5957;}
.title-thumb span.yellow{background: #d4b731;}


	.animScale{transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;}
	.animScale:hover{transform: scale(1.1) rotate(-1.2deg);}

/* ==========================================================================
   back-to-top
   ========================================================================== */
.toTop{display:none; text-decoration:none; position:fixed; z-index:997; bottom:80px; right:10px; overflow:hidden; width:50px; height:50px; border:none; text-indent:-9999px; background:url("../images/ui-totop.png") no-repeat left top}
.toTop:active, .toTop:focus{outline:none}
.toTop:hover{background:url("../images/ui-totop.png") no-repeat left -50px}
.show-16by9{ display:none}
.show-4by3{ display:none}


#clientsDropDown {
 position:fixed;
bottom:0;
right:210px;
padding-bottom:0;
z-index: 997;
text-align:left; color:#333}

#clientsOpen {padding:5px 10px; font:1.5em Arial, Helvetica, sans-serif; color:#fff;  margin:0px;  cursor: pointer; border-top-left-radius:5px; border-top-right-radius:5px; width:100%}

.clientsClose {

background: #fd4700; text-decoration:none;padding:5px 10px;

background: -moz-linear-gradient(top,  #fd4700 0%, #c73900 100%); 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd4700), color-stop(100%,#c73900));
background: -webkit-linear-gradient(top,  #fd4700 0%,#c73900 100%); 
background: -ms-linear-gradient(top,  #fd4700 0%,#c73900 100%); 
background: linear-gradient(to bottom,  #fd4700 0%,#c73900 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4700', endColorstr='#c73900',GradientType=0 );



}



.clientsDashboard {



	clear:both; background:#03c;



  display: none;



  max-width:280px;



}



.ask_expert{background:#F5F5F5; padding:10px;}
.label-primary.expert{border-color: transparent;
background-color: #0ca2e0;
background-image: none;
background: #0ca2e0;
background: -webkit-linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%);
background: linear-gradient(30deg,#0ca2e0 0%,#27dde8 100%);}
ul ul,ul ul ul{
    list-style-type: disc;
}

@media only screen and (min-width:768px){



.fence-child {bottom: -180px;}
.fence-well{ height:0px; display:block;}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.navbar-brand{ display: block; width:220px;padding: 0 15px;}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
	}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}
	.dropdown-menu > li > a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #333;
		white-space: nowrap;
	}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .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-nav {
        float: none!important;
        /*margin: 7.5px -15px;*/
		margin: 7.5px 50px 7.5px -15px
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	
}

@media only screen and (min-width:992px){}

@media only screen and (min-width:1024px){
	ul.shareicons li a{ display:block; text-align:center; width:26px; height:26px; line-height:24px; font-size:12px; background: rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.5); border-radius:50%; color:rgba(0,0,0,0.8); margin-right:5px;}
/*.top-header{ position:absolute; top:0; left:0; right:0; z-index:1024; background: rgba(255,255,255,0.5); padding-top:15px;}*/
.top-header{ position: relative; background: url(../images/top-header-bg.jpg) no-repeat scroll center center/cover; padding-top:15px;}
.innertop-header{ position: relative; background: rgba(255,255,255,1); padding-top:15px;}
.navbar-default .navbar-nav li a{font-family: 'Lato', sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; color:#333; padding:0; margin: 5px 9px;}
.navbar-nav {
    float: right;
    margin: 0;
}
.dropdown-menu{background: rgba(0,0,0,0.5);margin-top:-1px;border:0;border-radius:0;left:0;min-width: 220px;text-align: left; transition: all 0.3s ease-in-out 0s;}
/*.dropdown:hover .dropdown-menu {opacity:1;visibility:visible;z-index:99;}*/
.dropdown-header{ color:#fff;}

.navbar-default .navbar-nav > li .dropdown-menu > li > a {background: transparent;color: #fff; margin: 0; padding:10px;}

.navbar-default .navbar-nav > li .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li .dropdown-menu > li > a:focus {background: rgba(0,0,0,0.8); color: #fff;}

.dropdown-submenu{position:relative;}
.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 6px;border-radius:0 6px 6px 6px;}
.dropDownCaret>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:#cccccc;margin-top:5px;margin-right:-10px;}
.dropDownCaret:hover>a:after{border-left-color:#555;}
.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;}

.dropdown-menu.navRight {
    right: 0;
	left:auto
}
.dropdown-submenu>.dropdown-menu.navRight{ right:100%; left:auto}
.navbar-collapse{ padding-left:0; padding-right:0;}
.fence-child {bottom: -230px;}
.fence-well{ height:75px; display:block;}
}

@media only screen and (min-width:1200px){
	.logo {
    margin-top: 23px;}
	.fence-well{ height:212px; display:block;}
}

.car-breadcrum {
    top: 28%;
}
}

@media only screen and (min-width:1920px){}



/* Small Devices, Tablets */
@media only screen and (max-width:767px){
.navbar-collapse {padding-left: 15px;padding-right: 15px;}

#navWrapper {
    margin: 10px auto;
    border-bottom: 1px solid #333;
}
.navbar-brand{ display: block; width:220px;padding: 0 15px;}
.navbar-brand img{ width:100%; display: block;}
ul.social-links{float: none;}
.fence-child{ position: relative; bottom: auto; overflow:hidden; left: auto; right: auto; display:block; background: rgba(0,0,0,0.1); padding:20px 0 10px;}
.bannerContainer{ margin:0 auto 10px !important;}
.car-breadcrum{ top:24%;}
.pageTitle{font-size:18px;}
.breadcrumb{ font-size:12px;}
.breadcrumb a{font-size:12px;}
.pageheader{ display:none;}
.bnrCaption, .bnrCaption2{ display: none;}
}

@media only screen and (max-width:480px){.car-breadcrum{ top:17%;}
#clientsDropDown {
 position:fixed;
bottom:0;
right:0;

padding-bottom:0;
z-index: 997;
text-align:left; color:#333
.pageTitle{font-size:12px;}
.breadcrumb{ font-size:10px;}
.breadcrumb a{font-size:10px;}}

@media only screen and (max-width:360px){}

@media only screen and (max-width:320px){}