/* ------------------------------------------------------------- */
/* Custom styles */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 7px;
    padding-left: 7px;
}
.navbar-inverse{
	position: sticky;
}
body {
	font-family: 'Open Sans', sans-serif;
	color: #444444;
	border-radius: 0;
}
h1 {
  font-size: 40px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 20px;
}
.btn {
	border-radius: 0;
	border: none;
}
.carousel {
	font-size: 18px;
}
.carousel-indicators li {
	border-radius: 0;
}
.carousel-control-arrow {
	position: relative;
	line-height: 100%;
	font-size: 64px;
	margin-top: -32px;
	top: 50%;
}
.carousel-caption {
	color: #555555;
	text-shadow: none;
}
.page-header {
	border-bottom: none;
	padding-top: 10px;
	margin-top: 10px;
}
blockquote {
	font-family: 'Droid Sans', sans-serif;
	border-left: none
}
.inner-block {
	overflow: hidden;
	background-color: #3FA5D0;
	margin-top: 25px;
	color:  white;
	width: 300px;
}
.block-text {
	font-size: 19px;
	margin-top: 13px;
}
.container-home {
    width: 100%;
    margin-bottom: -5px;
    display: inline-block;
}

.container-about {
    width: 100%;
    display: inline-block;
    //padding-top: 20px;
    padding-bottom: 50px;
}

.container-services {
    width: 100%;
    display: inline-block;
    //padding-top: 20px;
    padding-bottom: 50px;
}

.container-projects {
    width: 100%;
    display: inline-block;
    //padding-top: 20px;
    padding-bottom: 50px;
}

.container-blog {
    width: 100%;
    display: inline-block;
    //padding-top: 30px;
    padding-bottom: 50px;
}

.container-contact {
    width: 100%;
    display: inline-block;
    //padding-top: 30px;
    padding-bottom: 50px;
}

.about-square {
    width: 60px;
    height: 60px;
    line-height: 50px;
    color: #fff;
    background-color: #2098D1;
    vertical-align: middle;
    display: inline-block;
}

.calendar {
	width: 200px;
	margin-top: 120px;
	margin-left: 20px;
}

.outer{
	text-align: center;
}

#tags{
	display: inline-block;
	min-width: 200px;
	max-width: 500px;
	min-height: 200px;
	margin: auto;
}

.footer-socialicon {
	border: solid 1px;
	border-color: #9CA1A6;
    color: #fff;
    font-size: 25px;
    height: 40px;
	width: 40px;
    padding-top: 5px;
    text-align: center;
}

#googlemap {
	width: 100%;
	height: 400px;
	margin-top: 20px;
}

a.footer-socialicon {
	color: #777;
	text-decoration: none;
}

.footer-socialicon:hover {
	color: #ffffff;
	background-color: #40A6E7;
}

#subfooter {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #2098D1;
	color: #ffffff;
}

#footer {
	color: #ffffff;
	background-color: #34393F;
    padding-top: 5px;
    padding-bottom: 5px;
}
#footer a {
	color: #fff;
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}
.loginPanel{
  margin: 0px 0px -10px 0px;
}
.loginPanel .panel-body {
    padding: 5px 4px 0px 4px;
}
/*Tab Page Content */
/*Panel tabs*/
.panel-tabs {
  position: relative;
  bottom: 30px;
  clear:both;
  border-bottom: 1px solid transparent;
}

.panel-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.panel-tabs > li > a {
  margin-right: 2px;
  margin-top: 4px;
  line-height: .85;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #ffffff;
}

.panel-tabs > li > a:hover {
  border-color: transparent;
  color: #ffffff;
  background-color: transparent;
}

.panel-tabs > li.active > a,
.panel-tabs > li.active > a:hover,
.panel-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: rgba(255,255,255, .23);
  border-bottom-color: transparent;
}


/*****************Product Categories***************************/

