body, nav, ul, li, a  {margin: 0; padding: 0;}

a {text-decoration: none;}
.container {
    width: 90%;
    max-width: 900px;
    margin: 10px auto;
}
#cssmenu #menu-button
{
    cursor: pointer;
    display: block;
  
    /* Block added eran 15/2/18 */
    /*height: 14px; */
    color: White;    
    font-size: 20px;
    font-family:Arial;
    /* End Block added eran 15/2/18 */
}

#cssmenu #menu-button::before
{
    background: #dddddd none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 17px;
    width: 20px;
    margin-top:3px;
}

#cssmenu #menu-button::after
{
    border-bottom: 2px solid #dddddd;
    border-top: 2px solid #dddddd;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    right: 17px;
    width: 20px;
    margin-top: -12px;
}
.toggleMenu {
    display:  none;
    /*background: #666;*/
    
	/* padding: 10px 15px; */ /* remove by vibhav 15/2/18 */ 
	
	/* added vibhav 15/2/18 */
	padding: 6px 15px;
}
.nav {
    list-style: none;
     *zoom: 1;
     display:none;
     white-space:normal;
     
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    
}
.nav a {
    padding: 6px 10px;
}
.nav li {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nav > li {
    
    /*03-06-2015 vibhav bhavsar to make menu vertical align at middle*/
    float: left;
    display: table-cell;
    vertical-align: middle;
    border-top: 1px solid #104336;
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
    vertical-align:middle;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul 
{
    left: 0;
}
.nav li li.hover ul 
{
    left: 100%;
    top: 0;
}

.nav li li a {
    display: block;
    /*background: #1d7a62;*/
    /*31-05-2015 vibhav - background of the top menu*/
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c;
    line-height:normal !important;
}
.nav li li li a {
    z-index:200;
    border-top: 1px solid #1d7a62;
}

/*.nav li a
{
    border-left:1px solid #e0e0e0;
}*/

/* changed by vibhav bhavsar 02/09/2015, to set all lines height same as menu height  */

.nav li
{
    border-left:1px solid #e0e0e0;
}


@media screen and (max-width: 860px)
	{
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
    .nav li
    {
        width:auto !important;
    }
    /*
    .nav li a
    {
        border-left:none;
    }
    */
    
    /* changed by vibhav bhavsar 02/09/2015, to set all lines height same as menu height  */
    
    .nav li
    {
     border-left:none;
     line-height:normal !important;
     padding-top:0px !important;
     line-height:normal !important;
     height:auto !important;
    }
    
    /* added by vibhav bhavsar 09/09/2015, to remove fixed width from menu */
    .nav
    {
        width:auto !important;
    }
	
	.nav li  ul {
		margin-left:0px !important;
	}
        
}


/*===============================================
    Added by vibhav bhavsar 14/10/2015
    Start 61 page format styles - header and menu
  ===============================================*/

#ResponsiveMenu61
{
    float:right;
    margin-top: 20px;
    padding: 12px 8px 12px 8px;
    display:none;
    margin-right: 1px;
}

#ResponsiveMenu61 #cssmenu #menu-button::before
{
    background: #ffffff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    right: 25px;
    width: 26px;
    margin-top:8px;
}

#ResponsiveMenu61 #cssmenu #menu-button::after
{
    border-bottom: 3px solid #ffffff;
    border-top: 3px solid #ffffff;
    content: "";
    display: block;
    height: 7px;
    position: absolute;
    right: 25px;
    width: 26px;
    margin-top: -12px;
}

header {
	-moz-transition:  .15s ease-in-out;
	-webkit-transition:  .15s ease-in-out;
	-o-transition:  .15s ease-in-out;
	-ms-transition:  .15s ease-in-out;
	transition:  .15s ease-in-out;
}


#logoattopleftcorner {
	float: left;margin-top: 25px;max-width:18%;
}
#logoattopleftcorner img
{
    height:35px;
    /*width:70px;*/
}
/*#logoattopleftcorner_dark {display: none;float: left;margin-top: 25px;}
header.small #logoattopleftcorner {display: none;}*/

header.small {min-height: 60px;}
header {
 	position:fixed; 
 	width: 100%;
 	z-index: 1111;
	top: 0;
	height: 78px;
	border-bottom: 1px solid rgb(105, 105, 105); /* The Fallback */
	border-bottom: 1px solid rgba(255, 255, 255, .15);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
 } 

.main_nav {float: right; margin-top: 25px;max-width:82%; }

/*.main_nav li a {color:#B8B8B8;}*/
/*.main_nav li.active a, .main_nav li a:hover {color:white;}*/

/* White color for Font-Awesome icons when they are hover over in the header under white state */ 

header.small.transparent_menu .social_nav li:hover i,
header.white_menu  .social_nav li i,
.dark_menu.small .social_nav li:hover i,
.transparent_dark_menu.small .social_nav li:hover i

{color:Black;} 


/* HEADER SMALL */

header.small .main_nav {margin-top: 18px;}
/*.small #logoattopleftcorner_dark  { display: block; margin-top:15px;}*/
header.small .social_nav li i {padding: 20px;}


/* HEADER STYLE 01: TRANSPARENT TO WHITE  */


header.small.transparent_menu .social_nav i {color:#AFAFAF;}
/*header.small.transparent_menu  .main_nav li.active a, header.small.transparent_menu  .main_nav li a:hover {color:white;}*/


/* HEADER STYLE 02: TRANSPARENT TO DARK  */

header.small.transparent_menu.dark {background-color: #232323;border-bottom: 1px solid rgb(46, 46, 46);}
/*header.small.transparent_menu.dark .main_nav li.active a, header.small.transparent_menu.dark .main_nav li a:hover {color:white;}*/


/* HEADER STYLE 03: WHITE  */

header.white_menu { background-color: rgba(255,255,255, 1); border-bottom: 1px solid #F5F5F5;}
/*header.white_menu .main_nav li a { color:#AFAFAF;}*/
/*header.white_menu .main_nav li.active a, header.white_menu .main_nav li a:hover {color:white;}*/

/* HEADER STYLE 04: TRANSPARENT DARK  */
.transparent_dark_menu {background-color: rgba(0, 0, 0, 0.5);border-bottom: 1px solid rgba(32, 32, 32, 0.5);}
.transparent_dark_menu .social_nav li:hover i {color: #161616;}
.transparent_dark_menu .social_nav li:hover {background: white;}



/* HEADER STYLE 05: DARK  */
.dark_menu {background-color: #232323;border-bottom: 1px solid rgb(46, 46, 46);}
.dark_menu .social_nav li i {border-left: 1px solid rgb(46,46,46);}
header.white.dark_menu {background-color: #232323;border-bottom: 1px solid rgb(46, 46, 46);}
/*header.white.dark_menu .main_nav li.active a, header.white.dark_menu .main_nav li a:hover {color:white;}*/



/* HEADER STYLE 06: TRANSPARENT DARK TO SOLID WHITE  */

header.small.transparent_dark_menu.white {background-color: rgba(255,255,255, 1); border-bottom: 1px solid #F5F5F5;}
/*header.small.transparent_dark_menu.white  .main_nav li.active a, header.small.transparent_dark_menu.white  .main_nav li a:hover {color:white;}*/


/* HEADER STYLE 07: TRANSPARENT DARK TO SOLID DARK  */
header.small.transparent_dark_menu.dark {background-color: #232323;border-bottom: 1px solid rgb(46, 46, 46);}
/*header.small.transparent_dark_menu.dark .main_nav li.active a, header.small.transparent_dark_menu.dark .main_nav li a:hover {color:white;}*/

/* HEADER STYLE 08: CENTER TRANSPARENT TO SOLID WHITE  */

.center_style #logoattopleftcorner, .center_style #logoattopleftcorner_dark {text-align: center;
float: none;
margin: 0 auto;
width: 160px;
}
.center_style #logoattopleftcorner {padding-top: 24px;}
/*.center_style #logoattopleftcorner_dark {padding-top: 14px;}*/

.center_style .main_nav {float: left;}


.center_style.small.white {background-color: rgba(255,255,255, 1); border-bottom: 1px solid #F5F5F5;}
.center_style.small.white .social_nav i {color:#AFAFAF;}
/*.center_style.small.white  .main_nav li.active a, .center_style.small.white  .main_nav li a:hover {color:white;}*/

.center_style.white.small .social_nav li:hover i {color: white;}

.center_style.white .social_nav li:hover i {color: #161616;}
.center_style .social_nav li:hover {background: white;}

header.center_style.white_menu li.twitter_header_icon:hover {background: #32ccfe;} 
header.center_style.white_menu li.facebook_header_icon:hover {background: #3b5999;} 

/* HEADER STYLE 09: CENTER TRANSPARENT TO SOLID DARK  */

.center_style.small.dark {background-color: #232323;border-bottom: 1px solid rgb(46, 46, 46);}
.center_style.small.dark .social_nav i {border-left: 1px solid rgb(46,46,46);}
/*.center_style.small.dark  .main_nav li.active a, .center_style.small.dark  .main_nav li a:hover {color:white;}*/

header.center_style.dark .social_nav li:hover i {color: #161616;}
header.center_style.dark.small .social_nav li:hover i {color:white;}


/* HEADER STYLE 11: CENTER WHITE  */

/****** There is no needed styles for this combination ******/ /* Combine .center_style with .white_menu */


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video_caption {
text-align: center;
position: absolute;
width: 600px;
margin-left: -300px;
left: 50%;
top:400px;
}
.video_logo {padding:20px 0px;}

.video_text_small {color:white; font-size:50px;padding-bottom: 20px;}
.video_text_big {color:white; font-size:80px;padding: 30px 0px 40px 0px;}
.full_slide {height: 100%; width: 100%;}

/*vibhav 26/10/2015, to change background color for main menu*/
.main_nav ul.nav
{
    background-color: transparent;

        /* block added by eran 26/10/15 */
    font-family:carmelit_regularregular !important ; 
    font-size:20px !important;
    background-color:black;
    color:white !important ;
    opacity: 50%;


}

/*vibhav 26/10/2015, to change font bolder style for both main & sub menu*/
.main_nav ul.nav li
{
    font-weight:normal ;   /* bolder changed by eran 26/10/15 */

    
        /* block added by eran 26/10/15 */
    font-family:carmelit_regularregular !important ; 
    font-size:16px !important;
    background-color:black;
    opacity: 50%;

}
/*vibhav 26/10/2015, to manage border style for main menu only*/
.main_nav ul.nav > li
{
    border-top: none;
}

/*vibhav 26/10/2015, to manage border style for both main & sub menu*/
.main_nav ul.nav li
{
    border-left: none;
}

/* vibhav 26/10/2015, manage MAIN MENU font-size, color and many more which related to font styles */
.main_nav ul.nav > li > a
{
    color: #b8b8b8;
}

/* vibhav 26/10/2015, manage SUB MENU font-size, color and many more which related to font styles */
.main_nav ul.nav li li a
{
    background-color: White;
    color: #b8b8b8;
}

.main_nav ul.nav a
{
    color: #b8b8b8;
}
.main_nav ul.nav li.hover
{
    background: none !important;
}

/* vibhav 26/10/2015, manage MAIN MENU hover style */
.main_nav ul.nav li.hover > a
{
    /*remark: change the background color of the drop down menu*/
    color: white;
}

/* vibhav 26/10/2015, change selected MAIN MENU style */
.main_nav ul.nav li.SelectedMenuStyle
{
    background: none !important;
}

/* vibhav 26/10/2015, manage SUB MENU font-size, color and many more which related to font styles */
.main_nav ul.nav li.SelectedMenuStyle > a
{
    color: white;
}

/* vibhav 26/10/2015, manage SUB MENU hover style */
.main_nav ul.nav li li.hover a
{
    /*remark: change the background color of the drop down menu*/
    background: white !important;
    color: black;
}

/* vibhav 26/10/2015, change selected SUB MENU style */
.main_nav ul.nav li li a.SelectedMenuStyle
{
    background: white !important;
    color: white;
}

/* vibhav 26/10/2015, change the background color and it's related style of top fixed header */
header.small.transparent_menu {background-color: #FFFFFF; border-bottom: 1px solid #F5F5F5;}

/*===============================================
    End 61 page format styles - header and menu
  ===============================================*/
  
  

/*================================================
  Start New Menu design settings
==================================================*/

@media screen and (min-width: 859px)
{
    /* 25/01/16 vibhav bhavsar,  this new class will help to make top menu not same width as site's width */
   
    .NewNavMenuSettings > li
      {
        width:auto !important;
        border:none !important;
    }
    
    .MenuAlignLeft
      {
        direction:ltr !important;
        float:left !important;
        padding-right:5px;
    }
    
    .MenuAlignLeft a.parent
    {
        background-position: 100% 50% !important; 
    }
    
    .MenuAlignRight
    {
        direction:rtl !important;
        float:right !important;
        padding-left:5px;
    }
    
    .MenuAlignRight a.parent
    {
        background-position: 0% 50% !important;   
    }
    
}

  
/*================================================
  End New Menu design settings
==================================================*/