@charset "utf-8";
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */
.container4 { 
text-align:center; border:0px solid #000000; /*border-width:5px 1px 1px 1px;*/ height:30px;
margin:0 0 20px 0; /* for this demo only */
}
.menu4 {
width:100%; font-size:16px; text-transform:uppercase; margin:0 auto; height:34px;
}
.menu4 ul {
margin:0;margin-left:0px;padding:0px;list-style:none;
}
.menu4 ul li {
float:left; position:relative; padding-left:0px;
}
/*.menu4 ul li ul a
{
border-left:5px solid #FFFFFF!important;
}
.menu4 ul li ul a:hover
{
border-left:5px solid #FFCC00!important;
}*/

.menu4 ul li a, .menu4 ul li a:visited {
padding: 0 0 0 30px; text-align: center;text-decoration: none; color: #c6c5c5;
display:block; 
line-height:34px; 
font-size: 16px;
}/*
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px; w\idth:70px;
}*/

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0px; height:0; overflow:hidden;
background:url(./images/spacer.gif)!important; z-index:100;
}
.menu4 table {
margin:-1px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover,
.menu4 ul li a.active ,
.current-menu-item a{
	color: #FFFFFF !important; text-decoration:none; text-shadow: 0 0 0 #FFFFFF;

}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:155px; margin-left:8px; height:auto; position:absolute; top:35px; left:-8px; border:0px solid #000000; overflow:visible;
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block; border:0px solid #00FF33; background:#7e413e; text-align:left; text-decoration:none; color:#ffffff; height:auto; line-height:1.3em; padding-top:8px; padding-bottom:5px; width:110px; w\idth:96px;opacity:0.8;filter:alpha(opacity=80); /*background:url(../images/navi.jpg) top left repeat-x!important;*/
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#ffffff; height:auto; line-height:1.35em;  padding-top:5px; padding-bottom:5px; width:170px; width:125px;
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
color:#FFFFFF!important; text-decoration:none;
background:#520110!important; 
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#000; left:145px!important; height:auto; border:0px solid #000000;
background:url(./images/spacer.gif)!important; width:180px!important;
padding-top:5px!important; z-index:1000!important;
padding-bottom:5px!important;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li,
.menu4 ul li a:hover ul li a:hover ul li
{
background: none!important;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
text-decoration:none!important;
display:block; color:#ffffff!important; height:auto; line-height:1.2em;  padding-top:4px; padding-bottom:7px; width:170px; w\idth:140px;
background-color:#302105;
}
* html .menu4 ul li a:hover ul li a:hover ul li a { padding-top:5px; padding-bottom:5px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
color:#000000!important; text-decoration:underline;
background:none!important;
text-decoration:none!important;
}


@media only screen and (min-width:1180px) and (max-width:1280px) {
	
}

@media only screen and (min-width:960px) and (max-width:1179px) {
	
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

}

@media only screen and (min-width: 640px) and (max-width: 767px) {
.menu4{display: none; position: absolute; left: 0; width: 100%; background: #3c3c3c; height: auto; z-index: 10; top: 83px;}
.menu4 ul li{float: none;}	
.menu4 ul li a, .menu4 ul li a:visited{padding: 0;}	
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
.menu4{display: none; position: absolute; left: 0; width: 100%; background: #3c3c3c; height: auto; z-index: 10; top: 83px;}
.menu4 ul li{float: none;}		
.menu4 ul li a, .menu4 ul li a:visited{padding: 0;}	
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.menu4{display: none; position: absolute; left: 0; width: 100%; background: #3c3c3c; height: auto; z-index: 10; top: 83px;}
.menu4 ul li{float: none;}
.menu4 ul li a, .menu4 ul li a:visited{padding: 0;}		
}
/* CSS Document */






/* 30-06-16*/

.htwo > span {
  display: block;
  line-height: 56px;
  border-bottom:3px solid #3c3c3c;
}
.htwo {
  border-top: 0 none;
}
.page-id-209 .left6 {
  margin-bottom: 30px !important;
}
.anchor-align {
  text-align: center;
}
.page-id-209 .left78 {
  margin-top: -632px !important;
}



@media (max-width:1200px) {
	.page-id-144 .htwo > span:first-child{
		font-size:51px !important;	
	}	
	.page-id-114 #videos .right h2 span {
  border-top: 3px solid #3c3c3c;
  font-size: 51px;
  line-height: 51px;
}

.page-id-114 #videos .left h2 span {
  font-size: 77.78px;
  line-height: 74px;
}
.page-id-213 #videos .right h2.left5 span.left6 {
  font-size: 42px !important;
}
.page-id-213 #videos .right h2.left5 span.left7 {
  font-size: 58px !important;
  line-height: 57px !important;
}
.page-id-213 #videos .right h2 span.left8 {
  font-size: 80px !important; line-height: 68px;
}
.page-id-213 #videos.left53 .left {
  width: 45%;
}
.page-id-213 #videos .left h2.left54 span.left55 {
  font-size: 37px !important;
  height: auto !important;
  width: 100% !important;
}
.page-id-213 #videos .right.left59 {
  width: 38%;
}
.page-id-213 .left1 {
  font-size: 49px !important;
  line-height: 52px !important;
}
.page-id-213 #videos .left h2 span.left2 {
  font-size: 70px;
  line-height: 70px;
}
.page-id-213 #videos.left63 .left {
  width: 40%;
}
.page-id-213  .left68 {
  margin-top: -662px !important;
}
 .red-play, #videos .red-play, .use-of .red-play {
  right: -8px;
}
.page-id-209 .left1, .page-id-213 .left19 {
  width: auto !important;
}
.container > .clearfix {
  width: auto !important;
}
.page-id-213  .left51 {
    margin-left: 0 ! important;
    
}
}

