/* CSS Document */

@font-face 
{
	font-family: 'Questrial-Regular';
	src: url('../fonts/Questrial-Regular.ttf')  format('truetype');
}

*{margin:0px;padding:0px;text-decoration:none}
body{/*! background:#555; */}
header{/*! position:fixed; */width:100%;/*! background:#fff; */z-index: 99;top: 20px;}
.logo{position:relative;z-index:123;/*! font:19px verdana; */color:#1C449B;/*! float:left; */}
.logo a{color:#6DDB07;}
nav{position:relative;/*! width:980px; */margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:1px;list-style:none;/*! line-height:1; */display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index: 2;}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{/*! background:#8c6262; */width: 100%;height: auto;margin-top: 9%;/*! margin-left: 2%; */}
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li > a{padding:0px 14px;font-size:14px;letter-spacing:1px;text-decoration:none;color:#040404;text-transform: uppercase;font-family: 'raavib';line-height: 38px;font-weight: 700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#dd2c1c !important;}
#cssmenu > ul > li > a:active {color: #003878;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:none;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
/*ssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:18px;right:9px;width:10px;height:2px;display:block;background:#000;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:14px;right:13px;display:block;width:2px;height:10px;background:#000;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}*/
#cssmenu ul ul{position:absolute;left:-9999px;margin-top: 0px;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#fff;transition:all .25s ease;margin-top: 0px;}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{/*! border-bottom:1px solid rgba(150,150,150,0.15); */padding:6px 14px;width:225px;font-size:16px;text-decoration:none;color:#040404;/*! text-transform: uppercase; */font-family: 'raavib';}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#dd2c1c;background-color: #fff;/*! border: 2px solid; */}
#cssmenu ul ul li.has-sub > a:after{/*! position:absolute; *//*! top:16px; *//*! right:11px; *//*! width:8px; *//*! height:2px; *//*! display:block; *//*! background:#ddd; *//*! content:'' */}
#cssmenu ul ul li.has-sub > a:before{/*! position:absolute; *//*! top:13px; *//*! right:14px; *//*! display:block; *//*! width:2px; *//*! height:8px; *//*! background:#ddd; *//*! content:''; *//*! -webkit-transition:all .25s ease; *//*! -ms-transition:all .25s ease; *//*! transition:all .25s ease */}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
/*#cssmenu > ul > li:after {
	content: '';
	display: block;
	margin: auto;
	height: 4px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
	margin-top: 0px;
}
#cssmenu > ul > li:hover:after {
	width: 100%;
	background: #003878;
}*/

/* Top and Bottom borders come in */
/*div.topBotomBordersIn a:before, div.topBotomBordersIn a:after
{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 4px;
    background: #dd2c1c;
    content: "";
    opacity: 0;
    transition: all 0.3s;
}*/

div.topBotomBordersIn a:after
{
    position: absolute;
    left: 10%;
    width: 50%;
    height: 3px;
    background: #dd2c1c;
    content: "";
    opacity: 0;
    transition: all 0.8s;
}

div.topBotomBordersIn a:before
{
    top: 0px;
    transform: translateY(-10px);
}

div.topBotomBordersIn a:after
{
    bottom: 0px;
    transform: translateY(0px);
}

div.topBotomBordersIn a:hover:before, div.topBotomBordersIn a:hover:after
{
    opacity: 1;
    transform: translateY(0px);
}
/* Top and Bottom borders come in */

@media only screen and (max-width: 480px) {
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#dd2c1c;}
}

@media screen and (max-width:1000px){

.logo{/*! position:absolute; */top:0;left:0px;width:90%;/*! height:46px; */text-align:center;padding:10px 0 0 0 ;float:none;}
.logo2{display:none}
/*nav{width:100%;}*/
#cssmenu{width:100%;margin-top: 0;}
#cssmenu ul{width:100%;display:none;top: 0px;}
#cssmenu ul li{width:100%;border:1px solid #444;}
#cssmenu ul li:hover{background:#363636; color:#fff;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;/*! line-height: 40px; */}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#dd2c1c; background-color:#FFF;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:60px;height:43px;position:absolute;top:3px;cursor:pointer;z-index: 12399994;border: 1px solid #000;right: 0px;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #060606;border-bottom:2px solid #000;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#000;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#000;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0px;display:block;border-left:1px solid #444;height:37px;width:47px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#333;}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#000;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff;}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#000;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}