@font-face {
    font-family: 'BankGothic';
    src: url('font/BankGothicBold.eot');
    src: url('font/BankGothicBold.eot?#iefix') format('embedded-opentype'),
        url('font/BankGothicBold.woff') format('woff'),
        url('font/BankGothicBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Century Gothic';
    src: url('font/CenturyGothic.eot');
    src: url('font/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('font/CenturyGothic.woff') format('woff'),
        url('font/CenturyGothic.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'Didot';
    src: url('font/Didot.eot');
    src: url('font/Didot.eot?#iefix') format('embedded-opentype'),
        url('font/Didot.woff') format('woff'),
        url('font/Didot.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}


/* This stylesheet generated by Transfonter (https://transfonter.org) on May 5, 2017 6:35 PM */

@font-face {
    font-family: 'Gotham';
    src: url('font/Gotham-BoldItalic.eot');
    src: url('font/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Gotham-BoldItalic.woff') format('woff'),
        url('font/Gotham-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('font/Gotham-Light.eot');
    src: url('font/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('font/Gotham-Light.woff') format('woff'),
        url('font/Gotham-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('font/Gotham-LightItalic.eot');
    src: url('font/Gotham-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Gotham-LightItalic.woff') format('woff'),
        url('font/Gotham-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('font/Gotham-Medium.eot');
    src: url('font/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('font/Gotham-Medium.woff') format('woff'),
        url('font/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('font/Gotham-Book.eot');
    src: url('font/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('font/Gotham-Book.woff') format('woff'),
        url('font/Gotham-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('font/Gotham-BookItalic.eot');
    src: url('font/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Gotham-BookItalic.woff') format('woff'),
        url('font/Gotham-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('font/Gotham-Bold.eot');
    src: url('font/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/Gotham-Bold.woff') format('woff'),
        url('font/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('font/Gotham-MediumItalic.eot');
    src: url('font/Gotham-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Gotham-MediumItalic.woff') format('woff'),
        url('font/Gotham-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

body {
    font-family: 'Gotham';
    font-weight:300;
    overflow-y:scroll;
    letter-spacing: 2px;
}

a {
    font-family: 'Gotham';
    font-weight:300;
    font-size:14px;
    letter-spacing: 2px;
    color:black !important;
}
h1 {font-family: 'Gotham';
    font-weight:500;
    color:black !important
    }
h2 {font-family: 'BankGothic';
    font-weight:normal;
    color:black !important;
    text-transform:uppercase;
    }
h3 {font-family: 'BankGothic';
    font-weight:normal;
    color:black !important;

    }
h4 {font-family: 'Gotham Book';
    font-weight:normal;

    color:black !important
    }

h5 {font-family: 'Gotham Book';
        font-weight:normal;

        color:black !important
        }


p {font-family: 'Gotham Book';
    font-weight:normal;
    color:black !important

    }
.box-videos {
                font-family: 'Didot';
                font-style: italic;
                font-size: 40px;
                text-decoration: uppercase;
            }

            .desk {display:block !important;}
            .mobi {display:none !important;}

.sideBar {font-size:30px;}
.navbar-default {
    background-image: -webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -o-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0 rgba(255,255,255,.15), 0 0px 0px rgba(0,0,0,.075);
    border: 0px;
}
.bigSideText {font-size:20px; font-family:BankGothic !important; text-transform:uppercase;}
.desk-hide {display:none !important;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default {
    background-color: #ffffff;
    border-color: #e7e7e7;
}

.item {height:100vh; max-height:100vh;}


.containerPic {
position: relative;
  width: 100%;
}

.imagePic {
  display: block;
  width: 340px;


  object-fit: cover;
  margin: auto;
}

.inner-page .imagePic {
  border:1px solid #313131;
}
.title-category{margin-top: 5px;}

.overlayPic {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(42, 42, 42, 0.86);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.containerPic:hover .overlayPic {
  height: 100%;
}

.textPic {
  white-space: nowrap;
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
span {font-weight:normal !important; display:block;}

.mainNavtop {padding-left:0px; padding-right:0px;margin-top:10px;}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: rgba(255, 255, 255, 0.83);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.175);
    box-shadow: 0 0px 0px rgba(0,0,0,.175);
}


/* START Media Queries */


    /* SMALL DESKTOP RULE */
    @media only screen
    and (max-width : 1200px)    {
        .imagePic {
            width: 273px;
            height: 380px;
        }
    }
	/* Medium devices (tablets, 768px and up)*/
		@media (min-width: 768px) and (max-width: 1199.98px) {
		.imagePic {
			width: 100% !important;
			height: auto !important;
		}
 }
    /* SUPER OLD SMALL DESKTOP RULE */
    @media only screen
    and (max-width : 991px)     {
      .desk {display:none !important;}
  .mobi {display:block !important;text-align:center;}
        .imagePic {
            width: 250px;

        }

    }
	/* Medium devices (tablets, less than 992px)*/
		@media (max-width: 991.98px) {
		.title-press{
					min-height: 60px;
				}

		 }
		 /* Small devices (landscape phones, less than 768px)*/
			@media (max-width: 767.98px) {
							.title-press{
								min-height: auto;
							}
							.imagePic {
								width: 270px !important;
								height: auto;

							}
			}


    /* IPAD PORTRAIT AND LANDSCAPE */
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)  {
        .tab-hide {display:none;}

        .desk-hide {display:inherit !important;}
        .mobi-hide {display:none !important;}
        .navbar-default .navbar-nav > li > a {
            color: rgb(255, 255, 255);
        }
        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #ffffff;
            background-color: transparent;
        }

        .itemer {
            height: 50vh !important;
            max-height: 20vh;
        }

    }

    /* IPAD LANDSCAPE */
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape) {
        .tab-hide {display:none;}
        .mobi-hide {display:none !important;}
        .desk-hide {display:inherit !important;}
        .topperPad {padding-top:56px;padding-bottom:80px;}

    }

    /* IPAD PORTRAIT */
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait) {
        .tab-hide {display:none;}
        .mobi-hide {display:none !important;}
        .desk-hide {display:inherit !important;}
        .navbar-default .navbar-nav>li>a {
            color: #777;
            font-size: 10px;
        }
        .topperPad {padding-top:56px;padding-bottom:80px;}

    }

    /* IPHONE 6 PLUS PORTRAIT AND LANDSCAPE */
    @media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px) {
        .desk-hide {display:inherit !important;}
        .mobi-hide {display:none !important;}
        #bs-example-navbar-collapse-1 {margin-top:30px;}
        .mainNavtop {padding-left:0px; padding-right:0px;margin-top:0px;}
    }

    /* IPHONE 6 PORTRAIT AND LANDSCAPE */
    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px) {
        .desk-hide {display:inherit !important;}
        .mobi-hide {display:none !important;}
        .topperPad {padding-top:56px;padding-bottom:80px;}
        .navbar-default .navbar-nav > li > a {
            color: rgb(255, 255, 255);
        }
        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #ffffff;
            background-color: transparent;
        }
        .maxHeighter {max-height:320px;}

        .itemer {
            height: 50vh !important;
            max-height: 20vh;
        }
        .top{left:20% !important}
        .popover.top>.arrow {
           display:none;
        }
        .owl-nav {display:none !important;}
        #bs-example-navbar-collapse-1 {margin-top:30px;}
        .mainNavtop {padding-left:0px; padding-right:0px;margin-top:0px;}
    }

    /* IPHONE 5 5S PORTRAIT AND LANDSCAPE */
    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 568px) {
        .desk-hide {display:inherit !important;}
        .mobi-hide {display:none !important;}
        .topperPad {padding-top:56px;padding-bottom:80px;}
        .navbar-default .navbar-nav > li > a {
            color: rgb(255, 255, 255);
        }
        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #ffffff;
            background-color: transparent;
        }
        .itemer {
            height: 50vh !important;
            max-height: 20vh;
        }
        #bs-example-navbar-collapse-1 {margin-top:30px;}
    }

    /* IPHONE 2G 3G 4 4S PORTRAIT AND LANDSCAPE */
    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px) {
        .desk-hide {display:inherit !important;}
        .mobi-hide {display:none !important;}
        .topperPad {padding-top:56px;padding-bottom:80px;}
        .navbar-default .navbar-nav > li > a {
            color: rgb(255, 255, 255);
        }
        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #ffffff;
            background-color: transparent;
        }
        #bs-example-navbar-collapse-1 {margin-top:30px;}
    }

/* END Media Queries */
ul.nav.navbar-nav {
    width: 100%;
    display: flex;
    justify-content: center;
}
.navbar-default .navbar-nav>li>a {
    font-family: "Gotham";
    color: #333333;
    font-size: 12px;
    letter-spacing: 4px;
}
.navbar-default .navbar-nav>li>a::before {
    content: "|";
    padding-right: 30px;
}
.navbar-default .navbar-nav>li>a.first::before {
    content: "";
    padding-right: 0px;
}
.navbar-header {
    width: 100%;
    text-align: center;
}
.containerPic img{max-width: 100%;}
@media screen and (max-width: 767px) {
    ul.nav.navbar-nav {
        width: 100%;
        display: block;
        justify-content: center;
    }
    .navbar-default .navbar-nav>li>a::before {
        content: "";
        padding-right: 0px;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: 0px;
        margin-left: 0px;
    }

    .navbar-header img{
        height: auto;
        max-width: 437px !important;
        width: 82%;
    }
}

@media screen and (max-width: 480px) {
    .navbar-default .navbar-toggle{
        margin-right: 0;
        padding: 0;
    }
}


.row a.col-md-4 {
    margin-bottom: 30px;
}
.inner-page{
    margin-top: 30px;
    padding: 0 30px;
}