@media (max-width:1200px) {
	#videos .right {
  min-height: 550px;
}	
#videos.left53, #videos.left63 {
  width: auto !important;
}
.page-id-213 #videos.left53 .left {
  width: 43%;
}
.page-id-213 #videos.left63 .left {
  width: 34%;
}

.page-id-213 #video-statistics .left, .page-id-213 #video-statistics .right {
  float: right !important;
  margin-left: 30px !important;
  padding: 0 14px 43px;
  width: 43% !important;
}
#videos .right, #videos .left { margin-left:0; margin-right:0;}
.page-id-213 #videos.left63 .left {
  width: 45%;
}
.page-id-213 #videos .right.left59 {
  width: 45%;
}
.page-id-213 .left62 {
  font-size: 56px !important;
  line-height: 54px !important;
}
.page-id-209 .left3 {
  font-size: 37px !important;
  width: auto !important;
}
.page-id-209 .left6 .left-sec > h2 {
  width: auto;
}
.page-id-209 .left8 {
  font-size: 50px !important;
}
.page-id-209 .left60 {
  font-size: 46px !important;
}
.page-id-209  .left61 {
  font-size: 33px !important;
  line-height: 31px !important;
}
.page-id-209 .left62 {
  font-size: 43px !important;
  line-height: 28px;
}
.page-id-209 .left70 {
  font-size: 22px !important;
}
.page-id-209 .left69 {
  font-size: 34px !important;
  line-height: 13px;
}
.page-id-209 #video-statistics .left79, .page-id-209 #video-statistics .left81 {
  float: right !important;
  width: 362px !important;
}
.page-id-209 .left78, .page-id-207 .left63, .page-id-144 #video-statistics {
  margin-top: -668px !important;
} 
.page-id-215 .left35 {
  margin-left: 0 !important;
}
.page-id-215 .left68 {
  width: 39% !important;
}
.page-id-215 .left65 {
  margin-left: -5em !important;
  margin-top: 0 !important;
}
.page-id-215 .left60 {
  margin-top: 0 !important;
}
#videos .right, #videos .left {
  width: 43%;
}
.page-id-207 .left64, .page-id-207 .left66 {
  float: right !important;
  width: 46% !important;
}
.page-id-144 #videos .box {
  float: none;
  margin: 26px auto !important;
  width: 157px;
}
.page-id-144 #explanatory .box {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.page-id-213 #videos .right h2.left5 {
  width: 100%;
}
}

@media (max-width:767px) {
	 #videos .red-play {
  right: -10px;
}
#videos .left h2 span {
  font-size: 44.78px !important;
}
#videos .left {
  margin: 0 0 40px !important;
  width: auto;
}
 #videos .right h2 span {
  font-size: 33px !important;
}
 #videos .right h2 span {
  line-height: 49px;
}
 #videos .right {
  margin: 0 !important;
  width: auto;
}
 .use-of table td, .use-of table tr, .use-of table, .use-of table tbody {
  display: block;
}
.left23 {
  margin-left: 0;
}
 .left20 {
  font-size: 15px !important;
}
 .left21 {
  font-size: 42px !important;
}
.left22 {
  font-size: 28px !important;
}
.use-of h2 {
  width: auto !important;
}