.glyphicon { margin-right:5px; }
.thumbnail
{
  margin-bottom: 20px;
  padding: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.item.list-group-item
{
  float: none;
  width: 100%;
  background-color: #fff;
  margin-bottom: 10px;
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover
{
  background: #428bca;
}

.item.list-group-item .list-group-image
{
  margin-right: 10px;
}
.item.list-group-item .thumbnail
{
  margin-bottom: 0px;
}
.item.list-group-item .caption
{
  padding: 9px 9px 0px 9px;
}
.item.list-group-item:nth-of-type(odd)
{
  background: #eeeeee;
}

.item.list-group-item:before, .item.list-group-item:after
{
  display: table;
  content: " ";
}

.item.list-group-item img
{
  float: left;
}
.item.list-group-item:after
{
  clear: both;
}
.list-group-item-text
{
  margin: 0 0 11px;
}

/* Pagination */
.pagination>li>a, .pagination>li>span { border-radius: 50% !important;margin: 0 5px;}
.input-group-addon {
    min-width: 90px;// if you want width please write here //
    text-align:left;
}



/***********About US CSS*********************/

.read-more-state {
    display: none;
}

.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
    content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
    content: 'Show less';
}

.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    padding: 0 .5em;
    color: #666;
    font-size: .9em;
    line-height: 2;
    border: 1px solid #ddd;
    border-radius: .25em;
}

.marqueeMobile{
	font-size:14px;
	background:#fed106;
	color:white;
	margin-bottom: 7px;
}
@media (min-width: 768px) {
    .logo {
       display: none;
    }	
	.marqueeMobile{
		display:none;
	}
}
@media (max-width: 768px) {
    .headerSectionPart{
       display: none;
    }
	.logo {
        max-width: 80%;
    }
	#modalBodyScroll{
		padding:0px!important;
	}
	.input-group-addon-popup  {
       display: none;	
	}
	.navbar-inverse {
		background-color: #fed106;
		border-color: #080808;
		margin-bottom: 0px;
	}
	.navbar-inverse  img{
		    height: 45px;
			width: 100%;
	}
}
@media (max-width: 620px) {
    .input-group-addon-popup  {
       display: none;	
	}
	.modal-body{
        max-height: 250px;		
	}
}

/*--------------------------------------------------------------------------*/



/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    max-height: 100vh;
}
.fade-carousel .carousel-inner .item {
    max-height: 200px;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
    width: 10px;
    height: 10px;
    opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
    background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818);
}
.fade-carousel .slides .slide-2 {
    background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);
}
.fade-carousel .slides .slide-3 {
    background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }
}
.modal-backdrop {
    opacity: 0.7;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-body .input-group-addon {
    min-width: 155px;
}
#modalBodyScroll{
    max-height: 300px;
    overflow: hidden;
	padding:20px
}
.modal-dialog {
    width: 60%;
    height: 5%;
    left: 20%;
    overflow: initial;
    margin: 30px auto;
    position: fixed;
}
.modal .modal-body {
    overflow: auto;
}
.modal .modal-fixed {
    position: fixed;
    background-color:red;
}
.popUpImg{
	top:50%;
}/* 
.mag {
    width:200px;
    margin: 0 auto;
    float: none;
}
    
.mag img {
    max-width: 100%;
}      
  

.magnify {
    position: relative;
    cursor: none
}

.magnify-large {
    position: absolute;
    display: none;
    width: 175px;
    height: 175px;

    -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
       -moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
             border-radius: 100%
} */
@font-face {
    font-family: headerTitleFont;
    src: url(ARDESTINE.woff);
}
.headerLogo{
    background-image: url(../images/logoSingle.png);
    background-size: cover;
    height: 162px;
    background-repeat: no-repeat;
    width: 162px;
}
.headerTitle{
	font-family: headerTitleFont;
    font-size: 5.6em;
    white-space: nowrap;
    line-height: 2.2;
    font-weight: 500;
    text-transform: uppercase;
}
.input-group .form-control {
    z-index: 0;
}
.panel-heading {
    font-weight: 800!important;
    font-size: smaller;
}
.popProductImg{
	max-height:150px;
	margin-bottom: 50px;
}
#productSelection {
    width: 100%!important;
	height: 35px;
}
#ui_notifIt{
	height:45px!important;
}
#ui_notifIt p {
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-size: 21px!important;
    padding: 0;
    margin: 0;
}
.modal-megamenu {
    height:70%;
}
.modal-body {
    max-height: 350px;
}
.headerBg{
    background: url(../images/HeaderBg.png) #fed106;
    background-size: contain;
    max-height: 180px;
    min-height: 180px;
    width: 100%;
    background-repeat: no-repeat;
}
.input-group {
    position: relative;
    display: flex;
    border-collapse: separate;
}