@import url('https://fonts.googleapis.com/css?family=Bellefair|Poppins:400,500');

/*-------------General Style---------------------------------------*/

html {font-size: 62.5%;overflow-x: hidden;}

body{margin: 0;padding: 0;font-family: 'Bellefair', serif;font-weight: 400;font-size: 18px;color: #000000;background:#f6f6f6;}

/*--------------Typography--------------------------------------*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:400;}

h1 {font-size: 3.6rem;text-transform:uppercase;}

h2 {font-size: 2.4rem;}

h3 {font-size: 2.2rem;}

h4 {font-size: 20px;}

h5 {font-size: 18px;}

h6 {font-size: 16px;}

h1, h2, h3, h4, h5, h6, p{margin:0;margin-bottom:10px;color:#000;}

p {font-size:18px;line-height:normal;}



.h1 {font-size: 2.3rem;text-transform:uppercase;}



.font2{font-family: 'Poppins', sans-serif;letter-spacing:0.4px;}



*, *:hover{transition:all 0.2s ease-in 0s}

a{text-transform:none;font-weight:400;cursor:pointer;color:#000;}

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

.italic{font-style:italic;}

.img-responsive.full {width: 100%;}

[class^="icon-"]::before, [class*=" icon-"]::before {vertical-align: sub;}

.text-center .img-responsive{margin:0 auto;}



/*Buttons*/

.btn-border.btn-primary{background:none;color:#000;}

.btn-border.btn-primary:hover, .btn-border.btn-primary:focus{background:#000;color:#fff;}



/*Custom Redio button*/

.redio-style-1 {display: inline-block;position: relative;vertical-align: middle;}

.redio-style-1 .redio-child {display: inline-block;position: relative;padding: 12px 20px;padding-left: 35px;cursor: pointer;font-size: 14px;font-weight: 500;-webkit-user-select: none;

	-moz-user-select: none;-ms-user-select: none;user-select: none;float: left;}

/* Hide the browser's default radio button */

.redio-style-1 .redio-child input {position: absolute;opacity: 0;cursor: pointer;}

/* Create a custom radio button */

.checkmark {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: #e1e1e1;color: #000;}

.radio-label {z-index: 11;position: relative;}

/* On mouse-over, add a grey background color */

.redio-style-1 .redio-child:hover input ~ .checkmark {background-color: #e1e1e1;}

/* When the radio button is checked, add a blue background */

.redio-style-1 .redio-child input:checked ~ .checkmark {background-color: #000;}

.redio-style-1 .redio-child input:checked ~ .radio-label {color: #fff;}

/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {content: "";position: absolute;display: none;}

/* Show the indicator (dot/circle) when checked */

.redio-style-1 .redio-child input:checked ~ .checkmark:after {display: block;}

.redio-style-1 .redio-child .checkmark:after {top: 16px;left: 16px;width: 12px;height: 12px;border-radius: 50%;background: white;}





/*Shedows*/

.shedow1{-webkit-box-shadow: 0px 0px 50px 0px rgba(78,92,151,0.5);

-moz-box-shadow: 0px 0px 50px 0px rgba(78,92,151,0.5);

box-shadow: 0px 0px 50px 0px rgba(78,92,151,0.5);}





.social-top {display: inline-block;background: #fff;border-radius: 0 0 4px 4px;padding: 5px 20px;margin: 0 auto;position: fixed;top: 0;left: 0;right: 0;max-width: 230px;z-index:111;

-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);

-moz-box-shadow:  0px 0px 9px 0px rgba(0,0,0,0.1);

box-shadow:  0px 0px 9px 0px rgba(0,0,0,0.1);}



/*Header*/

header{margin:50px 0 10px;}

header .brand img{margin-bottom:5px;max-width:220px;}



/*Banner section*/

.banner-section .container-fluid, .container-fluid{padding-right: 80px;padding-left: 80px;max-width:1680px;margin-top:20px;}

.banner-section .container-fluid .row {margin-right: -40px;margin-left: -40px;}

.banner-section .container-fluid .row > [class^="col-"],

.banner-section .container-fluid .row > [class*=" col-"] {padding-right: 40px;padding-left: 40px;}

.banner-photo, .banner-video{margin-bottom:0px;position:relative;}

.banner-section .container-fluid h2{margin-bottom:40px;margin-top:5px;}



.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity;transition-property: opacity;}

.carousel-fade .carousel-inner .item,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {opacity: 0;}

.carousel-fade .carousel-inner .active,

.carousel-fade .carousel-inner .next.left,

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

.carousel-fade .carousel-inner .next,

.carousel-fade .carousel-inner .prev,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.carousel-fade .carousel-control {z-index: 2;}



/*Controls*/

.carousel-control {position: absolute;top: 50%;top:calc(50% - 14px);z-index: 5;display: inline-block;width:28px;height:28px;line-height:28px;vertical-align:middle;border-radius:100px;}

.carousel-control.right, .carousel-control.left{background:rgba(255,255,255,0.25);}

.carousel-control.right{right:10px;}

.carousel-control.left{left:10px;}



/*banner seprator*/

.banner-photo::after {content: "";position: absolute;background: #fff;width: 2px;height: 100%;top: 0;left: -41px;

-webkit-box-shadow: 0px 0px 10px 0px rgba(78,92,151,0.3);

-moz-box-shadow: 0px 0px 10px 0px rgba(78,92,151,0.3);

box-shadow: 0px 0px 10px 0px rgba(78,92,151,0.3);}



/*Video*/

.embed-container-video {position: relative;padding-bottom: 58.25%;height: 0;overflow: hidden;max-width: 100%;background:url(../images/video-bug.jpg);background-size:cover;}

.embed-container-video iframe, .embed-container-video object, .embed-container-video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/*Footer*/

footer{padding-top:40px;}

footer p{font-family: 'Poppins', sans-serif;letter-spacing:0.4px;font-size:14px;}

footer .footer-main{background:#f2f0f0;padding:30px 0 20px 0;}

footer h2{margin-bottom:0;}



.social-list {margin-left: -15px;margin-top:20px;}

.social-list > li {padding-right: 15px;padding-left: 15px;}



footer .footer-bottom{padding:15px 0;}

footer .footer-bottom p{margin-bottom:0;}



/*Inner page titel*/

.page-head{border-top:1px solid #dedede;border-bottom:1px solid #dedede;margin-bottom:30px;}

.page-head h1 {margin: 0;padding: 25px 0px 15px;}



/*photography-layouts*/

.photography-layouts{margin-bottom:40px;padding-bottom:15px;position:relative;}

.photography-layouts .photo-child{margin-bottom:30px;display:block;height:420px;width:100%;position:relative;overflow:hidden;}

.photography-layouts .photo-child img{min-height: 100%;min-width: 100%;position: relative;top: 0;left: 50%;transform: translate(-50%, 0%);object-fit:cover;}

.photography-layouts h4 {border-bottom: 1px solid #dedede;padding:5px 0;position:absolute;width:100%;bottom:0;left:0;margin:0;}



/*our-films-layouts*/

.our-films-layouts{margin-bottom:40px;padding-bottom:35px;position:relative;}

.our-films-layouts .embed-container-video {margin-bottom: 10px;}

.our-films-layouts .photo-child-vr{margin-bottom:10px;display:block;height:318px;width:100%;position:relative;overflow:hidden;}

.our-films-layouts .photo-child-vr img{min-height: 100%;min-width: 100%;position: relative;top: 0;left: 50%;transform: translate(-50%, 0%);object-fit:cover;}

.our-films-layouts .photo-child-hr{margin-bottom:10px;display:block;height:154px;width:100%;position:relative;overflow:hidden;}

.our-films-layouts .photo-child-hr img{min-height: 100%;min-width: 100%;position: relative;top: 0;left: 50%;transform: translate(-50%, 0%);object-fit:cover;}

.our-films-layouts h4 {border-bottom: 1px solid #dedede;padding:5px 0;position:absolute;width:100%;bottom:0;left:0;margin:0;}



.our-films-layouts .photo-child-hr.sm {height: 72px;}



.our-films-layouts.layout-2 .photo-child-vr {height: 372px;}

.our-films-layouts.layout-2 .photo-child-hr{height:184px;margin-bottom:4px;}

.our-films-layouts.layout-2 .photo-child-hr.sm {height: 90px;}



/*Contact page*/

.contact-section{margin-top:-30px;}

.contact-section .rTableCell{width:50%;overflow:hidden;vertical-align:top; position:relative;}

#map {padding-bottom: 100%;height: 0;overflow: hidden;max-width: 100%;}

#map iframe, #map object, #map embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



.contact-box {max-width: 560px;background: #f6f6f6;padding:30px 50px;margin:40px auto;

-webkit-box-shadow: 0px 0px 40px 0px rgba(78,92,151,0.3);

-moz-box-shadow: 0px 0px 40px 0px rgba(78,92,151,0.3);

box-shadow: 0px 0px 40px 0px rgba(78,92,151,0.3);}

.code-box{display:inline-block;background:#fff;line-height:46px;vertical-align:central;margin:0 10px;}



.contact-info{position:absolute;right:40px;top:40px;background:#fff;padding:30px;}

.contact-info h3{margin-bottom:0;}



.fb-plugin{border-top:2px solid #f2f0f0;padding-top:30px;margin-top:30px;}

.link{text-decoration:underline;cursor:pointer;}



.blog-child{margin-bottom:20px;}

.blog-child .desc{border-bottom:1px solid #dedede;padding-bottom:10px;}

.blog-child .embed-container-video{margin-bottom:10px;}

@media only screen and (min-width : 768px) {
 .banner-section .row{display:flex;}
.banner-section .row .col-sm-6{flex:1;}
}
.banner-photo .carousel-inner .item.active:before{content:normal;}
.banner-photo .carousel-inner .item{margin-bottom:0;}
.banner-section .row .col-sm-6{padding-bottom:90px;}

.banner-photo, .banner-video, .banner-video iframe, .banner-photo .slide, .banner-photo .carousel-inner, .banner-photo .item{height:100%;}
.banner-section .container-fluid h2 {
    height: 70px;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 40px;
}
.banner-photo .carousel-inner>.item>img {
    min-height: 100%;
    min-width: 100%;
    height: auto;
    max-width: none;
}