/*
font-family: 'Tinos', serif;
font-family: 'Lato', sans-serif!important;
*/
/*Don't Change anything in above header section. This will be afect Whole page*/
@font-face {
  font-family: 'RetroSans';
  src: url('../fonts/RetroSans.ttf'); /* IE9 Compat Modes */
}

body a:hover, body a:focus, body a:active{text-decoration: none;transition: all .5s}
h1, h2, h3, h4, h5, h6{font-family: 'Tinos', serif!important; }
body a:hover{color: #735e33!important}
body .btn:focus{outline: none}
body{margin:0px;font-family: 'Lato', sans-serif!important;}
.pr5{padding-right: 5px}.pl5{padding-left: 5px}
.ptb5{padding: 5px 0px}.ptb10{padding: 10px 0px}.ptb15{padding: 15px 0px}.ptb20{padding: 20px 0px}.ptb25{padding: 25px 0px}.ptb30{padding: 30px 0px}.ptb35{padding: 35px 0px}.ptb40{padding: 40px 0px}
.pt5{padding-top: 5px}.pt10{padding-top: 10px}.pt15{padding-top: 15px}.pt20{padding-top: 20px}.pt25{padding-top: 25px}.pt30{padding-top: 30px}.pt35{padding-top: 35px}.pt40{padding-top: 40px}
.pb5{padding-bottom: 5px}.pb10{padding-bottom: 10px}.pb15{padding-bottom: 15px}.pb20{padding-bottom: 20px}.pb25{padding-bottom: 25px}.pb30{padding-bottom: 30px}.pb35{padding-bottom: 35px}.pb40{padding-bottom: 40px}
.mtb5{margin: 5px 0px}.mtb10{margin:10px 0px}.mtb15{margin:15px 0px}.mtb20{margin:20px 0px}.mtb25{margin:25px 0px}.mtb30{margin:30px 0px}.mtb35{margin:35px 0px}.mtb40{margin:40px 0px}
.m0{margin:0px;}.mt0{margin-top:0px} .mt5{margin-top: 5px}.mt10{margin-top: 10px}.mt15{margin-top: 15px}.mt20{margin-top: 20px}.mt25{margin-top: 25px}.mt30{margin-top: 30px}.mt35{margin-top: 35px}.mt40{margin-top: 40px}
.mb5{margin-bottom: 5px}.mb10{margin-bottom: 10px}.mb15{margin-bottom: 15px}.mb20{margin-bottom: 20px}.mb25{margin-bottom: 25px}.mb30{margin-bottom: 30px}.mb35{margin-bottom: 35px}.mb40{margin-bottom: 40px}
.maxw100{max-width: 100%;}.w100{width: 100%}.minw100{min-width: 100%;}.h100{height: 100%;}.maxh100{max-height: 100%}.minh100{min-height: 100%}.oh{overflow: hidden;}.p0{padding: 0px}
.w-100{width: 100%}.m-w-100{max-width: 100%}.p-r{position: relative;}.prl5{padding:0px 5px!important }
.o-h{overflow:hidden;}.prl7{padding:0px 7px }
.d-b{display: block}.c-point{cursor: pointer;}
::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #a38d60;
}
p{font-size: 15px;}
.align-left{text-align: left}
::selection {color: #fff;background:#a38d60;}
.form-control:active, .form-control:focus{border-color: #a38d60;box-shadow: inset 0 0 4px #a38d60;-webkit-box-shadow: inset 0 0 4px #a38d60;}
 .btn-1:active:focus, .btn-1:focus{color: #dbcbaa;outline: none}
.btn-2{background: #fff;color: #735e33;border:1px solid #735e33 }
body p, body table th, body label, body address{font-family: 'Lato', sans-serif!important;}

body{background: url("http://orangetreefilm.com/assets/images/bg2.jpg") repeat;overflow-x: hidden;}


.modal-body::-webkit-scrollbar {
    width: 1em;
}
 
.modal-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.modal-body::-webkit-scrollbar-thumb {
  background-color: #4b382e;
  outline: 1px solid slategrey;
}





/*Banner*/
.banner{max-width: 100%}
.slide img{height: 100%;width: 100%}

/*Leaves animation*/
#wrapper{position: fixed;
    bottom: 0px;}

 #wrapper img{position: absolute;bottom: 0px}

#wrapper img.a2{
  animation:animate2 4s infinite alternate;

}
#wrapper img.a3{
  animation:animate3 4s infinite alternate;

}
#wrapper img.a4{
  animation:animate4 3s  infinite alternate;

}
#wrapper img.a5{
  animation:animate5 15s Linear infinite ;

}
    @keyframes animate2 {
    0% {   transform: rotate3d(.5,0,1,9deg);
  }
  100% {transform: rotate3d(0,0,1,16deg);
    }
}
@keyframes animate3 {
    0% {transform: rotate3d(0,0,0,0deg);
   }
  100% {transform: rotate3d(0,0,0,0deg) skewY(3deg);;
    }
}
@keyframes animate4 {
  0% {transform: rotate3d(1,6,1,7deg);
  }
  100% {transform: rotate3d(0,0,1,0deg);
    }
}

