/*************************************************************************fonts************************************************************/

@import "../fonts/font-awesome/css/font-awesome.css";
@import url('https://fonts.googleapis.com/css?family=Roboto:100');

@font-face {
    font-family: 'open-sans';
    src: url('../fonts/open-sans-all-format/Light/OpenSans-Light.eot');
    src: url('../fonts/open-sans-all-format/Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-all-format/Light/OpenSans-Light.woff') format('woff'),
		 url('../fonts/open-sans-all-format/Light/OpenSans-Light.woff2') format('woff2'),
         url('../fonts/open-sans-all-format/Light/OpenSans-Light.ttf') format('truetype'),
         url('../fonts/open-sans-all-format/Light/OpenSans-Light.svg#open-sans') format('svg');
		 }
		 
@font-face {
    font-family: 'open-sans-bold';
    src: url('../fonts/open-sans-all-format/Bold/OpenSans-Bold.eot');
    src: url('../fonts/open-sans-all-format/Bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-all-format/Bold/OpenSans-Bold.woff') format('woff'),
		 url('../fonts/open-sans-all-format/Bold/OpenSans-Bold.woff2') format('woff2'),
         url('../fonts/open-sans-all-format/Bold/OpenSans-Bold.ttf') format('truetype'),
         url('../fonts/open-sans-all-format/Bold/OpenSans-Bold.svg#open-sans-bold') format('svg');
		 }
		 
@font-face {
    font-family: 'open-sans-semibold';
    src: url('../fonts/open-sans-all-format/Semibold/OpenSans-Semibold.eot');
    src: url('../fonts/open-sans-all-format/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-all-format/Semibold/OpenSans-Semibold.woff') format('woff'),
		 url('../fonts/open-sans-all-format/Semibold/OpenSans-Semibold.woff2') format('woff2'),
         url('../fonts/open-sans-all-format/Semibold/OpenSans-Semibold.ttf') format('truetype'),
         url('../fonts/open-sans-all-format/Semibold/OpenSans-Semibold.svg#open-sans-semibold') format('svg');
		 }
		 
@font-face {
	          font-family: 'nov';
			  src: url('../fonts/nov/Novecentowide-Normal-webfont.ttf') format('truetype');
			  src: url('../fonts/nov/Novecentowide-Normal-webfont.woff') format('woff');
	        }
			
@font-face {
	  font-family: 'karla';
	  src: url('../fonts/karla/Karla-Regular.ttf') format('truetype');
	       }
			
/*************************************************************************fonts************************************************************/

