@charset "utf-8";
/* CSS Document */


.cl { clear:both;}
.contener { width:1000px; margin:0 auto;}

@font-face {
	font-family: 'Conv_CALIBRI';
	src: url('../fonts/CALIBRI.eot');
	src: local('☺'), url('../fonts/CALIBRI.woff') format('woff'), url('../fonts/CALIBRI.ttf') format('truetype'), url('../fonts/CALIBRI.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
	box-sizing:border-box;
}

.effect, .modalLink{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

@font-face {
    font-family: 'dinbekregular';
    src: url('../fonts/dinbek-regular-webfont.eot');
    src: url('../fonts/dinbek-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinbek-regular-webfont.woff') format('woff'),
         url('../fonts/dinbek-regular-webfont.ttf') format('truetype'),
         url('../fonts/dinbek-regular-webfont.svg#dinbekregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { padding:93px 0px 0px 0px; margin:0px;  font-family: 'dinbekregular'; color:#3e3e3e; background:#fff; font-size:12px;}
p { font-size:18px; text-align:left; line-height:35px;  }


@font-face {
    font-family: 'dinbek_boldregular';
    src: url('../fonts/dinbek_bold-webfont.eot');
    src: url('../fonts/dinbek_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinbek_bold-webfont.woff') format('woff'),
         url('../fonts/dinbek_bold-webfont.ttf') format('truetype'),
         url('../fonts/dinbek_bold-webfont.svg#dinbek_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#header { background:#fff; position:fixed; left:0px; top:0; right:0px; height:115px; z-index:1000;}
.logo { float:left; padding:12px 0px;}
#menu, #headerright { float:right; font:normal 17px 'dinbekregular';}
#menu li a {color:#3c3c3c; }
.title {   font-family: 'dinbek_boldregular'; font-size:40px; color:#0695d5; text-transform:uppercase;  padding-bottom:25px;  }
#header{border-bottom:solid 2px #CCCCCC;}
.title  span { color:#060606; font-size:20px; text-transform:capitalize;}

.title2 { font-family: 'dinbek_boldregular'; font-size:40px; color:#0695d5; text-transform:uppercase; border-bottom:none; padding-bottom:25px;}
.title2  span { color:#fff; font-size:20px; }
.blckpart p { color:#c0c0c0;}
.blckpart { padding-bottom:50px;}
.modalLink { background:url(../images/readmore.png) no-repeat center top; display:block; width:60px; height:29px; margin-bottom:10px; text-indent:-9999px; margin-top:15px; margin-left:100px; text-align:center;}
.modalLink:hover { background-position: center -29px;}

.slogan2 { font-size:22px; color:#000; font-style:italic; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.slogan2  span { color:#FF0000; }

.contactus .title2 { font-family: 'dinbek_boldregular'; font-size:40px; color:#0695d5; text-transform:uppercase; border-bottom:none; padding-bottom:25px;}
.contactus .title2  span { color:#fff; font-size:22px; font-family:'dinbekregular'; }
.contact-title { color:#0695d5; font-size:18px;}
.icon { color:#fff; padding:0px 0px 15px 0px;}
.icon i { font-size:25px;}
.contactus ul  { padding:40px 0px; overflow:hidden; color:#aaaaaa; font-size:13px; line-height:25px;}
.contactus ul li { float:left; width:33.333%; padding:0px 1%; border-right:solid 1px #3f3f3f; min-height:150px;}
.contactus  { padding:0px 0px 30px 0px;}
.contactus iframe { height:350px;}
.footer  { padding:25px 0px; overflow:hidden;}
.footer a { color:#616161;}
.footer  ul li { float:left; padding:0px 5px; text-decoration:none; font-size:14px; text-decoration:none; }
.footer  ul li { text-decoration:none;}
.footer  ul li.active a { color:#0695d5;}
.copyright { float:right; font-size:12px;}

.bannerbg  { right:0px; left:0px;}
.bannerbg img{ width:100%;}
.slider_tablate {  position:absolute; left:26%;}

.slider_tablate img { padding-top:100px;}
.positionR { position:relative;}
.righttext { position:absolute; right:-15px; top:108px;}

.section { height:inherit !important; padding-top:50px;  }


#section0 { padding-top:0px; clear:both;}
.pp_nav { display:none !important;}
.pages { display:none;}
#menu-toggle1, #menu-toggle { display:none;}
.footer ul li  a { text-decoration:none;}

.menu-padding { padding-top:90px; }
.texthide { border-top:solid 10px #fff; text-indent:-9999px;}
img.tableate { width:700px;}


.rightcircle { width:200px;}
 .banerleftimg { width:200px;}
 .banerleftimg4 { width:100px;}
 .home-portfolio-text{ background:#e2e2e2; text-align:center;}
 
.post-title-portfolio a { font-size:18px; text-transform:uppercase; text-decoration:none; color:#333333; font-weight:bold }
.post-subtitle-portfolio{ text-align:center; padding:0px; margin:0px; font-size:13px; color:#333333;}
.makingFilm  { padding-bottom:25px; overflow:hidden;}
.makingFilm li { float:left; margin-right:5%;}
.dadam { bottom:-18px !important;}
.closeBtn {
	background:url(../images/closeicon.png) no-repeat left top;  width:15px; height:15px;
	text-indent:-999px;
		line-height: .5;
		float:right;
		
		
		color: #aaa;
		display:block;
		
		font-weight: bold;
		cursor: pointer;
		} 
.gallery_none { display:none;}
.makingfilm { padding:35px 0px}



.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background: rgba(235, 235, 235, 0.80) url(../images/backtotop.png) no-repeat center center ;
    font-size: 12px;
    padding: 1em;
    display: none;
	padding:15px 20px;
	text-indent:-99999px;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.30);
}

.col3 { float:left; width:30%; margin-right:3%;}
.teamlisting p{ font-size:15px; text-align:justify}
.teamname { color:#fff; font-size:20px; padding:20px 0 0 0; font-weight:bold;}
.midtext { }
.tag { text-align:left; color:#c0c0c0; font-size:15px; line-height:35px;} 
.tag strong { color:#fff; padding-bottom:3px; display:block;}

 #defaultCountdown { position:absolute; width: 400px; margin:0 auto; padding:10px; color:#000; left:0; right:0px; bottom:68px; z-index:999; }
#tagonenew { position:absolute; width: 400px; margin:0 auto; padding:10px; color:#000; left:0; right:0px; bottom:180px; z-index:999; font-size:40px; font-weight:bold; text-transform:uppercase; }
.addbanner { position:relative;}
 
 .addbanner { padding:40px 0; position:relative;}
 
 
@media screen and (min-width:2300px){
.slider_tablate {left:20%;}
.section  { padding-top:90px;}
.contener { width:70%;}
.logo img { width: 140% !important;}
#menu li{ font-size:25px !important;}
.bannerbg img { height:1150px;}
.responsive-slider-parallax .slides-container ul li .slide-body img { max-width:inherit !important; width:160% !important;}
.responsive-slider-parallax .slides-container ul li .slide-body { height:1150px !important;}
.righttext { right:-60% !important; top:20%;}
.slider_tablate img { padding-top:10% !important;}
.title, .title2 { font-size:75px !important;}
.title span, .title2 span { font-size:45px !important;}
#section2 .title2 span { font-size:75px !important;} {}
.contactus ul { font-size:28px !important; line-height:50px;}
.icon i{ font-size:70px !important;}
.contact-title { font-size:40px !important;}
img { width:100%;}
p { font-size:30px; line-height:1.2em;}
#header { height:180px;}

#filter-list li { font-size:25px !important;}
#portfoliolisting .item { padding:10px;}
.post-title-portfolio a { font-size:25px !important;}
.post-subtitle-portfolio { font-size:22px !important; padding-bottom:20px !important;}
.post-title-portfolio { padding:10px 0px !important;}
.home-portfolio-text { padding:10px 10px 0px 10px !important;}
.slogan2 { top:1150px !important; left:2% !important; font-size:35px !important; text-align:center !important; }
#section0 { padding-top:87px;}

#headerright { padding-top:30px;}
#menu li a, #menu li.active a { padding:0px 15px;}
.logo { padding-top:30px;}
.righttext { top:30% !important; right:-400px !important;}
.responsive-slider-parallax .slides-container ul li .slide-body .caption.sub { left:-140px !important; }
.responsive-slider-parallax .slides-container ul li .slide-body .apples img { width:120% !important}
.responsive-slider-parallax .slides-container ul li .slide-body .dadam img { width:120% !important}
.srcoll-icon img { width:inherit !important;}
.modalLink { margin-left:200px;}
.srcoll-title { font-size:25px !important;}
.makingfilm iframe { height:800px !important;}
.footer, .copyright, .footer  a { font-size:22px;}
.back-to-top { padding:30px 50px; }

.col3 { float:left; width:30%; margin-right:3%;}
.teamlisting p{ font-size:30px;  text-align:justify}
.teamname { color:#fff; font-size:40px; padding:20px 0 0 0; font-weight:bold;}
.teamlisting img { width:70% }
.tag { text-align:left; color:#c0c0c0; font-size:30px; line-height:1.2em} 
.tag strong { color:#fff; padding-bottom:3px; display:block;}
.image-block img { height:400px !important;}

 }
 
  @media only screen and (min-width: 1500px) and (max-width: 2299px)  {
  .slider_tablate { left:34%;}
  
  
  }
 
 @media only screen and (min-width: 768px) and (max-width: 999px)  {
 
.contener { width:750px;}
.slogan2 { font-size:16px;}
.slider_tablate img { padding-top:60px;}
.responsive-slider-parallax .slides-container ul li .slide-body img { width:68% !important;} 
.responsive-slider-parallax .slides-container ul li .slide-body img.banner { width:100% !important;}
.slider_tablate { left:10%;}

.responsive-slider-parallax .slides-container ul li .slide-body .caption.sub { bottom:-20px !important; left:6% !important;}
.righttext { right:0px;}
img { width:100%;}
.srcoll-icon img { width:inherit;}
.modalLink { margin-left:80px;}
.responsive-slider-parallax .slides-container ul li .slide-body img.banerleftimg , .responsive-slider-parallax .slides-container ul li .slide-body img.rightcircle{ width:50% !important; padding-top:0px;}
.responsive-slider-parallax .slides-container ul li .slide-body .caption.sub { left:0% !important; bottom:25px !important}
.responsive-slider-parallax .slides-container ul li .slide-body .caption.apples { left:-7% !important; bottom:5px !important}
.responsive-slider-parallax .slides-container ul li .slide-body .caption.dadam { left:-7% !important; bottom:5px !important}
.righttext { top:155px; right:50px}
.responsive-slider-parallax .slides-container ul li .slide-body img.banerleftimg4 { width:50% !important;}

.scroll-img { width:90% !important; margin:0 auto;}
.scroll-img ul li { width:30% !important;}
#demo5 ul { padding:0px; margin:0px;}
.srcoll-title { font-size:16px !important;}
#demo5-backward { left:0px !important;}
#demo5-forward { right:0px !important;}
.portfolio-categ li { display:block !important; float:left !important; width:25% !important; padding:9px 0px !important;}
.portfolio-categ li  a { color:#fff !important;}
.portfolio-categ  { overflow:hidden;}
.portfolio-categ li:last-child { padding-right:0px !important;}
.portfolio-categ { background:#333333; padding:10px;}
.post-title-portfolio a { font-size:14px !important; }
#menu li a, #menu li.active a { padding:5px 4px !important;}
#menu li { font-size:13px !important}
.slogan2 { top:400px !important; left:10% !important;}
.slogan2  { width:80%;}
 }
 
 @media (min-width: 980px) and (max-width: 1399px) { 
 .slogan2 { top:580px !important; left:10% !important;}
.slogan2  { width:80%;}
.slider_tablate { left:15%;}
 }

@media (max-width:767px){

.col3 { float:none; width:100%; margin-bottom:2%;}
.col3 img { width:170px !important;} 
.menu-padding { padding-top:48px !important;}
#headerright { width:100%;}
.sticky {position:fixed; top:0; right:0px; left:0px;}
  body{ padding:40px 0px 0px 0px; }
  .contener { width:100%;}
.logo, #headerright { float:none;}
  .slogan2  { display:none;}
.scroll-img ul li { float:none; width:100% !important; padding:0px 0px 20px 0px !important; margin:0px 0px 30px 0px !important;}
#demo5 { padding:0px !important;}
.makingfilm iframe { height:300px !important;}
 #menu-toggle1,  #menu-toggle { display:block; clear:both;   background:#0595d5; padding:15px 4%; color:#fff; font-size:15px; text-transform:uppercase; text-decoration:none; cursor:pointer;  }
   #menu-toggle i { font-size:25px; float:right;}
#header { position:relative; height:inherit; border:none;}
ul#menupport , ul#menu { display:none; background:#212121; clear:both; width:100%; padding:0px;}
ul#menu li { float:none; display:inherit;  background:none;}
ul#menu li a { font-size:14px; color:#fff; font-weight:normal; padding:10px;}
ul#menu li a:hover { background:#000; color:#0099FF;}
ul#menu.open, ul#menupport.open{ display:block;}

#menu li.active a {color:#0099FF !important; border-bottom:none !important;  padding:10px !important;}
.logo { width:100%; text-align:center;}
.slider_tablate { left:5%; top:5%;}
#section0 .tableCell .slider_tablate  img { width:70%; padding:0px;}
#section0 .tableCell .sub img { width:25%;}
.responsive-slider-parallax .slides-container ul li .slide-body .caption.sub { right:40% !important;}
#section0 .tableCell .righttext img { width:35%;}
.section { padding:20px 0px 0px 0px;}
.tableCell  { padding:0 20px;}
#section0 .tableCell { padding:0px;}
.tableCell img { width:100%;}
.tableCell .srcoll-icon img { width:inherit;}
p { font-size:16px; text-align:justify;}

.title, .title2 { font-size:30px; padding-bottom:0px;}
.contactus ul { padding:0px;}
.logo { padding:0px;}

.title span { font-size:18px; display:block;}
.section.table, .slide.table { display:inherit !important;}
.scrooltext { font-size:16px; padding:0px 20px;}
#demo5-backward { left:0px !important;}
#demo5-forward { right:0px !important}
.modalLink { width:50%; margin:0 auto;}

#demo5 { padding-left:10px;}
.portfolio-categ { padding:0px !important; margin:0px !important;}
.portfolio-categ li { float:none !important; display:inherit !important; width:100% !important; padding:10px 0px !important; background:#000; border-bottom:solid 1px #666666;}
.portfolio-categ li a { color:#fff !important;}
.portfolio-categ li.active a { color:#0099FF !important; background:none !important;}
#section4 { clear:both;}
.portfolio-area li { float:none !important; width:100% !important; padding:0px !important; margin:0px 0px 15px 0px !important;}
.post-title-portfolio a { font-size:15px !important;}
.portfolio-area { padding-top:15px !important;}
.contactus ul li { width:100%; padding:0px; margin:0px; border:none;}
.contactus .title2 { font-size:23px;}
.contactus .title2 span { display:block; font-size:16px;}
#section4 { padding-bottom:20px;}
.footer ul li { float:none; width:100%; text-align:center; border-bottom:dotted 1px #CCCCCC; padding:8px 0px; }
.footer { padding-top:0px;}
.pages { display:block;}
.copyright { float:none;  padding:8px 0px; text-align:center;}
#menu-toggle1 { margin-top:10px;}

#filter-list { display:none !important;}
#filter-list.open { display:block !important;}
#filter-list { background:#ebebeb; padding:0px 0px !important;}
#filter-list li  { margin:0px !important; border-bottom:solid 1px #CCCCCC; float:none; width:100% !important; padding:7px 0px !important;}
#filter-list li.active { background:#dddcdc !important; color:#333333 !important; }
#portfoliolisting { padding:10px 0px !important;}
#menu { border-bottom: solid 2px #504f4f !important;}
ul#portfoliolisting 1i{ width:100% !important; padding:0px !important;}
.makingfilm iframe { display:block; width:100%; margin-bottom:20px;}

#tagonenew, #defaultCountdown { position:relative; top:0px; bottom:0px; left:0px; right:0px; width:100%; font-size:20px;}
#defaultCountdown   { height:70px;}
.addbanner { padding:0px;}
  }