.page-id-213 .left21 {
  font-size: 22px !important;
}
.page-id-213 .left22 {
  font-size: 40px !important;
}
.page-id-213 .left35 {
  font-size: 51px !important;
  line-height: 42px !important;
}
.page-id-213 .left34 {
  font-size: 35px !important;
}
.page-id-213 .left36 {
  font-size: 67px !important;
}
#what-our-client h3 span, .heading > h3 span {
  font-size: 32.03px;
  line-height: 35px;
}
#videos .right {
  margin-bottom: 30px !important;
  min-height: 100%;
  clear: both;
}
.page-id-213 .left37, .page-id-144 #video-statistics {
  margin-top: 0 !important;
}
.page-id-213 .left42 {
  font-size: 50px !important;
  line-height: 58px !important;
}
.page-id-213 .left41 {
  font-size: 28px !important;
}
.page-id-213  .left44 {
  margin-left: 0 !important;
  margin-top: 0 !important;
}	
.page-id-213  .left48 {
  font-size: 32px !important;
}
.page-id-213 .left49 {
  font-size: 71px !important;
  line-height: 62px !important;
}
#content .left50, #content .left43 {
  width: 100% !important;
}
#content .left51, #content .left52 {
  margin-left: 0 !important;
  margin-top: 0 !important;
}
#videos .left h2 {
  width: 100% !important;
}
.page-id-213 #videos.left53 .left, .page-id-213 #videos .right.left59, .page-id-213 #videos.left63 .left, .page-id-213 #videos.left63 .right {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto;
}
.page-id-213 #videos .left h2.left54 span.left55 {
  font-size: 31px !important;
  line-height: 40px;
}
.left61 {
  height: auto !important;
}
.page-id-213 .left68 {
  float: none !important;
  margin-top: 0 !important;
  width: auto !important;
}
.page-id-213 #video-statistics .left, .page-id-213 #video-statistics .right {
  margin-left: 0 !important;
  padding: 0 14px 43px;
  width: auto !important;
}
.page-id-213 .left3 {
  margin-top: 183px !important;
}
#content .left61 {
  height: auto !important; line-height: 32px;
}
#content .left62 {
  line-height: 32px !important;
}
#videos .right h2 span.left61 {
  line-height: 30px;
}
#videos.left63 .left h2 {
  font-size: 28px !important;
}
.page-id-213 .left23 {
  font-size: 26px !important;
  line-height: 25px;
}
.page-id-209 .use-of .left-sec h2 {
  line-height: 31px !important;
}
.page-id-209 .left-sec .left69 {
  font-size: 24px !important;
}
.page-id-209 #video-statistics .left79, .page-id-209 #video-statistics .left81, .page-id-207 .left64, .page-id-207 .left66 {
  float: none !important;
  margin-bottom: 20px !important;
  width: auto !important;
}
.page-id-213 .left24 {
  margin-left: 0 !important;
}
/*.page-id-213 .left66 {
  text-align: center !important;
}*/
.use-of p, #videos p { text-align:left;} 
#video-statistics .right .text, #video-statistics .left .text {
  padding-left: 20px;
  padding-right: 20px;
}
.page-id-209 .left-sec span {
  line-height: 32px !important; margin-top: 0;
}
.page-id-215 #videos .right h2 span.left5 {
  font-size: 30px !important;
  line-height: 34px;
  margin-bottom: 0 !important;
}
.page-id-215 .left31 .left34 {
  font-size: 55px !important;
  line-height: 52px !important;
}
.page-id-215 .left65, .page-id-207  .left23, .page-id-207  .left24, .page-id-207 .left43, .page-id-207 .left44,  .page-id-207 .left48,  .page-id-207 .left55, .page-id-207 .left56, .page-id-207 .left61, .page-id-207 .left62, .page-id-207 .left64, .page-id-207 .left66 {
  margin-left: 0 !important;
}
.page-id-215 .left68 {
  width: auto !important;
}
.page-id-215 .left70 {
  margin-top: 20px !important;
}
.page-id-207 #videos .left h2 span.left1 {
  line-height: 50px;
}
.page-id-207 #videos .right h2 span.left5 {
  font-size: 30px !important;  line-height: 34px; margin-top:0 !important;
}
.page-id-207 .left19 {
  font-size: 24px !important;
  line-height: 25px;
}
.page-id-207  .left20 {
  font-size: 42px !important;
}
.page-id-207  .left21 {
  font-size: 23px !important;
  line-height: 25px;
}
.page-id-207 .left22 {
  font-size: 12px !important;
  width: 100% !important;
}
.page-id-207 .left34 {
  line-height: 25px; margin-bottom: 0 !important;
}
.page-id-207 .left35 {
  font-size: 25px !important;
  line-height: 23px !important;
}
.page-id-207 .left36 {
  font-size: 56px !important;
  line-height: 50px !important;
  margin-bottom: 0 !important;
}
.page-id-207 .left33 br {
  display: none;
}
.page-id-207 .left38 {
  margin-top: 0 !important;
}
.page-id-207 .left37 {
  width: auto !important;
}
.page-id-207 #videos .left h2 .production {
  font-size: 37.54px !important;
  text-align: left;
}
.page-id-207 #videos .left h2.left41 {
  font-size: 31px !important;
  text-align: left;
}
.page-id-207 .left40 {
  padding-bottom: 0 !important;
}
.page-id-207 #videos .right h2.left46 span {
  font-size: 59px !important;
}
.page-id-207 #videos .right h2.left46, .page-id-207 #videos .right h2.left53 { text-align:left;}
 .page-id-207 .left63 {
  margin-top: 0 !important;
}
 .page-id-207 #videos .left h2.left58 {
  font-size: 40px !important;
  text-align: left;
}
 .page-id-207 #videos .left h2.left58 span {
  font-size: 39.78px !important;
  line-height: 38px !important;
}
.page-id-209  .left33 .left36 {
  margin-bottom: 0 !important;
}
	.page-id-209 .left70 {
  font-size: 17px !important;
}
}