/*Menu Start*/
ul.mainmenu{padding:0;float:left;border:0px;list-style:none;font-size:20px;padding:0;}
header ul.mainmenu li{margin-left:15px;position : relative;padding:8px 5px;}

header ul.mainmenu li a{background: rgba(0, 0, 0, 0) url("../images/menubg.png") repeat-x scroll right top;
    border: 1px solid #e07f55;
    border-radius: 15px;
    color: #fff;
    display: block;
    font-size: 14px;
    padding:0 15px 3px;}
header ul.mainmenu li ul li a{background:none !important;}
header ul.mainmenu li ul li a:hover{border-radius:0px !important;}

.mainmenu li ul li{
	padding:4px 0 0;
}
ul.mainmenu ul {
	display : none;
	width : 175px;
	top : 29px;
	left : 0px;
	position : absolute;
	z-index:1000;
	box-shadow:1px 5px 16px 0 #000;
}
ul.mainmenu li ul li {
	font-size:17px;
	background-color:#314d7d;
	width:175px;
	margin-left:0px;
}
ul.mainmenu li ul li a.current{background:none;}
ul.mainmenu li ul li a {
	margin : 0;
	background:none;
	float : none !important;
	padding : 0 5px 5px 15px;
	float : left;
	display : block;
	text-decoration : none;
	height : auto !important ;
	color : #fff;
	border:0px;
	text-align:left;
}
ul.mainmenu li ul li.last{border-bottom:1px solid #ffffff;}

.logo{height:90px;}
ul.mainmenu li:hover li:hover li a, 
ul.mainmenu li.iehover li.iehover li a {
	font-family:arial, verdana;
	color : #FFFFFF;
	border-top : 0;
}
ul.mainmenu li:hover li:hover li a:hover, 
ul.mainmenu li:hover li:hover li:hover a, 
ul.mainmenu li.iehover li.iehover li a:hover, 
ul.mainmenu li.iehover li.iehover li.iehover a {
color : #000000;
background : #C2E8FF;
border-bottom-right-radius:15px;border-bottom-left-radius:15px;
}

ul.mainmenu ul ul {
display : none;
position : absolute;
top : 0;
left : 170px;
}
ul.mainmenu ul ul a{
padding : 0px 5px 10px 15px !important;
}


ul.mainmenu li:hover ul ul, 
ul.mainmenu li.iehover ul ul {
display : none;
}
ul.mainmenu li:hover ul, 
ul.mainmenu ul li:hover ul, 
ul.mainmenu li.iehover ul, 
ul.mainmenu ul li.iehover ul {
display : block;
}
.activemenu {
font-size : 14px
	font-family:arial, verdana;
color : #ffffff;
} 



ul.mainmenu li a.last {
border-right:none;
}


/* === GT Designer ===*/
.main{
    position:relative;
}
.custom-popup{
    position: absolute;
    right: 10px;
    top: 19px;
}
.modal {
  display: none;
  position: fixed;
  z-index: 99999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
  background-color: rgba(0,0,0,0.70);
}

.modal-content {
    background-color: #fefefe;
    padding: 20px 20px 15px 20px;
    max-width: 800px;
    width: 100%;
    margin: 0px auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 4px;
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: -60px;
    background: #ffffff;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 100px;
    line-height: 48px;
    top: 0px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (min-width: 320px) 
    and (max-width: 980px){
        .custom-popup{
            display:none;
        }    
    }

@media only screen and (min-width: 320px) 
    and (max-width: 480px){
    .modal-content{
        max-width:230px;
        width:100%;
        padding:15px 15px 10px 15px;
    }    
    .close{
        top:-58px;
        right:0px;
    }
}

@media only screen and (min-width: 320px) 
    and (max-width: 480px) and (orientation: portrait) {
}

@media only screen and (min-width: 320px) 
    and (max-width: 480px) and (orientation: landscape) {
}


@media only screen and (min-width: 320px) 
    and (max-width: 568px){
    .modal-content{
        max-width:230px;
        width:100%;
        padding:15px 15px 10px 15px;
    }
}

@media only screen and (min-width: 320px) 
    and (max-width: 568px) and (orientation: portrait) {
}

@media only screen and (min-width: 320px) 
    and (max-width: 568px) and (orientation: landscape) {
}


@media only screen and (min-width: 375px) 
    and (max-width: 667px){ 
    .modal-content{
        max-width:290px;
        width:100%;
        padding:15px 15px 10px 15px;
    }
}

@media only screen and (min-width: 375px) 
    and (max-width: 667px) and (orientation: portrait) { 
}

@media only screen and (min-width: 375px) 
    and (max-width: 667px) and (orientation: landscape) { 
}



@media only screen and (min-width: 414px) 
    and (max-width: 736px){ 
}

@media only screen and (min-width: 414px) 
    and (max-width: 736px) and (orientation: portrait) { 

}

@media only screen and (min-width: 414px) 
    and (max-width: 736px) and (orientation: landscape) { 
}

@media only screen and (min-width: 375px) 
    and (max-width: 812px){ 
}

@media only screen and (min-width: 375px) 
    and (max-width: 812px) and (orientation: portrait) { 
}

@media only screen and (min-width: 375px) 
  and (max-width: 812px) and (orientation: landscape) { 
}


@media only screen and (min-width: 768px) 
    and (max-width: 1024px) {
    .modal-content{
        max-width:580px;
        width:100%;
        padding:15px 15px 10px 15px;
    }
}

@media only screen and (min-width: 768px) 
    and (max-width: 1024px) and (orientation: portrait) {
}

@media only screen and (min-width: 768px) 
  and (max-width: 1024px) and (orientation: landscape) {
}