/*************************************************************************global************************************************************/
html{width:100%;height:100%;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

body{width:100%; height:100%; color:#333; background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size: 16px; font-family:'karla'; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

a{color:#434a54;text-decoration:none; font-size:14px; font-family:'nov', sans-serif;}

.carousel-inner > .item > img {width:100%; height: 100vh;}

a:hover,a:focus{text-decoration:none;}

p {margin: 0 0 15px;line-height: 22px;}

h1 {font-size:24px; margin:60px 0 30px 0; font-weight:600; letter-spacing:3px; word-spacing:7px;}

h2 {font-size:20px; font-weight:600; letter-spacing:1px; margin:30px 0 15px 0;}

h3 {font-size:18px; font-weight:600; letter-spacing:5px; margin: 20px 0 10px 0;}

/****************navigation*********************/

.top-logo {padding:15px 0;}

.navbar-nav {width: 100%;text-align: center;}

.navbar-nav li {float: none;display: inline-block;}

.navbar-brand {display:none;}

.navbar-default {background-color: transparent;border-bottom: 1px solid transparent;border-top: 0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; margin-bottom: 0;}

.logo-wrapper {padding:0;}

.navbar-brand {padding: 0px 15px;}

.navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px; color: #000 !important;}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color: #262262 !important;}

.navbar-default .navbar-nav > .active > a {color: #262262 !important; background-color: transparent;}

.navbar-default .navbar-nav > .active > a:hover {color: #262262; background-color: transparent;}


[src="img/logo-xs.png"] {display:none !important;}

.row-margin-bottom-40 {margin-bottom:40px;}

[src="img/logo-right.png"] {padding-top:10px;}

/****************navigation*********************/

/****************carousel***********************/

.carousel-control.right, .carousel-control.left {background-image:none;}

.carousel-indicators {display:none;}

.carousel {margin-bottom: 0;}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {color:#7f1767; font-size:60px}

[src="img/logo.png"] {margin-top:6px;}

#home .carousel-caption 
{
    text-align:right; 
    right:10%; 
    left:10%; 
    top:0; 
    bottom:0; 
    padding:0; 
    display:flex; 
    display:-moz-flex; 
    display:-webkit-flex; 
    justify-content:flex-start; 
    -moz-justify-content:flex-start; 
    -webkit-justify-content:flex-start; 
    align-items:center; 
    -moz-align-items:center; 
    -webkit-align-items:center;
}

#home .carousel-caption {
    
}

.carousel-caption span {font-size: 20px;font-family: 'Roboto', sans-serif;font-size: 50px;font-weight: 600;color:#364049;} 

#home .carousel-caption h3 {opacity:0.5; filter: alpha(opacity=50);}

#home .carousel-caption h3 span:first-child {font-size:60px;}

#home .carousel-caption h3 span:last-child {font-weight:100;}

/****************carousel***********************/

/***************footer*************************/
#footer {padding-bottom:30px; padding-top:30px;}

#footer span, #footer a {font-family:'karla', sans-serif; font-size:11.5px; color:#fff;}

#footer a {float:right;}
/***************footer*************************/

/*************************************************************************global************************************************************/

/***********************************************************************contact**************************************************************/

.cutom-font {font-size:30px; margin-bottom:20px;}

.contact-social {display:inline-block;}

.contact-social .cutom-font {display:block; text-align:center;}

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

.contact-social [href="mailto:info@vitralltd.com"] {font-family:'karla'}

.input-group {margin-bottom:20px;}

.input-group-addon {background-color:transparent;}

.form-control:focus {border-color:#7f1767; opacity:0.5;  filter: alpha(opacity=50); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(127,23,103,.6);}

.map-responsive {overflow: hidden;padding-bottom: 44.25%;position: relative;height: 0;}

.map-responsive iframe {left: 0;top: 0;width: 100%;position: absolute;color: transparent;}

.custom-btn:hover {background-color:#0971CE; border:1px solid #0971CE; color:#fff;}
/***********************************************************************contact**************************************************************/

/***********************************************************************about****************************************************************/
#about .map-responsive {padding-bottom:42%;}

#myCarousel-1, #myCarousel-2, #myCarousel-3, #myCarousel-4, #myCarousel-5, #myCarousel-6 {margin-bottom:1px;}

#myCarousel-1 img, #myCarousel-2 img, #myCarousel-3 img, #myCarousel-4 img, #myCarousel-5 img, #myCarousel-6 img {width:100%;}


/***********************************************************************about****************************************************************/

/***********************************************************************about****************************************************************/
.vertical-ul {list-style:none; padding:0; margin:0;}
/***********************************************************************about****************************************************************/

/**********************************************************************tissori***************************************************************/

[src="img/tissori.jpg"], [src="img/tissori_01.jpg"] {margin-top:60px;}

.certification .row {margin-bottom: 30px;}

.footer-wrapper {background:#364049;}

.zoom-wrapper-div {max-width: 400px; overflow: hidden; height: 357px; margin-bottom: 28px;}

.zoom-wrapper-div img {transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

.zoom-wrapper-div img:hover {margin-bottom: 28px; transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;
transform:scale(1.2, 1.2);}

.modal-body img {margin:auto;}

.modal-header {border-bottom: 0px solid #e5e5e5;}

.modal-footer {border-top:0px;}

form {margin-bottom: 15px;}

.transparent-home {position: fixed; width:100%; z-index: 2;}

.transparent-home .navbar-default .navbar-nav > li > a {color:#000;}

.transparent-home .navbar-default {border-color: transparent;}

/********************************************************************fade effect ***********************************************************/

.carousel-fade .carousel-inner .item {opacity: 0;transition-property: opacity;overflow:hidden;}

.item.active img {transition: transform 2000ms linear 0s;transform: scale(1.1, 1.1);/* This should be based on your carousel setting. For bs, it should be 5second*/}

.carousel-fade .carousel-inner .active {opacity: 1;}

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}

.carousel-fade .carousel-control {z-index: 2; display: flex; display: -o-flex; display: -moz-flex; display: -ms-flex; justify-content: center; -o-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -webkit-justify-content: center;
 align-items: center; -o-align-items: center; -moz-align-items: center; -ms-align-items: center; -webkit-align-items: center; opacity: 1; filter:alpha(opacity=100);}

.carousel-fade .carousel-control i {font-size: 80px;color: #364049;}
/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      opacity: alpha(opacity=0);
      -webkit-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      opacity: alpha(opacity=100);
      -webkit-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
       -ms-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0);
    }
}
/*******************************************************************fade effect ************************************************************/

.footer-fixed {position: fixed; width:100%; bottom: 0; z-index: 999;}

#home .carousel-caption .text-left {padding-left:5%;}

.r-icon
{
    list-style: none;
}

.r-icon li::before
{
content: url('../img/r.png');
display: inline-block;
margin-right: 10px;
margin-top: 5px;
position: relative;
top: 2px;
}

.none
{
    display: none;
}

.two-logo-wrapper {
    max-width: 1020px;
    margin: auto;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: space-between;
}

#bottom {
    text-align: left;
    padding-top: 10px;
}