@keyframes animate5 {
  0% {
  }
  20% {transform: translate3d(40px,-10px,0);
  }
 
    100% {transform: translate3d(120px,-10px,0);
    }
}
.loader{width: 100%;display: none;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    background: #f7fce4;
    z-index: 150;
   }

/*Header*/
.logo h3{    color: #fff;
    margin-top: 13px;}
   .nav li a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #f26421;
    transition: width .3s;
}

.nav li a:hover::after {width: 100%;transition: width .3s;}
.nav li.active a::after{width: 100%;}
.nav.navbar-nav{display: inline-block;float: none;margin-top: 40px;}
.logo img{max-width: 115px;padding: 10px 0px}
.navbar-default{border-radius: 0px;background: transparent;min-height: auto;margin-bottom: 0px;border: none}
.navbar-nav>li>a{padding: 10px 27px;;color: #5f4e46!important;font-family: 'Tinos', serif;font-size: 16px;font-weight: 600}
.navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color: transparent!important;}
.head-top{background: #ece6c6;border-top: 4px solid #a38d60}
.top-nav{text-align: right;overflow:hidden;margin-top: 35px}
.login-sec{padding: 0px;margin-bottom: 0px;}
.login-sec li{list-style-type: none;display: inline-block;padding-left:10px;line-height: 15px}
.login-sec li a{color: #403113;}
.login-sec li:first-of-type{border-right: 1px solid #a38d60;padding-right: 10px; }
.login-sec li img{padding-right: 5px;    margin-top: -7px;}
.navbar-collapse{padding: 0px;text-align: center;}
.head-contact{text-align: right;float: left;margin-top: 40px}
.head-contact ul{padding-left: 0px;display: table;margin-bottom: 0px}
.login-sec li .fa{color: #c9b488;margin-right: 5px;}
  /*content:url('');display: table-cell;vertical-align: bottom;padding-left: 10px}*/
.head-contact li{list-style-type: none;margin-right: 7px}
.head-contact li a{color: #403113}
.cart{float: right;margin-top: 10px}
.cart .fa{font-size: 28px;color: #c9b488;float: left;margin-right: 5px;margin-top: -3px}
.head-middle{overflow: hidden;padding: 20px 0px;}
.navbar-default .navbar-toggle{background-color: transparent;border:none }
.navbar-default .navbar-toggle .icon-bar{background-color: #290a0d}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: transparent;}
.smoothscroll{outline: none;padding: 100px 0px}
.section {
  text-align:center;
}
  #slide-line {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #ef682c;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
.fp-controlArrow.fp-next:before{font-family: "FontAwesome"; font-weight: 900; content: "\f054";    font-size: 25px;
    color: #fff;}
.fp-controlArrow.fp-next{border-width: 0px!important;right: 30px!important}
.fp-controlArrow.fp-prev{border-width: 0px!important;}
.fp-controlArrow.fp-prev:before{font-family: "FontAwesome"; font-weight: 900; content: "\f053";    font-size: 25px;
    color: #fff;}
header{position: fixed;
    width: 100%;
    z-index: 9;}
    #fp-nav.fp-right {
    right: 35px!important;
}
/*About*/
.f-sm figure{height: 100px!important}
.f-sm .thumbnail{margin-bottom: 10px;padding:2px }

/*What we do*/
.wwd ul{padding-left: 0px}
.wwd-tit li{list-style-type: none;display: inline-block;}
.wwd-tit li h3{    border-right: 1px solid #333333;
    border-radius: 0px;
    padding: 0px 10px;
    line-height: 13px;}
.wwd-tit li:last-child h3{border-right:none;}
.wwd h3{display: -webkit-inline-box;
    padding: 8px;
    font-weight: 600;
    color: #333333;
    border-radius: 4px;
    font-size: 22px;}

.btn-1{background: #f26421;
    color: #fff;}
/*Modal*/
.ss-title{font-size: 21px}
.portfolio .vm{color: #694e2a;margin-bottom: 30px;display: block;}
.close{float: left;
    opacity: 1;
    color: #f26421;}
    figcaption{cursor: pointer;}
    .close:focus, .close:hover{opacity: 1;outline:none;}
    .close .fa{font-size: 21px;
    background: #000000ad;color: #fff;
    padding: 8px;
    text-shadow: none;
    border-radius: 4px;transition: all .5s}
    .close .fa:hover{background: #f26421;color: #fff}
.modal-title{text-align: center;overflow:hidden;width: 100%;font-size: 25px}
.modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
figcaption{margin-bottom: 30px}
.modal-content img{max-width: 100%}
.modal-body img{max-width: 100%}
.modal-footer{border-top: none;}
.modal-content {
  height: auto;
  width: 100%;
  min-height: 100%;
  bottom: 100px;
    top: 0px;
    overflow-y: hidden;position: absolute;
  border-radius: 0;
}
.foot-sec{position: relative;}
#reel img{max-width: 100%}
.modal-body{overflow-y: scroll;height: 80%}
.modal-header {
    background: #fff;
    z-index: 9;
    width: 100%;
}
figure{margin-bottom: 15px}

/*client*/
.client .s-title{margin-bottom: 30px}

/*Portfolio*/
.portfolio img{max-width: 100%;}
figure{    margin-bottom: 0px;
    cursor: pointer;
    height: 215px;}
.portfolio figcaption, .modal-body figcaption{background: #f26421;
    color: #fff;
    padding: 7px 0px;text-align: center;}
/*footer*/
.social img{max-width: 150px}
footer a:hover{color:#373435!important}
.foot-form .form-control{margin-bottom: 10px}
footer li{list-style-type: none}
footer .payment-meth{overflow: hidden;width: 100%; }
 footer{color: #603a14}
 footer .f-addr{float: right;}
    .payment-meth h3{margin-bottom: -5px;}
.foot-add-block{margin-top: 16px}
footer{color: #735e33;padding-top: 20px}
.foot-sec{position: relative;}
footer .foot-add-block p{display: inline;}
footer .foot-logo p{color:#a38d60;padding-top: 20px;}
.foot-logo img{max-width: 100%;margin-bottom: 20px;}
.foot-add-block h3{color: #373435;font-size: 18px;font-weight: 600;margin-top: 0px}
    .payment-meth img{max-width: 100%}
.foot-add-block a{color: #735e33}
.social{float: left;
    margin-top: 20px;}
.social ul{padding: 0px;text-align: center;}
footer a{color: #65411b;}
.social ul li{list-style-type: none;display: inline-block;padding: 0px 5px}
.social ul li .fa{font-size: 30px;color: #7d5e40;transition: all .5s}
.social ul li a:hover .fa{color: #735e33}
.copyright .copy-left{float: left;margin-left: 10px}
.copyright .copy-right{float: right;margin-right: 10px}
.copyright{margin-bottom: 10px;overflow:hidden;position: absolute;width: 100%;bottom: 0px; }
.copyright, .copyright a{color: #a38d60;font-size: 14px}
.c-address address{margin-bottom: 0px;}
.c-address {text-align: left}
/*client*/
.client img{    background: #fff;
    max-width: 100%;
    padding: 0px 10px;
    margin-bottom: 14px;
}
.client .col-sm-c5{width: 20%}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

html{
width:100%;
overflow-x:hidden;
}

}
@media(min-width: 1200px)
{
    .container{width: 1100px}
}

@media(max-width:1199px)
{
    
}

@media(max-width:991px)
 {

     .navbar-nav>li>a {padding: 8px 17px;}
    }
 @media(max-width:767px)
{
    .navbar-default .navbar-toggle{margin-top:48px }
    .copyright{position: inherit;margin-top: 10px;}
.logo{float: left}
.copyright .copy-right{float:none}

header{position: inherit!important}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{    border-color: #a38d60;overflow:hidden; }
    .navbar-default .navbar-toggle{margin-top: 48px}
    .videoWrapper{height: auto!important}
    .f-sm figure {
    height: 215px!important;
}
.about .prl5{padding: 0px 15px!important;}
.fp-tableCell, .section{height:auto!important;overflow-x: hidden;font-size: 20px;}
.wwd-tit li h3{border-right: none;width: 100%;text-align: center;}
}

@media(max-width:460px)
{
   .col-xss-12{width: 100%}
   .col-xss-6{width: 50%!important}
   .videoWrapper iframe{height:300px!important}
   .wwd-tit li{display: block;}
   .wwd-tit li h3{display: inline-block;    margin-top: 10px;}
   .wwd-tit{text-align: center;}
 .wwd .s-title{margin-bottom: 15px;margin-top: 25px}
}